How Does jQuery Assign Classes to Tags?
For example, in the sample accordion in index.html created with Themeroller, the following statement exists in the header: // Accordion $("#accordion").accordion({ header: "h3" }); Later in the file, for each accordion menu option, we have: <div id="accordion"> <div> <h3><a href="#">Accordion</a></h3> <div style="font-size: 1.1em; height:auto;">Blah blah blah...</div>
More color animations at the same time on the same element
I've downloaded the folowing plugin: http://plugins.jquery.com/project/color And it worked ! But now I want to now if I cand do more color animations on one element. I have an example, when an <li> is hovered, it chages its background color, and at the same time, I want it to change the color (text color): <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head>
NOT_FOUND_ERROR when using the text() method.
I'm seeing something truly bizarre, after upgrading to jQuery 1.5.1 SO thread here: http://stackoverflow.com/questions/5331694/jquery-1-5-1-throwing-not-found-err-dom-exception-8 Basically, at certain points of my app, I am getting a NOT_FOUND_ERR: DOM Exception 8: An attempt was made to reference a Node in a context where it does not exist. When I do something as simple as: $('.price').text('123'); I've traced it to the append() method. append: function() { return this.domManip(arguments,
Superfish Problem with IE, FF, SF
I have superfish setup for the top navigation and it works great in IE, but in safari and Firefox it won't display right. I have gone through the code, but I am not sure where the problem lies. Here is the code that I have. /*----------------------- */ #navbg ul { text-align:center; } #navbg ul, #navbg ul * { margin:0; padding:0; list-style:none; line-height:46px; } #navbg ul li ul { position:absolute; top:-999em; width:150px; /* left offset of submenus need to match (see below) */ } #navbg
autocomplete source=test.php
Hello NG, switching autocomplete from JQuery-Plugin to JQuery UI makes some trouble. Using a Javascript-array for "source" all went fine. Changing source to an php-Page nothing appears on screen. Debugging with firebug "test.php?term=xxx" is sent to the server, the answer is: HTTP/1.1 200 OK Date: Thu, 17 Mar 2011 15:43:34 GMT Server: Apache/2.2.9 (Debian) DAV/2 SVN/1.5.1 PHP/5.3.5 mod_ssl/2.2.9 OpenSSL/0.9.8g X-Powered-By: PHP/5.3.5 Content-Length: 84 Keep-Alive: timeout=15, max=99 Connection:
I'd like to store some internal Javascript object like Range but I haven't found a way to save it.
I'd like to store some internal Javascript object like Range but I haven't found a way to save it. What's the best way to save it ? I thought to serialize it but I haven't found anything on the net
Drop Targets from Attributes?
I'm new to web development, and even newer to jQuery, so if this is a dumb idea, please let me know. What I want to do is to simplify the drag/drop stuff to allow me to add a few attributes to the drop recipients to allow different types of draggables onto it. So, let's say I have 3 lists I can drag from. A, B and C Next, I have 2 places I can drop to: M and N What I would like to do is to define M in a way that would let me drop A and C onto it using html attributes: <div id="1" class="droppable"
Using autocomplete with alternate form values (ala select box)
Is there a way to use autocomplete (with remote data) to show one value but return another in the form? For example, in a select box you may have an option: <option value="12345">Pick this option</option> Selecting the option shows "Pick this option" but "12345" is the value submitted with the form. How can I do this with autocomplete? (There are several thousand rows, so using the combobox sample does not appear to be an option.)
Help with Syntax
Hey all, I am new to working with variables and am trying to get this function working. I was wondering if anyone can help me find the problem in it. Thanks! <script type="text/javascript"> $(document).ready(function() { $('.partners_internal_product_select input[type=radio]').live('change', function(){ //Setting up the chenge event for the radio button var AffectedRegistration = $(this).closest('.partners_internal_product_registration'); //Select the nearest
jScrollPane Drag issue ...
Hello Everybody, when i use the current version of jScrollPane the scrollpane will not scroll down when someone drags down an item in the sortable list located in the scrollpane. When i use an older version of jScrollpane (jSrollPane.js 93 2010-06-01 08:17:28Z kelvin.luck - like used in http://www.kelvinluck.com/assets/jquery/jScrollPane/sortables.html) scrolling when dragging works perfectly, but the old version does not support a lot of options i essentially need! Does the newer version
Removing icon from listview
Hey, i tried to find s.th. to remove the arrow icon from a generated list. I create the list during the runtime in this function: html_items += '<li id="staffing" data-role="list-divider">Category</li>'; for (var i = 1; i <= 14; i++){ html_items += '<li><h3><a id="category'+i+'">Category '+i+'</a></h3></li>'; } this._list_staffing.append(html_items);After that i tried to refresh the list this._list_staffing.listview('refresh'); this._list_staffing.children().removeClass('ui-btn-icon-right');
ajax
I find ajax with jquery more confusing than with regular JS, b/c in jQuery you don't declare XMLHttpRequest object.. so how do you do something like $('#testFromAjax').append(xmlHttp.responseText); ??? (assuming of course that 'xmlHttp' eval's to XMLHttpRequest object) in example I mention here, http://forum.jquery.com/topic/ajax-php-7-3-2011-1 namely http://www.bitrepository.com/a-simple-ajax-contact-form-with-php-validation.html I don't understand where var 'msg' is declared, I know
Date Picker global "leak"
I noticed that the Date Picker stores a global ("DP_jQuery" + dpuuid) for conflict avoidance even if no widget is ever created. Whilst it would be better not to have it at all, couldn't it be at least deferred until the first time a date picker is instantiated?
Image inside a drop down menu list blinks on IE
Hello Guys, first time here, I hope someone can help me. check this page for example. www.universidadedoingles.com.br/dev when you hover the menu HOME, there is a drop down menu and an arrow, on Chrome, FF and Safari it works like a charm, but in IE when you are hovering the link in the drop down, the arrow blinks. This is the code I am using for the drop down and the arrow. $(document).ready(function() { $("ul.mainmenu li.home").mouseover(function(){ //When mouse over ... //Following event
Datepicker
I need to set the default month to September when the datepicker is opened, how do I do this?
Problem in images on Firefox Mac
Hi I designed a small gallery using jQuery and it works fine, but, on Firefox Mac, the pictures have some defaults. They are splitted in several pieces and those pieces don't match (1px difference). You can see there : http://www.novatechgroup.com/en/Products/Entrance-doors/Steel-doors The gallery is in a lightbox opening on clicking on one of the pictures on the right column. Any idea ? Thanks
A Simple Login Form with JQuery + ASP.NET 2.0 + Table adapters
Hello, can anybody please help me to solve the login form problems that was developed by JQuery and ASP.NET 2.0 in webform. Table adapters are used to access database data. The problems I am facing: -Although correct username and password are already submitted, the form cannot redirected to home.aspx. The login page is continually showed. I think the problems are login.aspx file but I am not sure about it.
Validation Plugin anomaly
I have a form with auto-complete working properly. The last field on the form is a checkbox (agree to terms and conditions) followed by the submit button. I complete the form and I go to a confirmation page. If I choose 'back' (one of the form buttons on my confirmation page) the system returns to my previous form and restores all of the information except the checkbox. I want to force the user to check the checkbox again. Now it gets weird. There are two cases... Case 1: I return to my form, click
Nesting easyslider in tabs - help required
Hi, I'm working on a project and have been troublshooting an issue I have with nesting an easy slider inside tabs. This is the page issue page - you will notice that when a tab is selected in the content area the slider navigation falls away. I need to resolve this, any help or advise would be great. regards, Brandon
Help - capture image info for a thumbnail caption.
Apologies because I think this should be straightforward - have looked at loads of plugins and code but can't get anything to do what I need. Basically I have thumbnail images (no classes assigned - just alt and title completed) inside divs with a class of 'slide'. Nested within the slide div is another div at the bottom called 'caption1' - all handled via css / html. What I want to do via jquery is automatically capture the image file name (not location) and possibly the image alt and or title
Transitions in cell phone sometimes dont work
Hi all, I have a really weird bug, i have an app developed in jquery mobile, and all works perfectly, but i have a problem with transitions. In my navigator (google chrome) the transition work perfectly but in a real cell phone sometimes the transitions dont work.. i dont know what the reason is... any idea ?? thanks....
Trouble with idTabs - getting info to switch ?
Hi I would like to use idTabs to display more product information within my zen cart store page. http://www.vivanco-direct.com/IP-CCTV-Cameras-1/The-Cube-Wireless-HD-IP-Cube-Camera I am currently trying to get the structure and layout correct and could use some help with when the tabs switch to show the related tab information. as the information in which I want to display using the tabs is just being shown on one page if I selected a tab it takes me to the section of information relating to the
Image slider with Cycle and jQuery mobile
I try to use the Cycle plugin with jQuery mobile and it works sometimes but sometimes the Cycle doesn't seems to fire correctly I use the $('[data-role=page]').live('pageshow', function (event) to check if I load content with images that I would like to run cycle on but It seems to work randomly If I load the page with data-ajax='false' on the link it works as I whant I'm trying to wait for all the images to load but it doesn't help Any one have this problem? /jesper
How to automatically display keyboard for textfield on page?
Hi, I've got a page with only a textfield on and I want the focus to be set on the textfield and the keyboard on the iPhone to be displayed once the page is flipped. Any ideas on how to solve this? I've tried the $("#textField").focus(); but the keyboard is not visible by default. Thx, VTM
Animate object position with consistent speed.
Is it possible to animate an object with a consistent speed? I am having issues because I need an element to maintain the same rate of speed whether it is moving from point A to B or from A to C. Current the 'duration' is at time far too fast or far too slow if the object is already near its destination.
Resize browser window
Hi everyone! I am trying myself on a little script which is supposed to resize the browser's window once it's loaded. So far however with no luck: $().ready(function () { $(window).animate({ width: 750, height: 500 }, "slow"); });Anyone may knows a solution? Thanks in advance!
Fade In ok, Fade out not ok. What the reason?
I actually have a JSP page with this basic HTML elements; <div style="display:none;" id="loadingBar"><img src="images/loading-big.gif" alt="loading"/> </div> <div style="display:none;" id="result"></div> and then the JQUERY with these source code; var content; var dataString = "ha"; $( function() { $.validator.addMethod("username", function(value, element) { return this.optional(element) || /^[a-z0-9\_]+$/i.test(value); }, "UserID: only letters, numbers, or underscore.");
AutoComplete - How do I capture the element of the "AutoComplete"which is to "hover"?
I'm needing to do a query that will filter element of the list where I'm browsing, that is,when I navigate with the arrow "UP" "DOWN"Consultation will be activated and displaythe corresponding result in another field, anyone know? Ex:
The min-weith and min-height in IE6
How to resolve the problem that IE6 don't recognize with the min-height and min-width attribute of CSS?
How to count occurance multiple element with a same name?
Heelo everyone...! I confused. I could count all elements by using $(input:text).length But how could I count many element that has a same name? Lets assume <div> <input name="username" class="required" type="text" value="- none -" size="33" maxlength="50"> <input name="username" class="required" type="text" value="- none -" size="33" maxlength="50"> <input name="another" class="required" type="text" value="- none -" size="33" maxlength="50"> <input name="sample" class="required" type="text" value="-
javascript regex and a span that can not changed
Hahaha, hello again everyone... Pardon me if i'm a bit confused while trying this jquery. This week I'm with jquery almost in every day.... GeeZZ.... (may god forgive me). Anyway, here I have; 1 textfield namely as ipaddress 1 span with unique ID as warn and once I use this jquery; (to validate each time the user type something at that input textfield). $('input[name="ipaddress"]').keyup( function(){ var regexp = /^((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){3}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})$/
Navigation Question (inc Doormat) - Hopefully an easy one
Hi there. I hope this is the right place to ask this and sorry if it's been asked many times before (I did try and have a look). Q1.) I am looking at using a top horizontal navigation menu like http://www.johnlewis.com/ and wondered if there were any real downsides at using it on a large global level? I assume it only functions if java is installed so would restrict those users who don't? Also, not sure if it works on mobile devices like bb's? Q2.) Would you regard that type of navigation as
Malsup's jQuery Form plugin - How to dynamically change the url of form action?
Hi, I have form contains a drop down and some input fields and i am using Malsup's form plugin to submit it. i want to change the action of the form dynamically depends upon the drop down value on form submit. Can anyone please help me on this?
jquerymobile and chartbeat
Hi, do you have any experience of successful integration of chartbeat inside jquerymobile? i've tried $('#page_3232').live('pageshow',function(event){ try { $('#page_3232').find('div[level="2"] a[href="' + window.location.hash.replace("#", '') + '"]').addClass('ui-btn-active'); $('#page_3232').find('div[level="1"] a[href="' + window.location.hash.replace("#", '') + '"]').addClass('ui-btn-active'); document.title = "My new document title"; loadChartbeat(); var pageTracker = _gat._getTracker("XXX");
jPlayer plays sound only once
hello, i use jPlayer to play sounds when the user clicks an element. but unfortunately, the sound is only played the first time. for all further clicks nothing can be heard. initialization: $("#jquery_jplayer_1").jPlayer({ ready: function () { $(this).jPlayer("setMedia", { mp3: "file.mp3" }); } }); onclick:
asp.net objects
My original post was: I'm new to jquery, but i think with document.getElementById( "TextBox1" ); you don't use jquery. Try $("#TestBox1") instead. ASP.NET Objects are rendered as normal HTML, because of that jquery should find these elements. you can check the generated html and if the textbox has an id attribute it should work. When I use $("#TextBox1") I get an error "object expected".
Spinning wheel while waiting
I'd like to display a spinning wheel with a semi-transparent background while waiting for an event triggered by a timer. Is there a simple code example I can use? Thanks
Jquery Autocomplete Script Problem
Hi, I'm using Autocomplete Plugin to fill a drop down list and It gives me some errors.I have attached my codes in to this.In my code you can find "year of birth" text box and "user" autocomplete box.I need to manipulate "user" list according to value of "year of birth". In that case first time it seems ok. (First I enter a value to "year of birth" then "user" box should manipulate with related users). Then I enter a new value to "year of birth" and go to "user" box, it shows me both lists which
datepicker and object element
I have problem with jquery datepicker. On my page it is displayed above HTML object element (activeX). When I click on datepicker, calendar shows, but part of it is displayed under object element. Browser is IE8 Is there any solution for this issue?
How do is populated the selected part of the multiselect in the order I want?
I save the order of the selected items in a database but when i call the selected items for adjustements I can't recall the selected order. How do is populated the selected part in the order I want? list is for example A B C and I saved C B in that order. When I call that order back it displays B C and not C B. Can anybody help me with this problem?
Next Page