Response title
This is preview!
- Screen name: farliesz
farliesz's Profile
10 Posts
8 Responses
0
Followers
Activity Trend
Last 30 days
Loading Chart...
Show:
- Expanded view
- List view
- 09-Mar-2018 07:16 AM
- Forum: Developing jQuery Plugins
Hello,I've stopped developing websites many years ago but want to pick up my old hobby again. Please take a look at the following code:<button><</button><select name="fontsize"><option value="8px">8px</option><option value="10px">10px</option><option value="12px">12px</option><option value="14px">14px</option><option value="16px">16px</option><option value="20px">20px</option><option value="24px">24px</option></select><button>></button>I want to create a plugin that changes the select-option from the dropdown selection to selection through buttons navigation. The plugin should do the following on this piece of code:1) hide the dropdown arrow of the select tag2) deactivate the dropdown menu (if the select-option is clicked the dropdown menu should NOT be displayed)3) navigation through the different options should be solely done through the "<" and ">" buttons4) when the button "<" is clicked, we navigate upwards from the current selected option and the new option is displayed5) when the button ">" is clicked, we navigate downwards from the current selected option and the new option is displayedI have several of these select-options tag and want to create a solution using a plugin. I have no idea how to start creating this plugin. Can you guys help me out, maybe point me in the right direction?P.S. Maybe such plugin already exist?- The code below uses jQuery to gather data from a form and sends it to a PHP script. I have noticed that if one of the variables (variable1, variable2, variable3) contain the ":" (colon) character then this causes problems with the jQuery script and the PHP script won't get the correct input. Is this a known problem? How do I solve this? Are there more characters besides ":" that causes problems?var variable1 = $('#variable1').val();var variable2 = $('#variable2').val();var variable3 = $('#variable3').val();// post data with ajax$.ajax({type: 'POST',url: 'save.settings.php',data: {variable1: variable1, variable2: variable2, variable3: variable3},success: function(data) {..............}}
- Why is my slider below not working?[code]<div id="page_slider" min="100" max="600"></div>$("#page_slider").slider ({min: $(this).attr('min'),max: $(this).attr('max')});[/code]
- Please take a look at the following pageAdding a new answer is no problem, just click the button "Ad Answer" and see.Deleting one of the 3 original answers is also not a problem, just click the corresponding button "X" and see.But I cannot delete newly created answers. When I press on their corresponding "X" nothing happens.Can someone tell me what's wrong?
- Suppose I have the following code:
- <table>
- <tr><td><input class="test" type="button"></td></tr>
- <tr><td><input class="test" type="button"></td></tr>
- <tr><td><input class="test" type="button"></td></tr>
- <tr><td><input class="test" type="button"></td></tr>
- </table>
Is there a simple way in jquery to get the number of the button that is clicked? So if someone click the second button, is there some way to know that the second button was clicked?Please do not give suggestion how to change the code to make the task easier. Just assume that we have the code above and we need to know which button number was clicked.- Hello,Take a look at my slider atI do not like the appearance of my slider. I would like it to look like the slider on this page (next to the text "poll width")Is there a way to configure my slider to look like that?
- Please take a look at the code below. Why isn't the Toggle working? When someone click on a Question, the corresponding Answer should be displayed, or if it's already displayed it should be hidden.
- <p><a id="faq" href="#">Question 1?</a>
- <ul style="display:none">Answers 1.</ul>
- <p><a id="faq" href="#">Question 2?</a>
- <ul style="display:none">Answers 2.</ul>
- <p><a id="faq" href="#">Question 3?</a>
- <ul style="display:none">Answers 3.</ul>
- $("#faq").click(function() {
- $(this).next("ul").toggle();
- });
- I'm using the Spectrum Colorpicker plugin. I use it to change the color of a table. When I move the cursor around in the Spectrum the color of the table also changes. But when I decide to click the cancel link, the color of the table does not revert to the original color. Any one know how I can correct this?
- Please take a look at the following animations:What I want to do is the following:1) Let all 3 colors start at 0% at the same time and reach 17% at the same time, then red stops at 17% and blue and green continues and reach 33% at the same time, then blue stops and green continues and reaches 50%.2) Let the display percentage of red start at 0%, and as the bar animates the display percentage increases and when the red bar reaches 17%, the display percentage also reaches 17% (and the same for blue and red).Any one can help me out with this?
- 21-Aug-2013 08:16 PM
- Forum: Using jQuery UI
Take a look at the following link:When I view this page in Chrome 28.0.1500.95 and Opera 12.16, the page jumps to the main page http://www.ballot-box.net/. In IE 8.0.6001.18702 and Firefox 12.0 the page loads fine.I noticed that this happens because I'm using both the HTML <base> tag and the jQuery widget tabs() in my weboage. If I remove the HTML <base> tag then the page does not jump to http://www.ballot-box.net/. Is this a jQuery bug?
© 2013 jQuery Foundation
Sponsored by and others.