[jQuery] How to hide all "select" form elements
Hi, Is it possible to hide all "select" form elements without using id or class atributes? <select> <option value=''></option> <option value='AL'>Alabama</option> <option value='AK'>Alaska</option> <select ... jq(":select").hide(); // DOES NOT HIDE ANY SELECT ELEMENTS
[jQuery] browser window position when ajax updating
Hello If I ajax update an element which is in the lower part of the window the browser moves the window in the starting position. How can I stay above the updated element after update? thanks Alex jquery is great!
[jQuery] UI Tabs, UI Datepicker, ajax...
using jQuery 1.3 and jQuery UI 1.6r5 I've got some ajax tabs. //initialize tabs $("ul.tabs-nav").tabs( defaults = { navClass: 'tabs-nav', selectedClass: 'tabs-selected', unselectClass: 'tabs-unselect', disabledClass: 'tabs-disabled', panelClass: 'tabs-panel', hideClass: 'tabs-hide', loadingClass: 'tabs-loading' } ); Some of the tab contents
[jQuery] Autocomplete - Minimum Size of Possible Matches
Has anyone else run in to an issue with autocomplete not returning matches of less than five characters? I have it searching for matches starting at 2 characters, but for some reason it sits at the 'Loading' message if the only match is only 4 characters long? (For example, I'm typing in 'Ko' and it won't find the name 'Koch' in the list.) I've replicated this with a few possible matches that are 4 characters long, consistently fails. However, if I increase that name to 5 characters it works fine.
[jQuery] Autocomplete
Hi, In IE6 we find that if we have a combo box below the Autocomplete text box, the combo box displays on top of the item selection list that is displayed. Is there a work around for this. Thanks Anurag
[jQuery] sorting a <select> list of <option> elements
I have a select list into which I place new option elements, and I want to show them in sorted order. I've searched around and tried some approaches, but not successful yet. Here is an example. It may not be the best use of jQuery, but at least I understand it. The select element has id ops-memb I get the current content, then add another option item. var members = $('#ops-memb').html() + "<option id='507'>Another Item</ option>"; $'#ops-memb').html(members); This works. Now I try to sort $('#ops-memb
custom plugin not working in safari and IE
Hello, This is my first post and i hope someone can help me. I've written a simple plugin which picks up an attribute and places it as a default value for text fields. Its working well in Firefox but for some reason it isn't on Safari and IE. If i removed the options argument and hardcoded the attribute within the plugin then it works everywhere but not when add some settings $.fn.placeholder = function(options){ settings = $.extend({ attr: 'title', class: 'text' }, options);
[jQuery] Doble layer in DIV
I have lot of DIV which to be added effect like gradient, doble border, shado and roundcornur. How to do with jquery easily.
[jQuery] how to enable drag drop using this plugin
I am using thise plugin.<a href="http://www.isocra.com/2008/02/table-drag-and-drop-jquery-plugin/">http://www.isocra.com/2008/02/table-drag-and-drop-jquery-plugin/</a> Using thise plugin, how to drag only row within class='dro'. I not want to drop all rows, only row within class='dro' Thnks.
[jQuery] Autocomplete parm error
Hi, I have provlem width autocomplete . I trying to give a extra Parm: $().ready(function() { $("#sCity").autocomplete("http://my-ajax-page/", { width: 200, minChars: 4, extraParams:{province : $('#sLocId').attr('value')}, selectFirst: false }); ...//other code }); I`m trying to autocomplete cities for selected province. I will show it in example: http://screencast.com/t/5daqo8VTQCV We heve two cities "Białystok" in two provinces(20 and 6). When i chose one
[jQuery] Toggle event only works twice.
$("a[rel='toggleBoxes']").toggle( function() { $("#Box").switchClass("closedBox", "openBox", 1000); $("#rightBox").fadeIn("slow"); }, function() { $("#rightBox").fadeOut("slow"); $("#Box").switchClass("openBox", "closedBox", 1000); } ); is my code. When I click the link the first and second time, the box animates itself like I intended, but after that, the box that should be smoothly transitioning just appears and disappears. I could continue to put those two in the toggle functions, but that would
[jQuery] Validation: Validating 2 password fields (Enter and Re-Enter passwords)
Hello, I am using JQuery validation to validate a password field (among things). I have 2 fields: The "Enter Password" field where the user enters his password and a "Re-Enter Password" field where the user confirms his passwords (used to make sure the user did not make a typo). How do I validate to make sure the two passwords match. I've thought of using a function, but I don't have access to both fields in the same function. Any help would be appreciated.
[jQuery] Autocomplete plugin rare behaviour
Hi I'm using the autocomplete plugin to edit the name of a product in a CMS. When the name field (with autocomplete) is empty the autocomplete works perfectly. However when the field is not empty and you remove the content the suggestions don't appear but the ajax request retrieve the correct data (I have seen them with firebug). Any ideas??
[jQuery] Is something wrong with this syntax?
I've tried every version of this I can think of (after checking the docs and Google, etc.), but I can't get this to work. Is there something wrong with this syntax? If I check the radio input whose value="0", why won't this return 0 as the value? $('.delete-button').click(function(){ var button = $('input:radio[name=delete_button]:checked').val(); if (button == '0') { alert(button); return; } else { ... Thanks, Rick
[jQuery] question about 1.3
hello we have a question about jquery 1.3 is it 100% backwards compatible with the minor functions of 1.2.6??? thanks for answer Jens
[jQuery] newbie - cluetip
Goodmorning I'm completely new to jquery and java script. I'm a graphic designer and learned some basic scripting by meself. So please don't shoot me if my code is a mess. However I want to change the menu on this site www.moof.be/intro.html with a cluetip. I already made some changes to it http://www.moof.be/nieuw/intro2.html but I only seem to get one link working. The first one ("working" means it pops up but the content seems not to get loaded -) it works offline but onlinne I get a error) The
[jQuery] [Validate] Double click to submit form
Hi i am using jquery validator plugin to validate my form. In my form, the field "numero_commissione" must contains a non- negative number and this must not be in use. So i use a remote validation in order to accomplish this. The problem occurs when i want to modify an item. The edit page shows the form filled with the values of the item. If no change were made, the first click on the submit button cause the validation of the remote field (i see it in the console of firebug) and only the second click
[jQuery] Test if BlockUI is blocking an element
Hello, Is there a way to test if blockUI is currently blocking a specific element? I am doing this: $('#middle_right').block({ message: this.loader_msg, css:{ border: '2px solid #ddd', backgroundColor:'#fff' }, overlayCSS:{ backgroundColor:'#eee', opacity: '0.6' } }); and want to create a function like this with jquery: this.is_loading = function() { if(document.getElementById('module_menu_loader').style.display
[jQuery] after document ready can't fade in using .load
this page starts out loading content with .load from a php page that returns different content depending on the URL parameters or a default. After it is loaded any other link loads pages using .ajax with nice animations. I can't figure out how to do a fadein or anything else to the initial page .load, - either it doesn't like my function syntax or I see no effect.. Can anyone help? $(document).ready(function(){ var page_name = $(document).getUrlParam("page"); $('.inner').load('content.php?page='+
[jQuery] Access In A Big Draggable
So, I am using draggable and droppable to drag a table to a droppable and then use the data in the table to populate the droppable target. When I use Firebug to check what's in ui.draggable, here's an example of what's in the innerHTML: <tr><td class="cntidx" id="cntidx_0">1</td><td class="cnticn" id="cnticn_0"><img src="/wv_dev/images/16x16/money_envelope.png" width="16" height="16"></td><td class="cntinf" id="cntinf_0"><table class="cntinfbox" id="cntinfbox_0"><tbody><tr><td><input id="contactName_0"
[jQuery] 1.3 live doesn't seem to work with UI?
I have this bit of test code: $('input').live('click',function(){ $(this).datePicker(); }); But every time I run it, it always gives the message of "Object doesn't support this method." I've tried putting it onto a class (.input), an ID (#input) and just a plain input with all the same results. Followed the instructions on the page http://docs.jquery.com/Events/live#typefn. So, it is looking like either I'm doing something incorrectly or it doesn't work with the JQuery UI. Anyone see or know
[jQuery] How do I abort a function?
If I want to abort a function based on a condition, what is the command to do that? if x == 0 abort this function... Thanks, Rick
[jQuery] New jQuery Cheat Sheet for the iPhone
Just found this. Sweet! http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=302090867&mt=8
[jQuery] New jQuery Cheat Sheet for the iPhone
Just found this. Sweet! http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=302090867&mt=8
[jQuery] Pop-up window problem (jQuery 1.2.6)
I'm trying to populate a pop-up window with the form values of the main window. Unfortunately, I keep getting a 'Element referenced by ID/NAME in the global scope. Use W3C standard document.getElementById () instead.' error, on both lines 21 and 22. I tried using non-jQuery methods, and it appears that there's a runtime issue. The div I'm trying to inject the form values into in the pop-up page doesn't seem to be available to me when the function fires. Instead, the alerts I put in for debugging
[jQuery] how can we set script/noscript tag html ?
we can get the .html() in script/noscript but once we want to write it back, we got error e.g. $("script").html("var a=123"); "Unexecpeted call to method or property access"
[jQuery] validate and form plugins
i have a table with an edit button in each row. when the edit button is clicked, the following script is run: //edit click $('#edit_lnk_' + index).click(function() { Boxy.get('#cancel_changes_lnk').show(); $('#ddlProjects').clearSelect(); $('#ddlTasks').clearSelect(); populateBoxy(index); }); function populateBoxy(index) { SetupFormValidationRules(); //...more code } function SetupFormValidationRules() { $('#add_edit_form').validate({ errorPlacement: function(error, element) { error.appendTo(element.next());
[jQuery] some help to modify a class plz
Hi, i have this html: <ul class="dropdown"> <li class="myaccount"><span>some text</span></li> </ul> and this code does not work: $(".myaccount").hover(function() { $("ul.dropdown li.myaccount_hover").removeClass ("myaccount_hover").addClass("myaccount"); }); how can i access to myaccount_hover class for work on it ? (here i want to change the class) thanks you veru much for your help ! Fredj from Paris
[jQuery] load question
i'm stuck on a pretty basic concept. on hovers of a's, i'm trying to load an element from another page by url and id into a display div. i'm trying to get those 2 bits of info from the triggering a. i'm close: the product matches a hard coded string, but doesn't load (the way the hard coded version does) any tips at all (other than "consult the docs"--i've tried, i'm learning.) on doing this, or streamlining my caveman work will be insanely appreciated. thanks! $(document).ready(function() { var
[jQuery] jQuery Ajax, getting data returned from my PHP script
Hi All, I created a form and decided to add some AJAX. What I want to do is add a <span class="required">*</span> next to my required label elements and change to <span class="valid">*</span> when the AJAX blur event validates each of my fields. My problem, when I run the script I get no data returned from my ajax- validation.php script. Can anyone help?? many thanks gemmes // SELECTED JAVASCRIPT /* AJAX Form */ $('#submit').click(function() { // using click instead of blur while in development var
[jQuery] back load livequery
Hello, I use 'livequery' where Loading function data. There is a need for the possibility of back of the previous result and I do not know how to do this. For example, 3 loading and clicking back-loaded me return to a previous one, when I click again, back again, I revert to the previous result loading reply from the server. This is the form of a tree. Clicked and the data is loaded, click again load, etc. But in the last load I can return to the same start clicking, and gradually go back to the
[jQuery] validate and form plugins
i have a table with an edit button in each row. when the edit button is clicked, the following script is run: //edit click $('#edit_lnk_' + index).click(function() { Boxy.get('#cancel_changes_lnk').show(); $('#ddlProjects').clearSelect(); $('#ddlTasks').clearSelect(); populateBoxy(index); }); function populateBoxy(index) { SetupFormValidationRules(); //...more code } function SetupFormValidationRules() { $('#add_edit_form').validate({ errorPlacement: function(error, element) { error.appendTo(element.next());
[jQuery] Load page after succesfull validation
Hi all, I am struglin' for a while to load a PHP file after a succesfull validation with the beautiful Basisstance Validation plugin. How can I use the submitHandler to load an external PHP file and please the data in the right target? submitHandler: function(form) { jQuery(form).ajaxSubmit({ // load test.php by the GET method target: "#right" }); }, Somebody got an idea how to fix this? Thx!
[jQuery] How to? Multiple Colored Accordion...
I have found plenty of accordion tutorials online, however, I'm trying to create an accordion with multiple colors for each section (that don't change when clicked.) Here is an example of what I am trying to accomplish: http://blackstonemediaonline.com/dump/accordion.jpg Does anyone know of any tutorials or help you can give me?
[jQuery] How get data objects from a php file called via ajax
I am new to javascript and jQuery programming so my problem might be very simple to explain but please bare with me. I want to make a selection in a list created by a php-file that is called from another php-file using jQuery and ajax but it fails. My example is very limited but shows the main problem. The first php-file has abutton defined like this: <input class="mini_browse" type="button" value="Browse test" /> I also have a div to show the result: <div id="myresult">Show the result here</div>
[jQuery] How get data objects from a php file called via ajax updated?
Hi all, I want to make a selection in a list created by a php-file that is called from another php-file using jQuery and ajax but I can not get any events to the newly created html elements. My example is very limited but shows the main problem. The first php-file has abutton defined like this: <input class="mini_browse" name="mini_browse_btn" id="mini_browse_btn" type="button" value="Browse test" /> I also have a div to show the result: <div id="myresult">Show the result here</div> The jQuery entry
[jQuery] tablesorter after a tr.remove()
I have a table that im adding rows to dynamically with jquery of course, and every row has a click on it. when you click on it, it removes that row from the table. im using the remove() on that tr. Now when i apply the tablesorter plugin to that table, i delete a row like normal, then click the header of the table to resort it, and the deleted row pops back up, but i can no longer click on that row to delete it again. its like all the events on that are gone. The tr shouldnt be showing up again at
[jQuery] jQuery.support query
The utilities jQuery.browser and jQuery.version has been deprecated in jQuery 1.3 version and the documentation says to use jQuery.support for the same. But I do not find any options for browser and version in jQuery.support. Although they have been included in 1.3 release too, but are deprecated. How can we then check the browser name and version..?
[jQuery] NS_ERROR_XPC_JS_THREW_STRING with jquery 1.3
This error seems to be rearing its ugly head in FF3 using jquery 1.3. When I was using the latest 1.2.6 for jquery I would get a little warning in firebug that said... Empty string passed to getElementById(). This wouldn't cause anything bad to happen and things would move on just fine. IE7 didn't do anything strange. But with the new 1.3 it stops both browers dead in its tracks with a real error. Here is a simplified version that replicates the error... <html> <head> <script type="text/javascript"
[jQuery] issue with pathClass: current on nav style menu
Hi, I have been using superfish for the navigation for a site I am working on and have ran into problems regarding the "current" class that is applied to each li tag which is in the current path. Whenever I hover over the top level, the 2nd level is displayed and the links are are all there, with the current one highlighted. However once I move the mouse away from the menu altogether, the 2nd level does not remain displayed with the links in it as before, instead they disappear after a delay, and
Next Page