JQuery | Tequila Fish

Mar 09 2008

jQuery: using jquery.autocomplete.js plugin in noConflict mode

Tag: JavaScript, Programming, Tech, jQuery — js @ 4:48 pm

When attempting to implement Dylan Verheul’s excellent auto-complete jQuery plugin on a project, I ran into problems due to the fact that we are using noConflict mode for jQuery by calling noConflict(); A few quick minutes poking around jquery.autocomplete.js and I had updated it to work in both noConflict and standard modes. For those of you looking to use jquery.autocomplete.js in noConflict mode, I’ve made it available for download here: jquery.autocomplete.js

UPDATE: Dylan has updated jquery.autocomplete.js to be compatible with noConflict mode. It also contains additional bug-fixes and improvements. You can download it at: http://code.google.com/p/jquery-autocomplete/source/browse/trunk/jquery.autocomplete.js

—————-
Now playing: AFX - SteppingFilter 101
via FoxyTunes

Comments (0)

Dec 04 2007

jQuery: How to set one <select> element to the value of another (using onchange equivalent)

Tag: JavaScript, Programming, jQuery — js @ 5:33 pm

Say you have an HTML <select> form element and you want to set another <select> element equal to the first one when it changes. Here’s an easy way to do so with jQuery:

$(’#id_of_select1′).change(function() {
var select1_value = $(this).val();
$(’#id_of_select2′).val(select1_value);
});

—————-
Now playing: Drexciya - Astronomical Guidepost
via FoxyTunes

Comments (0)

Dec 04 2007

jQuery: How to get the ID of your current object.

Tag: JavaScript, Programming, jQuery — js @ 4:14 pm

Say you want to know the ID of your current jQuery object. You can achieve this easily using jQuery’s attr() method:

var current_id = $(this).attr(’id’);

This will only work provided that you have a valid jQuery object $(this) that you are working with, eg:

$(document).ready(function() {
  $(’input.text’).focus(function() {
    $(’input.text’).removeClass(’onFocus’); /* remove focus state from all input elements */
    $(this).addClass(’onFocus’); /* add focus state to currently clicked element */
    var current_id = $(this).attr(’id’);
  });
};

Using the code above, you will now know the ID of the currently focused input element. This can come in handy later on if you want to perform further actions on the element.

—————-
Now playing: Amon Tobin - Precursor (feat. Quadraceptor)
via FoxyTunes

Comments (0)