[jQuery] Interface Drag/Drop Animation
Quick question about the Interface Drag+Drop methods: When I use {revert:true,fx:300} to make the draggable fly back to the starting point, is there a way to cancel that animation of the draggable is successfully placed on a droppable? By default it accepts and still runs the "revert" animation, but I want the draggable to "stick" to the droppable and only revert if the user drops outside of a droppable area. Is this possible? Thanks!
[jQuery] synchronous getScript ?
Hello, Following Erik suggestion, I'm using getScript to load a script. The load is asynchronous, is there a way to wait until the script is loaded and the functions it provides are available ? function init () { do the init of...; } jQuery(document).ready(function() { if(!$.isFunction($.fn['tablesorter'])) { $.getScript('/path/...', function() { init (); }); } else { init (); } Xavier
[jQuery] question about selectors
there are three 3*3 tables. how to select the first cell in every row in the first two talbe? i tried $("table:lt(2) tr td:first"), but failed? who can explain it? great thanks. ============================== <table> <tr> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> </tr> </table> <table> <tr> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> </tr> <tr>
[jQuery] Tabs not working
I am trying to use the Tabs plugin but it is not really working. her eis my demo: http://www.apex-wowguild.com/dev It work when you first click on the click but when you go back to a link, it just does not shouw anything. I am just using .tabs() and the html looks good to me. -- View this message in context: http://www.nabble.com/Tabs-not-working-tf4270943s15494.html#a12156020 Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Charting with jQuery?
<!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=023563815-15082007><FONT face=Arial size=2>I found a demo plugin here:</FONT></SPAN></DIV> <DIV><SPAN class=023563815-15082007><FONT face=Arial size=2><A href="http://www.reach1to1.com/sandbox/jquery/jqchart/">http://www.reach1to1.com/sandbox/jquery/jqchart/</A></FONT></SPAN></DIV>
[jQuery] Some snippets for newbies, Part 1 of N
Hi, all! i'm working on rewriting the web site for my mother's business and i'm finally getting to integrate some jQuery in a production site. Unfortunately, i don't have a link to show anything (it's on an internal test server), but i wanted to share some of the tidbits with the n00bs in the crowd, to show them just how damned simple it can be to create impressive (or just convenient) effects with jQuery... ==================================== Part 1a, tagging anchors with an image. ====================================
[jQuery] serverCookieJar, thoughts please
after Dan G. Switzer, II mentioned here http://groups.google.com/group/jquery-en/browse_frm/thread/cf786440e6154366/16e79411ae8b118d#16e79411ae8b118d regarding cookies being sent with every request and the 4KB limit it got me thinking, maybe store this on the server and make one request for it each page load, it might make more sense then sending it backwards and forwards all the time. So I tried to make serverCookieJar example here http://www.jdempster.com/wp-content/uploads/2007/08/jquery.servercookiejar.example.html
[jQuery] Price levels and price breaks
I've done the following code in Coldfusion: <cfset tilePrice = ListGetAt(productPricing.priceLevels,7)> <cfloop from="1" to="#ListLen(productPricing.priceBreaks)-1#" index="i"> <cfif quantity GTE ListGetAt(productPricing.priceBreaks,i) AND quantity LT ListGetAt(productPricing.priceBreaks,i+1) > <cfset tilePrice = ListGetAt(productPricing.priceLevels,i)> </cfif> </cfloop> Now, I'd like to do the same thing, but in Javascript / Jquery. Can someone post code that will do this same sort
[jQuery] Question about dynamic form input
Hi, i have a classical input, for example : <input type="text" name="something" id="something" /> I would like to show in a DIV the word ( letter by letter ) wroted in that input but in REAL TIME. For example if i write the word "Internet", when i write the first letter "I", simultaneously that letter appears in the div too, the same thing with the other letters. How can i do that ?? Thanx in advance!!
[jQuery] Checking for popup blocker when using click()
Hi! I'm callling the $(this).click() when this is a input submit element. This should open a popup because the form has its target attribute set to another window, but if there is a popup blocker (for example firefox's) nothing will happen. I'd like to detect this. When you use window.open, you can check for it returning null, but I can't find a way of checking if the click() method worked. No exception and it returns the element. Anyone know how I can check for a popup blocker? Thanks! Geoff
[jQuery] Selecting the current (this) dt on a collapsible menu
I adapted John's example of a collapsible menu but have a problem selecting the current dt. John's example can be found at: http://jquery.com/files/demo/dl-done.html I pretty much has this so far: <pre> <script> $(document).ready(function(){ $("div#Kcleftnav dt").addClass("productList"); $("div#Kcleftnav dd").hide(); $("div#Kcleftnav dt a").click(function(){ $("div#Kcleftnav dt:first").removeClass("productList").addClass("menuSelected"); $("div#Kcleftnav
[jQuery] <input type="button" /> : which event is that?
Is there an specific event raised when a button (input type="button") is selected? Or am I being a bit stupid? To capture this I am having to use: $("#myButton") .bind("keyup", function(event){ if (event.keCode == 13) { //do stuff } }) .unbind() .click(function(){ // do stuff }); Any ideas? Cheers lukek
[jQuery] Can someone assist me with this code issue?
Folks, I'm missing something here but can't figure it. The following is inside a $('#xx').click event handler that inside a div that is originally hidden until a parent is clicked. The the revealed #xx button is clicked firing this: var dnsData="smode=clearnode&hn="+hn+"&oldip="+ip+"&entry="+entry; $.ajax({ url: "UpdateEntry", type: "POST", dataType: "html", data: dnsData, success: function(msg){ alert("DNS Update Succeeded"); }, error: function(msg){ alert("Critical Error in DNS Update. No changes
[jQuery] Problem with selectors in Internet Exploter
Hi JQueriers, I have a problem with JQuery selectors in Internet Exploter (I'm using IE7). What I have in DOM is: .... <div id="item"> <input type="checkbox" value="4" name="tutorial1"/> <a href="#"> <img alt="no publicado" src="img/noeye.png"/> Titulo Tutorial 4: Contenido Tutorial 4 </a> </div> ... Then, when the user clicks the link inside the "item" div, the following happens: ... $('#content a').click( function (event) { var iID_tutorial = $ (event.currentTarget).parent().find("input[@type=checkbox]").val();
[jQuery] .html() make ie down？
the function .html(), if it's parameter contains "<param name="wmode" value="transparent" />", it'll make IE down. Place a arbitrary swf to the same path as html. Once click the image "click me now", IE would be down. as the following html code: <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>gallery</title>
[jQuery] Help with this ajax call
Folks, I'm missing something here but can't figure it. The following is inside a $('#xx').click event handler that inside a div that is originally hidden until a parent is clicked. The the revealed #xx button is clicked firing this: var dnsData="smode=clearnode&hn="+hn+"&oldip="+ip+"&entry="+entry; $.ajax({ url: "UpdateEntry", type: "POST", dataType: "html", data: dnsData, success: function(msg){ alert("DNS Update Succeeded"); }, error: function(msg){ alert("Critical Error in DNS Update. No changes
[jQuery] Help with autocomplete
Hi all, I'm having some trouble with the autocomplete plugin from bassistance.de I'm doing a multiple-select box, original code copied from the example, but there are a couple of things that I need changing: 1. I don't want the result function to trigger when a new item is selected as it does in the example 2. I want the "get values" function to be triggered from outside the div that the select box is in (it's currently result(function).next... Also, this current bit of code I've got doesn't want
[jQuery] jQuery for JavaScript programmers
Here's a really nice jQuery introduction that starts at the beginning and goes all the way through plugin development. It looks pretty thorough: <a href="http://simonwillison.net/2007/Aug/15/jquery/">http://simonwillison.net/2007/Aug/15/jquery/ </a> --Erik
[jQuery] Dimensions 1.1 Released
I just released Dimensions 1.1. It includes an option to include margin for the outerWidth and outerHeight methods. I've also fixed the issues with Safari 3 and the offset method. The docs have also been udpated for 1.1 . As usual you can grab the latest from the Dimensions project page. Note that this update requires jQuery 1.1.3. project page: <a href="http://jquery.com/plugins/project/dimensions/">http://jquery.com/plugins/project/dimensions/</a> docs: <a href="http://brandonaaron.net/docs/dimensions/">http://brandonaaron.net/docs/dimensions/
[jQuery] How do I bind this into the DOM?
Hi all, This is a rather complicated issue, for a novice at least. I have HTML that gets injected into the DOM, and this is after a completely separate HTML gets injected via .load() into a separate div. So essentially, when you load the page, a div gets populated with .load(), and when you click a link from that populated data, more HTML gets injected via the following code: $('#pendingUsers').load(' index.php/meduser/check_pending_users',false, function() { $('#pendingUsers a').click(function()
[jQuery] What is wrong with this code?
Ok this should be pretty simple so hopefully it will be simple to fix. I am create a hover menu that make the li element under a certain id shoot out 15px whenever mouse it over them and back when it leaves. here is a link: http://apex-wowguild.com/dev/ If you try each one out by mousing over them they will react but in a random way and not the way it should. here is my code: jQuery.fn.hover_menu = function(offset, speed) { var self = this; $(self).children('li').each(function() { //grab current
[jQuery] What is wrong with this code?
Ok this should be pretty simple so hopefully it will be simple to fix. I am create a hover menu that make the li element under a certain id shoot out 15px whenever mouse it over them and back when it leaves. here is a link: http://apex-wowguild.com/dev/ If you try each one out by mousing over them they will react but in a random way and not the way it should. here is my code: jQuery.fn.hover_menu = function(offset, speed) { var self = this; $(self).children('li').each(function() { //grab current
[jQuery] [NEWS] Brandon Aaron on Ajaxian
jQuery team member Brandon Aaron made the front page of Ajaxian. His bgiframe plugin, which helps to resolve the very common z-index issue in IE 6, got some very well deserved kudos. Great job Aaron! http://ajaxian.com/archives/work-around-the-z-index-issue-with-heavyweight-ie-components Rey...
[jQuery] fancy menu - tell me what you guys think
<div>Hi all,</div> <div> </div> <div>I have ported this fancy menu over from mootools to jquery. You can take a look at it <a href="http://www.gmarwaha.com/jquery/jfancymenu/test/test.html">http://www.gmarwaha.com/jquery/jfancymenu/test/test.html</a></div> <div> </div> <div>The original mootools version is <a href="http://devthought.com/cssjavascript-true-power-fancy-menu/">http://devthought.com/cssjavascript-true-power-fancy-menu/</a></div> <div> </div> <div>Tell me what you guys think. As always,
[jQuery] .html() make editplus and aptana down
Hi, all I used .html() to add "object" element to page, and I test it in Editplus and aptana. However, it make editplus and aptana down. html code (place a arbitrary swf in the same path width html): <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>gallery</title> <script type="text/javascript" src="jquery-1.1.3.1.js"></script>
[jQuery] [OT] Job posting asking for jQuery knowledge
Hey, Came across this posting will not working and was shocked to see that one of the requirements was knowledge of jQuery. I guess the word is really getting out.<br clear="all"> <snippet> Experience working with a JavaScript library such as YUI or similar framework such as jQuery, <a href="http://script.aculo.us">script.aculo.us</a> or moo tools </snippet> <a href="http://jobs.cfcclabs.org/lifechurchtv/2007-07-19-php-developer/">http://jobs.cfcclabs.org/lifechurchtv/2007-07-19-php-developer/ </a>
[jQuery] dimensions plugin, animated scrollLeft(x)
Hello, I am using Dimensions for a carousel type of scroller. Two buttons (prev + next) controls the offset of the content inside a div (with overflow set to hidden). The offest is set with Dimension's scrollLeft(px). Is there a way to animate the motion of the content inside the div container, rather than just jump by the number of pixels set within scrollLeft(px)? And would be there another aproach to make this work (cross browser) without Dimensions by using animate() ? Thank you!
[jQuery] is this possible in jQ: plugin namespaces?
Hi, all! Is it possible, using the current jQ API, to add plugins such that they live in their own namespaces? For example, let's say we have a plugin with 'start' and 'stop' functions and we want to avoid any potential name collisions with other plugins (or with [rumored] up-coming stop-animation support in jQ). Is there a way to register the plugin such that we can do this: $(...).myPlugin.start(...); $(...).myPlugin.stop(...); or a longer example: $(...).blair.timer.start(...); ??? This ability
[jQuery] Submit form via Ajax
Hey guys! I just wanted to check if someone knows how to implement TinyMCE into a Ajax Form Submit script? It looks like TinyMCE ( the WYSIWYG editor ) writes the data in it's iframe into the hidden textarea but it does not do so until after the code below has finished: $('#new_textfield').submit(function() { var inputs = []; $(':input', this).each(function() { inputs.push(this.name + '=' + escape(this.value)); }); console.log(inputs.join('&'));
[jQuery] Event bubbling
Hi all, Using this block of code: -- $(document).ready(function() { $('body').click(function(event) { if ($(event.target).is('h3')) { $(event.target).toggleClass('highlighted'); } }); }); -- If my element I'm trying to toggle is <input type="button" id="button- accept" name="accept" value="Accept" onclick="return false;">, is there anyway I can do something similar to if($ (event.target).is('#button-accept')); If not, what does $(event.target) have to point to in .is() to trigger my input in this
[jQuery] Clear input fields for login form
Im trying to replicate the login form on the home page of http://www.webshots.com It shows "User name" and "Password" in the text fields. When you click, they disappear. On the password, it even changes it to a password type input and uses the asterisks. -- View this message in context: http://www.nabble.com/Clear-input-fields-for-login-form-tf4270300s15494.html#a12154171 Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] focus with DIVs
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40"> <head> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=us-ascii"> <meta name=Generator content="Microsoft Word 12 (filtered medium)"> <style> <!-- /* Font Definitions */ @font-face {font-family:"Cambria
[jQuery] Trouble with tablesorter in IE
I've got the tablesorter plugin working great in Firefox. However, it has no effect in IE. The table behaves as if it's just a static table. The column header background images do not appear and clicking col heads does nothing. I verified that the page is valid XHTML 1.0 Transitional. I set up tablesorter like this... $(document).ready(function() { $("#entry").tablesorter({ cssHeader: 'header', cssAsc: 'headerSortUp', cssDesc: 'headerSortDown', }); }); The HTML looks like this... <table class="displaytagtable"
[jQuery] resetting an event
Hello, Let's say I have an ordinary hover action triggered by mouse. It fires an event when the curson is over the particular div an its position is steady for a specific amount of time - and the other one when it detects mouse move. But the action can't be repeated unless I go with the cursor out of a div that is sensitive to this actions. The question is, is there any way to reset an event, tell the script I'm out that div when I'm actually not? Cheers
[jQuery] App similar to Google Homepages
<!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=521075017-14082007><FONT face=Arial size=2>Hey all...</FONT></SPAN></DIV> <DIV><SPAN class=521075017-14082007><FONT face=Arial size=2></FONT></SPAN> </DIV> <DIV><SPAN class=521075017-14082007><FONT face=Arial size=2>I'm in the process of writing an app that will offer information
[jQuery] New Yahoo Minifier - YUI Compressor
Hey folks, Today I came across this article via DZone: http://www.julienlecomte.net/blog/2007/08/13/introducing-the-yui-compressor/ "The YUI Compressor is a new JavaScript minifier. Its level of compaction is higher than the Dojo compressor, and it is as safe as JSMin. Tests on the YUI library have shown savings of about 18% compared to JSMin and 10% compared to the Dojo compressor (these respectively become 10% and 5% after HTTP compression)" I've given it a test run on my own code, and it really
[jQuery] next anchor tag in list
Hi, I have a list of links and what I want is when someone clicks a button for it to display the "href" value of the next anchor tag in the list, in an alert box, after the anchor tag with the class "selected". here's what the list looks like. <ul class="thumbs"> <li> full_img/dh0215co4.jpg first </li> <li> full_img/34220_1605__364lo.jpg second </li> <li> full_img/122120_7132__239lo.jpg third </li> </ul> So when the person clicks the person it will display an alert box with
[jQuery] Everyday information
I need advice how could i implement small function which shows information changing every day (depend on current date), ex. name-day thanks in advance
[jQuery] function to return value from ajax
Is it possible to make a function that returns a value from an ajax request. I want the javascript execution to stop until the function returns it's value. Inside the function it makes it's ajax request then returns a value based on the data returned. Currently I only see that a callback function is called.
[jQuery] Problem with animation on mouseover/mouseout!
I'm using the Interface Elements plugin (just the IFX one) to create some animations in my scripts but I have a little problem. For better descriptiong of the problem here's a test page: http://stuff.nazgulled.net/misc/test/ You'll see a link named "TESTE LINK". Please move the mouse over the link and out a couple of times really quick. What happened? The mouseover and mouseout animations were executed many times has you moved the mouse over and out of the link. Well, if you move the mouse over,
Next Page