jQuery Forum

Hi all,

Hi all. I have a slider with a range of 1 to 10.  I only want to allow selections on 1,2,3,5,7,10.  How can I disable steps at 4, 6, 8, and 9?  Originally, I was only allowing 1, 3, 5, 7, 10.  I was able to accomplish that by setting the step to 2 and then if the user selected 9, I would change the value to 10. But now that I have values on either side of 4 and 6, I don't know what the user is intending.  Any ideas?  Thanks.

I am using the jquery autocomplete plugin with great success with one exception.  When my json returns an escaped apostrophe, the autocomplete acts as if it didn't find any matches.

Hi all,

This is something of a theoretical question as I am still in the planning stage.  I am developing a home page where there are jquery features utilized.  There is a cascading menu which can load any of approx 70 pages via ajax insertion into a "content" div on the main page.  Assuming that each of the 70 pages has unique jquery (or javascript) functionality, how do I get the javascript to work on each page without putting the javascript functionality for all pages in the main page and using either .live() or .bind().  Given the number of pages involved, the code has to be disbursed throughout the site . . . . 

I'm new to jquery but am getting more comfortable as I go.  I have a specific question on the ui autocomplete widget and, probably a general jquery/ajax question.

Here's what I'm trying to do:  Use an input box to update a field with a label and a hidden field with a value.  This works fine but as you can see in my code below, I need a return(false) because after #autocomplete is populated with the label, it then reverts back to the value without this call.  This doesn't seem right to me but the return(false) takes care of the problem.  Any insights?

Second question: I want the url I send to be dynamic using the value of grpDir.  This value is read once the form is loaded.  How do I make it update when the autocomplete actions take place?

Thanks in advance for your help.  Excerpts of my code is below:

1. Directory<BR>
   <div><br>
   <input type="radio" id="grpDir" name="grpDir" value="1000"> A
   <input type="radio" id="grpDir" name="grpDir" value="2000" checked> B
   <input type="radio" id="grpDir" name="grpDir" value="5000"> C
   <input type="radio" id="grpDir" name="grpDir" value="6000"> D
   </div> 
   <input id="autocomplete" size="30" />
   <input id="vendorNo" />

and the javascript:

1.   $(function() {
       $("#autocomplete").autocomplete({
       source: "autocomplete.asp?dir="+$("input[name=grpDir]:checked").val(),
       minLength: 2,
           select: function(event, ui) {
         $('#vendorNo').val(ui.item.value);
         $('#autocomplete').val(ui.item.label);
         return(false);
         }
      
       });
     });