[jQuery] Digg now uses jQuery
Pretty big deal! http://www.joestump.net/2007/06/technical-background-of-diggs-new-comment-system.html
[jQuery] Load image even if others are loading
Hi All, Right I'm busy getting to grips with jquery and I have a little issue. I have 200 thumbnails which are loaded in on a page. I just loop through a json array of the thumbs and create each image elelment. Each element is hidden until the image is loaded where an onload request is sent to show the image. The problem I have is that I wish the user to be able to click an image even if the others are still loading in to show it in a div below. So when a user clicks the thumbnail that executes a
[jQuery] NEWS: jQuery-Powered Site down2night.com on Mashable
Mashable.com has a nice little write-up about jQuery-Powered Site down2night.com's latest features. One of the cool new features is their Nightlife Heatmap which uses swfobject to overlay a heat map of all of the hotspots (excuse the pub) in a selected area. http://mashable.com/2007/06/25/down2night/ Rey...
New Plugin Repository
Hi Everyone - One of the great aspects of jQuery is its extensibility, as evidenced by the many excellent plugins that have been developed for it. The jQuery team, and the Web team in particular, have been working hard behind the scenes to put together a repository to showcase these plugins: http://jquery.com/plugins/ The new repository comes with a few features that are sure to help users to find what they're looking for and determine which plugins will best suit their needs. There's the (jQuery-based)
[jQuery] jQuery binding without chaining events?
Hello JQuery Enthusiasts! I'm working on a web page with some tree code that periodically adds new nodes to the tree. When these new nodes/controls appear, I want to bind their handlers to them. At the moment, I'm doing general selections to grab all the possible controls to bind 'click' or 'dblclick' to them. How do I bind an event handler to an query with $().bind() without chaining the event-- what I want to do is set the event handler only if it wasn't already set for that matching element. I
[jQuery] Preload multiple hidden data with $.get()?
I am using many draggable and hideable panes such as for preferences and quick info. Right now I am using multiple $.get requests at document load and am not getting all the data loaded for some reason. Maybe there is an easier way to do this? Example: $(document).ready( function() { // Preload pane data $.get('results_help.html',function(data1) { document.getElementById('results_help').innerHTML = data1 }); $.get('pre_legend.php',function(data2) { document.getElementById('pre_legend').innerHTML
[jQuery] ANNOUCE: slideView plugin released
Hi all. After a bit of trials i ended up with this plugin. http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/imageslide-plugin.html Basically it is possible, into any page (blog), to insert an unordered List of images inside a DIV such as <div id="myinstantgallery"> <ul> <li><img alt="abc defrg thysu ooip jkifbtg fff" src="ts/ 200523419-001.jpg" /></li> <li><img alt="abc defrg thysu ooip jkifbtg fff" src="ts/ 200527363-001.jpg" /></li> <li><img alt="abc
[jQuery] Use sortable and droppable together
Hi, I'm prototyping an application, trying to put a sortable and a droppable together. Basically, the sortable has a bunch of list items which are sortable, but I also have a droppable on the same page and contains a list of droppable items, which themselves are NOT draggable or sortable. I want to each droppable item to own some sortable items - this is sort of creating one to many relationship between droppable and sortable items. The sortable works great themselves, I also want to be able to drag
[jQuery] ANNOUNCE: Linux.com is using jQuery
jQuery rules
[jQuery] OT: Excellent Resource for Web Developers
I generally try to avoid these types of post but I discovered a site called WebAppers which is really awesome. Its chock full of RIA, Ajax, JS and development posts which I'm finding very cool. http://www.webappers.com/ Rey...
[jQuery] Comet and Taconite
I was wondering if someone could help me. I am trying to write a new module for PerlJQuery that includes comet, and am having difficulty with the example. PerlJQuery is based on CGI and taconite and should also works with mod_perl. I would really appreciate it if someone could give me a really minimal comet example of both the html and server side which uses taconite and not json. I will be able to flesh it out from there. Thanks, Peter
[jQuery] Style question: holding on to an element
I've been looking at the source code for the Dim Screen plugin http://docs.jquery.com/Plugins/dimScreen Two things caught my eye. The plugin always refers to the overlay div by id. Is there a reason not to close over a variable referring to the overlay instead? Then, when the overlay is hidden, it is also removed from the DOM. Wouldn't hiding be enough instead of possibly repeatedly adding and removing the overlay? More generally, I'm still rather new to jQuery, I'm more used to Prototype. One thing
[jQuery] Navigating between multiple images on one page
Hello, Can someone (an experienced jQuery user) help me out with this problem: I want to place 3 images on one page: <img src="http://www.myurl.com/images/1.jpg /> <img src="http://www.myurl.com/images/2.jpg /> <img src="http://www.myurl.com/images/3.jpg /> And then position them on top of each other by using css positioning + z-index. Image 1 would be positioned above image 2, 2 above 3, ... What I'd like to do with jQuery is this: I'd like to provide 3 links: 1|2|3 Clicking link 1 wouldn't have
[jQuery] Moving Images as objects
Hello, I have 2 images and 1 button. When I click on the button, I'd like to move image 2 on top of image 2. I know there are some ways of doing this, but they all require the image coordinates. Is there a way to do this at the object level as i don't have coordinates? thanks, Paolo
[jQuery] Inserting text into TextArea at location
How do I insert a string at a specific place in a textarea? I want to insert the string where ever the keyboard cursor is.
[jQuery] Overlay plugin?
<span style="font-family: verdana;">I can't find it, but I vaguely remember someone had a plugin that just puts a 50% opacity overlay over the page. Sort of like a thickbox thing, but without all the other stuff.<br style="font-family: verdana;"> </span><span style="font-family: verdana;">Does anyone know where it is?</span><br style="font-family: verdana;"><br style="font-family: verdana;"><span style="font-family: verdana;">Glen</span><br style="font-family: verdana;">
[jQuery] Ajax validation preview
Hi folks, for anyone using the validation plugin or interested to use it once ajax validation is available I'd like to present a preview of the next validation feature upcoming in 1.2: http://jquery.bassistance.de/ajax-validation/demo-test/milk/ To try it out: Enter something as a username. These are the rules used for the field: username: { required: true, minLength: 2, remote: "users.php" }, In other words, you can stick with the declarative style to specify validation rules as for
[jQuery] autoHeight Plugin
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META http-equiv=Content-Type content="text/html; charset=iso-8859-1"> <META content="MSHTML 6.00.2900.2180" name=GENERATOR> <STYLE></STYLE> </HEAD> <BODY bgColor=#ffffff> <DIV><FONT face=Arial size=2>Anyone knows how to do for this to work on Opera?</FONT></DIV> <DIV><FONT face=Arial size=2>I have tested on IE, Firefox and works perfect, in Opera don't do the trick.</FONT></DIV> <DIV><FONT face=Arial size=2></FONT> </DIV>
[jQuery] jqUploader
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head> <title></title> <meta http-equiv="content-type" content="text/html;charset=utf-8"/> <meta http-equiv="Content-Style-Type" content="text/css"/> </head> <body> <div align="left"><font face="Arial" size="2"><span style="font-size:10pt">Does anyone use jqUploader?</span></font></div> <div align="left"><font
[jQuery] Is it possible to attach codes to body.onload via document.ready?
Hello, is it possible to attach some codes to the body.onload via document.ready, or other methods to attach body.onload? thanks.
[jQuery] onload after page is loaded via ajax created elements - is there a better way ?
Having issues running scripts via the elements created from an ajax call with Internet Explorer, and found one way around it, by firing off a little function on the call back. as below: loadMe() In this way the second function can be used with no issue in IE and Opera, FF never had a problem in the first place. My question about this though, is there some function in jQuery that I am missing that already covers this issue, or is there a better/ cleaner way of doing this? Basic demo at: http://yournrl.com/
[jQuery] ANNOUNCE: zoomi plugin!
Another weekend, another plugin =P zoomi: http://www.sunsean.com/zoomi/ So here's the scoop. It's almost ready, beta as some people call it. I'm releasing as beta because I want your input on a feature... and there is still one more bug. The feature I'm wondering about, is if the zoom2 image should inherit the classes of the original image. (If what I'm saying makes no sense, go view the source code of the zoomi page above) The only bug is that if there is a border around the zoom2 image using css,
[jQuery] Triggering thickbox from a select dropdown
I'd like to trigger thickbox from a select box. I've got a list of images that a user can select from. When they choose one from the list, I'd like that image to show using the thicbox method. I can write the rest of the I'm sure but I don't even know: a) If it's possible b) what the syntax for this might be If you've know how to do this, can you chime in please?
[jQuery] .get, callback function and scope. Is this possible?
I'm receiving a string of text back in a .get call: I can alert the "result" variable while within the callback portion of the .get call. $.get("ajax.cfm",function(result){ // callback body alert(result); }); But I'd like to somehow be able to get that result variable outside the callback like so: $.get("ajax.cfm",function(result){ // callback body }); alert(result); But it doesn't seem to be working. Surely .get has to be able to interact with scope outside of itself. Am I missing something?
[jQuery] Moving Images as objects
Hello, I have 2 images and 1 button. When I click on the button, I'd like to move image 2 on top of image 2. I know there are some ways of doing this, but they all require the image coordinates. Is there a way to do this at the object level as i don't have coordinates? thanks, Paolo
[jQuery] displaying an offscreen row
I have a table inside a div; the div has a fixed height and overflow set to scroll. When the page is opened, the row containing the last selected data is highlighted, via jquery/DOM. the problem I have is that if the list (number of rows in the table) is bigger than can fit in the div, and the current element is below the visible area, you have to scroll down to see it. Is there a way to make the div scroll up to make the row I want to see visible, using DOM? I don't think so, but thought I'd ask.
[jQuery] Uploaded file progress status
Can anyone suggest a solution how to use jQuery for a script that will show ,during uploading file, information how many bytes have already been uploaded? I know about uploading progress bar scripts but such programs are rather difficult to be understood properly for me. All that I need is giving a user a number showing downloading progress, in other words, showing how many bytes have already been uploaded . Any idea would be appreciated.Thanks. L
[jQuery] [Slightly OT] What's your setup?
Hi all, With jQuery being a front-end library, there's lots of possible configurations for the backend and development environment. I thought it would be fun if we shared what we use alongside jQuery. Any or all of the following... About your development environment: What OS? What IDE or editor? About your server: What backend language, if any (php, asp, cf, ruby, java, etc)? What framework, if any (cake, symfony, rails, struts, etc)? Any other significant components (persistence layer, database,
[jQuery] jqUploader
Does anyone use jqUploader? I use server side script for uploading in Python.It works well but I would like to add a progress bar during uploading. Is jqUploader the right choice? Or is there an easier way how to add progress during uploading? Thank you L
[jQuery] Possible validate plugin bugs.
Hello Jörn and others, I may have found 2 bugs in the form validation plugin. But this could also be due to IE6 and IE7, I am not sure. The first bug shows up when you add a field (hidden field in my case) with a name="id". I understand that IE doesnt like that a lot since IE treats names and ids almost the same (or so I recall reading somewhere). However I dont understand that when I add a field with a name of id, the form validation does not work anymore and just submits everything. Example is
[jQuery] Digg Moves to jQuery's JavaScript Library
Saw it on Ajax Magazine Posted by Hatem on June 23, 2007 9:04 AM One more addition to big sites switching to my love jQuery. Congratulations jQuery community and to the dev team especially. We all owe you a lot for your hard work. http://ajax.phpmagazine.net/2007/06/digg_moves_to_jquerys_javascri.html
[jQuery] Simple plugin to rollove an image
As discussed previously in the group, I make a very simple plugin to rollover an image.. Codes: jQuery.fn.swapimage = function() { $(this).hover(function() { currentImage = $(this).attr('src'); $(this).attr('src',$(this).attr('rel'))}, function(){ $(this).attr('src',currentImage) }); // preload image var preloadImage = new Image; preloadImage.src = $(this).attr('rel'); } Usages: $(document).ready(function() { jQuery(".rollOver").swapimage(); }); <img src="1.gif"
[jQuery] Use Google Gears to improve the user experience?
I was wondering today, if Google gears (or any other local storage system) could be used to improve the speed of certain types of pages, e.g. website galleries.. What i had in mind is this; - When the user opens a gallery, an xmlhttp request is made that fetches the gallery contents. - When the user goes to page 2 of the gallery, the gallery checks (by xmlhttp) to see if the contents of the gallery was changed in one way or another (checksum or something like that). Only when the gallery has changed,
[jQuery] Test
Test -- BrightLight Development, LLC. 954-775-1111 (o) 954-600-2726 (c) rey@iambright.com http://www.iambright.com
[jQuery] Masked Input Plugin RC1a
Hey guys and gals. I learned about the .call() functionality today and decided to modify the behavior of the optional mask completed function. Now you don't need to specify an parameter when you define your function; you can simply use "this". Before: $("#product").maskedinput("99/99/9999",{completed:function(input) {alert("You typed the following: "+input.val());}}); Now: $("#product").maskedinput("99/99/9999",{completed:function() {alert("You typed the following: "+this.val());}}); It's not a necessary
[jQuery] Hash to array
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8"> <META content="MSHTML 6.00.6000.16481" name=GENERATOR></HEAD> <BODY> <DIV><SPAN class=515533223-22062007><FONT face=Arial size=2>Warning this is a real noobie question. if you don't mind my asking: what is the simplest way to convert a hash into a string via jquery or javascript , so that </FONT></SPAN></DIV> <DIV><SPAN class=515533223-22062007><FONT face=Arial
[jQuery] problem using jquery.flash plugin in my plugin
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8"> <META content="MSHTML 6.00.6000.16481" name=GENERATOR></HEAD> <BODY> <DIV><SPAN class=984093620-21062007><FONT face=Arial size=2>Hello!</FONT></SPAN></DIV> <DIV><SPAN class=984093620-21062007><FONT face=Arial size=2></FONT></SPAN> </DIV> <DIV><SPAN class=984093620-21062007><FONT face=Arial size=2>i'm trying to switch the dependency of my plugin to a proper
[jQuery] Coldfusion / Jquery Addition Operator Question
I'm trying to add numbers together like this: var tpdSum = 0; tpdSum = 0 <cfloop from="1" to="#arrayLen(session.cart)#" index="i"> + $(tpd_#i#).text() </cfloop>; alert(tpdSum); But, instead of adding them, I'm getting a variable that looks like this: 0 2 5 So, it's treating the numbers as strings and concatenating them instead of treating them like numbers and adding them. What am I doing wrong?
[jQuery] Call For Input: Document Revision Comments
<pre>Looking for everyone's input on an issue. Trying to see how the community-at-large deals with this situation. See details, and please comment, over on my blog: <a class="moz-txt-link-freetext" href="http://blog.cutterscrossing.com/index.cfm/2007/6/22/Call-For-Input-Document-Revision-Comments"> http://blog.cutterscrossing.com/index.cfm/2007/6/22/Call-For-Input-Document-Revision-Comments</a> </pre> -- Steve "Cutter" Blades Adobe Certified Professional Advanced Macromedia ColdFusion MX 7 Developer
[jQuery] Passing variable to simple show/hide function
I'm a jQuery newb and I'm playing with a wordpress theme. What I'd like to do is show/hide the categories that are associated with each post. I have attached an ID to each list of categories that corresponds to the pageID that WordPress gives me. ie: <div id="cat137">{categories here}</div> Each category group has a h4 just above it that has a similar ID: <h4 id="cathead137">{post heading}</h4> Okay, so I have my basic function at the top for showing and hiding, but I am not sure how to pass a variable
Next Page