[jQuery] JQuery is really a nice tool
Just look at this URL http://googlelance.com You see the login and button click on it then you find that a pop up appears in middle of your page for login that is done with Jquery
[jQuery] Thumbnail-Gallery - previous/next link
Hi there! i try to create a previous/next-link in my thumbnail gallery. the gallery is created by an cms, and provides a certain amount of thumbnails which link to a big image, which will then be shown when the thumb is clicked. i got it working so far that the big image fades in, a fade effect for hovering the thumbs and displaying a loading gif...but i'm stuck with creating a prev/next-link. i was searching and trying to find a solution without success (i'm a noob, btw), so i thought maybe this
[jQuery] Treeview : how to add selected class to clicked item.
I would like to highlight current selected node to the user, making current selection more visually clear using CSS If we use persist:"Location", node is hightlighted [adds the "selected" class], but only when u refresh the page. Can some one guide me how to implement it on per click basis ? Regards, Pankaj
[jQuery] thickbox popup window loses scrollbars in IE7
thickbox (3.1) popup window loses scrollbars in IE7 has anyone got a solution for this ?
Need help with the $.ajax() method
Hi, I am new to jquery but I have tested it a little and I admit it is a very good library and it has reduced a lot of my code. On the other hand i am having a little trouble using $.ajax() method. Through this method I am unable execute a remotely located web service on every other browser except IE. A web service which is placed in the same folder is executed on all the browsers but a web service which is located on a separate domain or a remote location is not executed at all except of IE. Also
Thumbnail-Gallery - previous/next link
Hi there! i try to create a previous/next-link in my thumbnail gallery. the gallery is created by an cms, and provides a certain amount of thumbnails which link to a big image, which will then be shown when the thumb is clicked. i got it working so far that the big image fades in, a fade effect for hovering the thumbs and displaying a loading gif...but i'm stuck with creating a prev/next-link. i was searching and trying to find a solution without success (i'm a noob, btw), so i thought maybe this
[jQuery] nested tabs
Does anybody know about a lightweight nested tab solution? I don't need any easing gimmicks. I also stumbled over ajaxtabs (http:// www.dynamicdrive.com/dynamicindex17/ajaxtabscontent/ajaxtabs_suppliment2.htm) Thank you!
[jQuery] Dequeue Animations with multiple Aniamtions Occuring at the Same Time (JCarousel)
To see my current bug, click multiple thumbnails in rapid succession and notice the scrolling effects above - the animations will go out of sync. Demo page: http://www.jasonstockman.com/mockup/help.html JS: http://www.jasonstockman.com/mockup/js/custom2.js LINES 33 - 72 Upon initializing the 2 carousels a separate function (LINE 59) binds a scroll effect to occur (for both carousels) when a thumbnail is clicked. The problem with these two scroll effects is that they each have their own, different,
[jQuery] radio value on submit
I have a problem here. No matter which radio a click, I'm always getting the value of the firts one. How could I get the value of the selected radio? <label><input type="radio" name="transmision" value="1" /> One</label> <label><input type="radio" name="transmision" value="2" /> Two</label> <label><input type="radio" name="transmision" value="3" /> Three</ label> <label><input type="radio" name="transmision" value="4" /> Four</ label> <label><input type="radio" name="transmision" value="5" /> Five</
[jQuery] Confused by Hierarchal Selectors
I'm confused by two of the hierarchal selectors: "ancestor descendant" and "parent > child". From the documentation and samples, they seem to provide the same results. Am I missing something? Thanks for anyone who can clarify these.
[jQuery] jQuery selector fails when in FOR loop
I have a set of <div>s that are created using jQuery. My script sets an ID for each <div> and appends a counter variable to this ID. For example, defName0, defName1, defName2, etc. Within the same for loop that generates the IDs I would also like to assign a jQuery function to the header. However, it seems that I cannot select ANY jQuery objects from within a FOR loop. In the sample code below I have hardcoded the ID (rather than using "#defName"+[i] which doesn't work either). If I stick these two
[jQuery] how to detect node removal in IE?
I'm working on a plugin that extends the change event to detect when non-input elements are modified. For example, when a span tag has new content added/changed/removed. I've got some of the basic behaviors working well using DOM Mutation events in FF, Safari, and Chrome. IE 6/7 is being its typical self. pbbbbt... Does anyone know of an event that fires in IE when a node is removed? My initial line of inquiry is using onreadystatechange but I'm not getting anywhere with it just yet.
[jQuery] .parent().parent() ... better way to get parents' parent
Is there a better way to get a parents parent than to just do repeated '.parent()' ??
[jQuery] Selectors
Hi all, I was using jQuery as usual, but i found someting unusual... Is there any bug with selector ":last"? For me the selector "#div_id div:last div:last" or "#div_id div:last div:last div:last" isn't getting the div... but if i do a while and get the .children( 'div:last' ) it works perfectly! Some wild guesses?
[jQuery] DOM not populating in IE7
Hi, I'm trying to implement jCarousel with some additional features like displaying titles on hover. I have it set to circular mode and am dynamically populating the list using javascript. Everything renders fine in Firefox, however in IE7 the DOM doesn't get populated correctly and I just end up with an empty UL where my content should be. I have so far been completely unsuccessful in diagnosing the problem. Here's the site: http://it290.com/ad/ Thanks in advance for any help!
flash content blinks on accordion movement
hi guys, im currently developing a site using the jquery accordion. when you expand the accordion, the flash content i have inside shows through for a second (http://www.dewinddesigns.com). do you guys know any way to fix this? thanks
[jQuery] Would anyone care to critique my approach/code to this login scheme?
Hello, all... I appreciate everyone's help in getting my first ColdFusion/Ajax/jQuery code working for this login...except for one minor (sarcasm) point. The cf line of code in the first page below (PRE_LOGIN.CFM), which should prevent the login dialog from appearing after someone logs in, is not doing anything. I've tried checking the variable with <cfdump var = '#session#'>, but I get an error saying the variable doesn't exist. Upon successful login, it should get set (session.manager_id) in the
[jQuery] Strange behaviour when changing images using jQuery
Hello, I have a strange problem with jQuery which I'm not able to solve. I have several nested divs, each containing <a> tag which opens/closes nested div. There are <img> next to <a> which I want to change when <a> is clicked. Divs are opening/closing fine, but not only the one but even another images are replaced. <a> has id="x", <img> has id="x-img" and <div> has id="x-pane". You can see it online at http://3rd-tr.y-co.de/test-jquery.html, using jQuery 1.2.6.pack. When you click on section names
[jQuery] Jquery hover and .animate(opacity)
Hello, I am having some problems with a hover state function. I have an unordered list, with images, and have a tooltip type javascript function on the hoverstate, the tooltip is displayed directly on top of the image. The content of the tooltip is inside an <em> tag, which is hidden via the CSS. The tooltip pops up on a hover state using an animating opacity. The problem that I am having is that once the popup is displayed, the hoverstate turns off, as the mouse is now considered hovering over the
[jQuery] selectChain Plugin - Fires on Page Load
Hello, I am using Remy's most excellent selectChain plugin (<a href="http://remysharp.com/2007/09/18/auto-populate-multiple-select-boxes/">http://remysharp.com/2007/09/18/auto-populate-multiple-select-boxes/</a>), but I do not want it to fire on page load, unless the top level select box has a pre-selected value. I've tried a couple of ways to create that functionality, but I can't quite seem to get it right. Any thoughts or suggestions to steer me down the correct path would be much appreciated.
[jQuery] can one detect if the current tab is still visible?
I've got a slideshow that polls the server each 7 seconds for new images to display, and want to pause it when the tab that the user is on isn't visible.. I have little hope of it being possible (in all browsers), but am asking anyway ;) Perhaps, perhaps, they thought of it.. If u know of a way, please let me / us know.
[jQuery] Is there a createElement equivalent in jQuery?
Hi, I was just wondering if there was a createElement equivalent in jQuery. e.g. var el = document.createElement('div'); I know I can create it with the inbuilt innerHTML way in jQuery - $('<div id="foo" />'); But I like to add event handlers to the element I've just created without having to traverse the dom to find it and then assign an event listener. e.g. This is how I like to do it: var altPlayerControlsA3 = document.createElement('a'); altPlayerControlsA3.href='#'; altPlayerControlsA3.setAttribute('style','margin:5px;');
[jQuery] change input[type=button] value
Lots of false-positives googling this. <input type="button" id="a_button" value="foo" /> $('#a_button').attr('value', 'bar'); Doesn't work? Or, am i losing my mind?
[jQuery] What's the correct way to write this code?
How should this be written? I can't figure it out. I keep getting "syntax error: else" success: function(response){ if (response.login = "Login Successful"); {top.location.href = "site_manager.cfm"} else if (response.login == "Login Unsuccessful"); {$('#contentdiv').empty().fadeIn(1000).append(response.login)}; }
[jQuery] jQuery Cycle Plugin: 1 pager to control 2 slideshows
Is there a way in the jQuery Cycle Plugin to have have 1 pager control 2 slideshows? Where one slideshow has a scrollLeft effect and the other has a fade effect.
[jQuery] Opacity for a menu background, but not for the element inside
Hye, I would like to create a menu, with a 80% opacity background, but I want to keep the link element at 100% opacity. For example : <li><a href="link.html">lorem ipsum</a></li> I would like to have the <li> element at 80%, but the <a> element at 100% (or 120%). I know that I could use PNG, but it would be great if I could do this with just a CSS Color and jQuery. Is there any solution ?
[jQuery] Cycle plugin: some images not loading
I am having a problem with some of my images not loading when using Mike Alsup's Cycle plugin. When my page loads and the images begin to cycle, some of them just show as a small white rectangle (presumable the border used for the images) while other images look fine. It's acting as though the images are not getting cached in the browser before Cycle does its thing. To recreate the problem, I clear my cache and refresh the page. The first image shows fine, but then when the images start to cycle,
[jQuery] Jquery autocomplete with spring MVC
I have jquery auto complete example working. Trying to integrate with spring MVC. I use InternalResourceViewResolver and SimpleUrlHandlerMapping. I am trying to pass url in autocomplete(url), which is mapped to multiactioncontroller which returns array based on value entered in tex box. But its returning entire jsp instead of array. Jsp Code: <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <link rel="stylesheet" href="http://dev.jquery.com/view/trunk/plugins/ autocomplete/demo/main.css"
[jQuery] getJSON not triggering success callback
I'm making some calls with getJSON on another domain, and the callback is not firing. My code is the next: <div style="margin-left: 40px;"><font size="1">var url = '<a href="http://localhost:8080/cometd/cometd?message=%7B%22version%22%3A%221.0%22%2C%22minimumVersion%22%3A%220.9%22%2C%22channel%22%3A%22%2Fmeta%2Fhandshake%22%2C%22id%22%3A0%2C%22connectionType%22%3A%22callback-polling%22%7D">http://localhost:8080/cometd/cometd?message=%7B%22version%22%3A%221.0%22%2C%22minimumVersion%22%3A%220.9%22%2C%22channel%22%3A%22%2Fmeta%2Fhandshake%22%2C%22id%22%3A0%2C%22connectionType%22%3A%22callback-polling%22%7D</a>'
[jQuery] Selector difficulty/removeClass
Hello folks, I want to remove a css class (.qyes) from every label element inside a single div (id="quiz"). Each label element has an ID of the form "fb***" where *** represents a unique identifier (that is not in numerical sequence and is not related to the label element's position or order in the div in any way). Can someone help me with the necessary selectors to identify the label elements in the div (so as to invoke a .removeClass) - I'm completely stumped. Thanks, Bruce
[jQuery] Iterating through .data() elements...
Does anyone know how I can iterate through the elements stored in the data element instead of referring to them individually? Say I: $(someObj).data('myData1', 'Here is some text') .data('myData2', 'Here is some more text') .data('myG', 'Here is some more text'); How could I loop through the data() object to get the key/value pairs back if I didn't know the keys? I tried: $(someObj).data().each(function(i, val) { alert(i + ': ' + val); }); with no success. I also tried variations of for loops and
[jQuery] loader for ajax/load
hi i want to show/hide a loader when using load() function. With this script: $('#load') .ajaxStart(function() { $(this).show(); }) .ajaxStop(function() { $(this).hide(); }); $('#colCont').load('myFile.php?id=myId #colContIns'); $('#categorie a').click(function(){ $('#categorie a').removeClass('selected'); $(this).addClass('selected'); var id = $(this).attr('id'); var s = new Array(); s = id.split('_');
[jQuery] nextAll Chaining when nextAll is Empty
Perhaps this is naive of me, but I was expecting this to work: $(this).nextAll('a').andSelf().removeClass ('star_selected').triggerHandler('mouseout'); It is used in a rating system I wrote, where there are 5 <a> tags in a row. If you click on one, this fires (adds a class name on all previous and this one, and fires the mouseout event). It works just fine for stars 1-4, but fails on #5. The reason is obvious, in that #5 has no nextAll, but I would not have thought that it alone would break the chain.
[jQuery] Rounded corners plugin with image support for IE?
I've been playing with jquery.corners.js and like it. Seems to work well. The only gotcha is that it doesn't seem to support the rounding of objects that are using a background image in IE. In IE, it 'adds' to the top of the object to create the rounded corners, and moves the background image down. Anyone know if that's user error on my part, or, if it is an issue with that particular plugin, if there's another plugin that will accommodate the rounding of objects in IE that use background images?
[jQuery] Simple FadeIn with Appending
Hello all, I have a really simple question but, and once I figure out this little hurdle I know I will be able to work on a lot more stuff. I would like to add a simple notification to fade in when some one presses a button but I would like to attach the notification after a label. I know I have to be really close with this code I just can't figure it out. $(function(){ $('#button').click(function(){ $("#fieldValue label").fadeIn('slow', function (){ $(this).after("<span class='field-error'>You
[jQuery] Trouble with extending Object prototype
Hi all, I extended the Object object with a method called getKeys() that works like Perl's keys() function -- given a hash, or associative array, the method returns an array containing all keys: Object.prototype.getKeys = function() { var arr = new Array(); for (var s in this) { if (this.hasOwnProperty(s)) arr.push(s); } return arr; } However, when I include this function definition anywhere in a page, jQuery reports the following error: name.replace is not a function name
[jQuery] Move items between lists
Hello, I am looking for a UI element to move elements between lists, e.g. one list with all options, and a second list with options selected. An example of what I mean can be seen here: http://www.devx.com/getHelpOn/10MinuteSolution/16372/1954 Does jQuery provide functionality like this? If not, does someone know a good starting point? Thank you!
[jQuery] Styling the 2nd table tag above a row
Hi, I'm having a dilemma where I need to style the table which encloses a table with a row which has a style attached to it. The source looks like this. <table> <tbody> <tr> <td> <table> <tbody> <tr class="myClass"> etc. I want to be able to directly access the first table tag to style the entire table with a border. Is there an easy way to do this in jQuery? Thanks, Guy Davis
[jQuery] newbie: unfold form on checkbutton
Hello, I need to make a dynamic form. This morning I found jquery and this looks like the tool I need. My first challenge is unfolding part of a form on a checked checkbutton. The code I wrote does not work. Can someone point me in the right direction? <script type="text/javascript"> $(function() { jQuery.fn.extend({ check: function() { return this.each(function() { this.checked = true; }); }, uncheck: function() { return this.each(function() { this.checked = false; }); } }); $('a#period').click(function(){
[jQuery] serializeArray() problem
Hello, I quote from docs.jquery.com: "serializeArray(): Serializes all forms and form elements (like the .serialize() method) but returns a JSON data structure for you to work with." I'm trying to use this method to serialize a form to a JSON string, however is not working. Instead of: {'Name':'yuiy','hdnValue':'ringo'} it creates a querystring: txtName=yuiy&hdnValue=ringo If i set processData : false, then i get an error on line 27 of jquery.min.js: "s.data.match is not a function jQuery.readyList.push(function()
Next Page