[jQuery] Toggle div and change class
Hi everyone, Firstly, I'm very new to jQuery, so this may seem like a stupid question. I'm trying to show/hide sections of my site using jQuery, but also changing the class of the element I'm targeting when the slide is toggled. This is the HTML <div class="sidebarContent"> <h3 class="headerShown">Top Scorer</h3> <div class="content"> The club's top scorer is: <ul> <li><a href="xxxxxxxxxxx">Urn </a> - 18</li> </ul> </div> </div> The jQuery I'm using is: $(document).ready(function(){ $(".sidebarContent
[jQuery] Some fun with jQuery
Since it's Friday - here's something I made for fun with jQuery: Have you ever looked at a picture on the Internet, say on Flickr or Facebook, and thought it would look great with a speech bubble with your own commentary? I wrote a jQuery based bookmarklet that allows you add speech bubbles to any page on the web, and share it with friends via the 'copy' link. http://leftlogic.com/lounge/articles/speech-bubbles/ Here's an example: http://tinyurl.com/2cqgd5 Let me know what you think, Remy.
[jQuery] Preview: Brand new tablesorter 2.0, multi-column sorting and more
Hi, I put together a demo/preview for the upcoming release tablesorter 2.0 release. The main features of the upcoming release will be: - Multi-column sorting - Robust support for adding new data to the table, provided with the new update method - Support for custom filter (thinks zebra tables etc) and support for writing your own in the same manner as parsers. However the upcoming release will NOT be back words compatible, as a have chosen to rewrite it from the ground up, it will however be a
[jQuery] tableSorter - problems with changing the number of rows
I'm using the tableSorter plugin and am having a problem with the number of rows displayed; I hope I can describe the situation clearly. I'm building my table dynamically from a local javascript array, initially populated with a database query. Next, I call the tableSorter function. So far so good. Next, I click a button to apply a filter. I clear out my table body's contents with $('#bodytable > tbody').empty(); I fill it up again by looping through my data, but this time skipping certain rows,
[jQuery] Problems with jCarouselLite and hide divs
I was making my defense for my university´s project and I´m trying hide divs only to show when i click in some tab but if i hide de divs with jcarousel it dont works, but the same code without the hide divs works, i have 2 examples´s pages. with hide http://www.interalfa.com.br/sisdent/apresentacao/index1.php without hide http://www.interalfa.com.br/sisdent/apresentacao/index2.php Someone can help me? -- []´s Jean www.suissa.info Ethereal Agency www.etherealagency.com
[jQuery] .fadeOut In mutiple elements don't work. why? what's wrong?
Hello guys I had 3 HTML elements within some ID called "btcontrole", that was: 2 SPAN and 1 TABLE but while run $("#btcontrole").each(function(){$ (this).fadeOut("normal");}); only just first SPAN work perfect. =/ What happen? Thanks All
[jQuery] load function then slide
This has worked in the past, but now I am trying with the new version of jquery and the easing plugin. I want my html to load into a div, then slideDown with easing. Everything loads fine for me...but no slide effect. Any help would be fantastic. <script type="text/javascript"> $(document).ready(function() { $("#tools a").click(function(){ $("#toolsLoader").load(this.href,function(){ $(this).slideDown({duration: 1000, easing: easeout}); }); return false; }); }); </script>
[jQuery] Parseing XML with jQuery
Hi guys I am currently working on a rewrite of the Jargon buster feature at www.pcwb.com to make it more DOM friendly (it relies on regex search and replace on innerHTML and therefore fails to work in Safari), and have decided to use jQuery as the framework instead of the roll-your- own approach of the current version. The javascript itself is at http://www.pcwb.com/js/jargonbuster.js (The commented version isn't online due to it being double the filesize) An example of what it does can be found
[jQuery] SITEANNOUNCE: Silent Uproar
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META http-equiv=Content-Type content="text/html; charset=us-ascii"> <META content="MSHTML 6.00.6000.16481" name=GENERATOR></HEAD> <BODY> <DIV><SPAN class=756404917-06072007><FONT face=Arial size=2>Silent Uproar, a music review website has launched a new version using jQuery:</FONT></SPAN></DIV> <DIV><SPAN class=756404917-06072007><FONT face=Arial size=2><A href="http://silentuproar.com/">http://silentuproar.com/</A></FONT></SPAN></DIV>
[jQuery] How to know that a iframe is done loading?
I have an iframe on my site which a form posts to. But how do I activate an event when the iframe is done loading its content?
[jQuery] SOT: Graceful Degradation of JavaScript
A frequent topic on this list is how to make your web apps degrade gracefully when JavaScript is turned off. I've compiled a list of links that will help you guys with this: http://adactio.com/journal/959 http://hesketh.com/publications/progressive_enhancement_paving_way_for_future.html http://www.domscripting.com/blog/display/41 http://www.maadmob.net/donna/blog/archives/000661.html http://vanderwal.net/random/entrysel.php?blog=1770 http://www.devarticles.com/c/a/JavaScript/Making-JavaScript-Applications-Degrade-Gracefully-with-AJAX-and-MySQL/
[jQuery] Flash movie not playing when loaded from AJAX in FF MAC
When I load content into a div from an ajax call, the flash movie contained in updated code doesn't display in FF 2.0.0.4 on the MAC. However it does look as though the movie is there because if I right mouse click on the space it is supposed to be, the flash dialog appears. Works fine on MAC safari, FF and IE on the PC. Any ideas? Thanks. -- View this message in context: http://www.nabble.com/Flash-movie-not-playing-when-loaded-from-AJAX-in-FF-MAC-tf4038118s15494.html#a11472540 Sent from the JQuery
[jQuery] JQuery & Ajax
Hello, I'm learning JQuery and Ajax, but i'm not using JQuery's built in Ajax method (wanna learn about Ajax on its own before I use JQuery's methods). A problem i'm running into is that I have functions in JQuery that I want to affect objects loaded by the remote scripting, but these functions appear to only affect objects when they are loaded with the initial page. An example of an effect I want is to load a div with ajax, and when the div loads have it fade to 0. Is there something I'm missing
[jQuery] Infinite Loop - Easing bug
<a href="http://www.commadot.com/jquery/animate/easingError.htm">http://www.commadot.com/jquery/animate/easingError.htm</a> Click animate. Why does this page go into an infinite loop? Is it impossible to animate two items at the same time using easing? Glen
[jQuery] site is having problems ( late thu / early fri july 6th )
I can bring up the homepage finally ( was down earlier as well ) but the docs / plugins / blog / dev site are all generating a variety of errors ( all seem to be that local mysql access isn't working at the host ) How am I supposed to play with the new behaviors when I can't see the project?!! I can't stay up all night waiting for it to come back online so I guess I will have to stop being an insomniac fanboy and wait until tomorrow ( or whenever the team fixes the issue ) I have also noticed a LOT
[jQuery] Hidden divs, showing based on anchor in URL
http://www.hughesnunn.com/attorneys.html You can see on the URL above, I am using hidden divs that get shown when a user clicks on the name - nothing fancy for jQuery. However, if you go to the home page, I want to be able to link each of the attorney names using an anchor in the URL and by default have that attorney's profile showing. I guess I could easily do this in PHP, but want to see if this is possible with jQuery.
[jQuery] Snag with Erik Beeson's fxQueue plugin and callbacks
In the application I am developing I have been using Erik's excelent effects queueing plugin to que classes of animations up one after another. My code for setting up the effects queueing was as follows: { var animList = new Array; var thisQueue = null; // Get elements to show and hide var elemsToMove = $('.move'); var elemsToHide = $('.hide'); var elemsToShow = $('.show'); // Hide all shown elements that are marked as unselected var thisQueue = $.fxQueue.start
[jQuery] $.ajax(dataType : 'json') does not work in Opera 9+
$.ajax(datatype: 'json') does not work with Opera 9+. Using Opera dev console, I could see my response in responseText and responseXML is null. It works in IE and FF.
[jQuery] Need to put-in web trends tracking using SmartSource data collector
Dear All, I need to use web trends tracking for a web-site...can anybody suggest me how to perform the task....do i need to use webtrends software for that or placing smartsource data code on all webpages would work....as i'm working on this for the first time....can anyone of u volunteer to tell me what all i need to do....starting from step one (though i do could find the complete smartsource data collection code in the forum).........shall be grateful to u guys......... Thanx & regards Niks....
[jQuery] latest jQuery and thickbox 2
<HTML><BODY style="word-wrap: break-word; -khtml-nbsp-mode: space; -khtml-line-break: after-white-space; ">Hey everyone,<DIV><BR class="khtml-block-placeholder"></DIV><DIV>I just helped a friend of mine solve a problem he was having with thickbox 2 and the latest jQuery (1.1.3.1), so I thought I'd share the info in case anyone else is having the same problem. </DIV><DIV><BR class="khtml-block-placeholder"></DIV><DIV>He was getting an error running it in IE6. </DIV><DIV><BR class="khtml-block-placeholder"></DIV><DIV
[jQuery] Dynamically created elements do not trigger event handlers
When I insert a content to a page by using jQuerys append and after methods, those newly created elements do not trigger any javascript events as expected. var cont = $('<a>').attr('href', 'http:// goto.somewhere.org').append('go to...'); cont.click(handler); function handler() { alert($(this).attr('href')); return false; } This should prevent the browser to move on the page, but it does not. Is it a fact that dynamically created content cannot trigger JS events?
[jQuery] a little bit OT: is Sorting or Arranging JSON data on client possible?
Dear friends! It is comfortable to $.extend json data with JQuery. Is it possible to sort/arrange JSON data the same comfortable way? Most of the json data arranging solution that I googled was about sorting on server and then ajax-request it. I am trying to make my application work in a different way - first generate/request JSON with source data and build up interface from it on a client. And now I am stuck trying to find a beautiful way to sort and filter UL\OL list in app interface. Any suggstion?
[jQuery] Problem using .children() + selector in IE6
Hi all, I've got a page where I'm changing the options of a select box and setting the first one to be selected: $("#my_select :first-child").attr("selected", true); It works perfectly with Firefox, Safari and IE7 but doesn't with IE6 ! I've also tried the following without success: $("#my_select").children(":first").attr("selected", true); $("#my_select :eq(0)").attr("selected", true); $("#my_select option:first").attr("selected", true); I've also had the same bug using other selectors in "children"
[jQuery] Urgent: Can't use attr("selected", "true") on <option> in IE6
How can this be solved. IE6 gives me an error, which ofcourse don't help at all. What can I do?
[jQuery] Translate to jquery
I what translate this (im still noob) to jquery can anyone helpme? function insertAfter(newElement,targetElement) { var parent = targetElement.parentNode; if (parent.lastChild == targetElement) { parent.appendChild(newElement); } else { parent.insertBefore(newElement,targetElement.nextSibling); } } function captionizeImages() { if (!document.getElementsByTagName) return false; if (!document.createElement) return false; var images = document.getElementsByTagName("img"); if (images.length < 1) return
[jQuery] login via ajax
I'm sure someone out there has done a login via ajax. What's the securest way to pass a username and password into the server. Currently, I have the case where a user desires to register for an event. If the user is not logged in, he/she is presented with a login form that has a "Register for this Event" and hidden fields with event info, etc. If the user authenticates properly, there will be no issue and I'd be able to log the user in and register that user for that event. However, if the user mistypes
[jQuery] Manipulating a stylesheet directly
When working with jquery and javascript in general I have found that manipulating DOM attributes, especially those associated with the appearence of an element, can be rather slow. In one script I am working on I have to animate a group of elements at once, but each element has to get a different top and left position. This means that each element must get its own top and left styles. Another thing the loop has to do is change the width and height of the elements being processed, but in this case
[jQuery] call function after Thickbox Close
Hi all, I would like to call a function after thickbox has been closed. I am using thickbox 3. Any ideas please how to do that ? Thanks T -- View this message in context: http://www.nabble.com/call-function-after-Thickbox-Close-tf4034238s15494.html#a11460472 Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] how to disable and enable submit button via jQuery [code included]
if($("#answer").val().length < 200){ $("#submitanswer").attr("disabled","disabled"); } will disable it but than upon the key press I want to enable it and this doesnt work: $("#answer").keyup( function(){ $('#answer'+'count').text('Count: '+ $("#answer").val().length); if( $("#answer").val().length > 200 ){ alert('ere'); $("submitanswer").removeAttr("disabled"); } }
[jQuery] I think the slideUp is not stable,when it animate it have a flash!
I think the slideUp is not stable,when it animate it have a flash! but it does not have this problem in 1.1.2! 我不知道我表述的是否清楚，我在使用向上滑动时，不管是animate 还是slideup！
[jQuery] encoding(charset) problem
Hi, I'm using jQuery 1.1.3 in my AJAX-based game viewer. I download game data through ajax calls. Game data are mostly encoded in gb2312. I currently have a problem: if I don't change the server side setting to send data in gb2312 format, I got unreadable characters on client side. Is it possible to set encoding/charset when I make an ajax call? The reason I don't like to change server side setting is I want to minimize the effort of installing my application to any web site. For those who are interested,
[jQuery] AutoScaling Image
OK, maybe someone can help me wrap my head around a good way of doing this. Here's the setup (question to follow). I have a container div that contains a) an image [float:left] b) a table, and c) a div below the image and table. I use JQuery to hide the lower div on page load. I have a hover() event on the container that will show the lower div on mouseover and hide the lower div on mouseout. <div id="listingContainer1" class="listing"> <img src="myimage.jpg" width="30" alt="something" id="img1"
[jQuery] SITES: Recent sightings
I just submitted some new sites to the list: The Miami Herald - The site for the main newspaper of Miami, Florida (http://www.miamiherald.com/) mypictr - A free picture resizing service, which allows you to create a custom profile avatar for your favorite social network. (http://mypictr.com/) The number of jQuery-Powered sites just keeps growing by leaps and bounds. Be sure to visit the list here: http://docs.jquery.com/Sites_Using_jQuery Rey
[jQuery] jQuery Survey - July 4, 2007
<div>Please take a moment to fill out the following jQuery survey.</div> <div>10 quick multi-choice questions. It will help us understand the community and focus our energies in the future.</div> <div> </div> <div><u><font color="#0000cc"> <div><a onclick="return top.js.OpenExtLink(window,event,this)" href="http://www.surveymonkey.com/s.aspx?sm=uB_2bAIx8Qg1Tc7gikoMXEnQ_3d_3d" target="_blank">http://www.surveymonkey.com/s.aspx?sm=uB_2bAIx8Qg1Tc7gikoMXEnQ_3d_3d </a></div> <div> </div> <div></div></font></u>The
[jQuery] Can't get hover event to work properly in IE6
Hey there. I've looked around a bit to see if anybody was having a similar problem, but I couldn't find anything useful. I'm a part-time developer and I don't spend too much time in javascript, much less jquery (I'm a Prototype refugee), so I hope this is my fault and easily fixable. Basically, I have been trying to build out a animated drop-down menu and I have managed to make it work fairly reliably in FF and Safari, but I can't get IE6 to act properly with the jquery hover event. The menu structure
[jQuery] $("#container > element.class") possible, but what about everything except a class?
I'd like to be able to select all elements in a container except element.class2 for example, is that possible? Thanks... haven't found any docs on this!
[jQuery] question about redirecting url after post using jquery
hi devs, i'm new to this group. i recently play with jquery and feel happy with the features and simplicity offered. however, i stumble upon a problem with redirecting url using jquery. this is my code: //Start the ajax call var $vc = jQuery.noConflict(); $vc(document).ready(function() { $vc("#vcform").submit(function() { var inputs = []; $vc(':input', this).each(function() { inputs.push(this.name + '=' + escape(this.value)); }) $vc.ajax({ type:
[jQuery] Ranges
I'm currently working on selections and ranges for a rich text editor. Is this built into jQuery in a cross-platform way, or is there a plugin I can use? -- Alan Gutierrez | alan@blogometer.com | http://blogometer.com/ | 504 717 1428 Think New Orleans | http://thinknola.com/
[jQuery] does the jQuery team plan to update the doc one the jQuery site?
i mean update the doc to 1.1.3.1. cuz there is no place to reference the new feature in jQuery1.1.3. So... Thanks!
[jQuery] [SITE SUBMISSION] www.pharmaconnectme.com
http://www.pharmaconnectme.com - the first international network created by pharmacy students for all their friends in pharmacy.. jQuery 1.1.3.1 plugins used: thickbox, form plugin, accordion, jquery flash, and various others, some custom made, some that i probably forgot to mention.. dennis.
Next Page