minified + gzipped = 15kb ??? front page must have a typo...
or if not the download link is bloated... =P just a heads up
Bind variables to callbacks
I notice that the current API - any callback is generally the last function in the arguments. It would be a useful extension to be able to pass in further variables to be passed in as arguments to this function. This would be similar to how window.setTimeout works and is a very useful feature. window.setTimeout(function(arg1,arg2,arg3) { }, timeout, arg1, arg2, arg3 ) Without this you must rely on global variables or setting properties on the element. I recently posted an example of where this was
event delegation
Event delegation is on the roadmap for 1.3 http://docs.jquery.com/JQuery_1.3_Roadmap My question is: Who is taking the lead on this particular task? I have some thoughts and solutions for event delegation that are a little more robust than Joern's delegate plugin. For the solution that makes it into the core, I would expect to see the following features and functionality for event delegation: - Data, event data as is currently supported in the event system - Bubbling, starting with event.target,
Bug with jqModal using jQuery
Hello there. So, Im using jqModal to build an Ajax-Chat system. So, through the system, admins can invite a guest to a chat. There is only one guest per chat, the rest is all registered users. So, in the guest chat page (is diferent from the other users), there is this div, that shows the Questions that the users send for him to answer. When he clicks (a href=answer.php class=thickbox) in one question to answer, opens this Modal div with i-frame . Ok. The problem is: This div with the Questions in
Jquery Plugin history
Hi, I am a newbie in using jquery.Please excuse me if similar query has been posted earlier. I am building a maillist with extensive use of jquery.This list displays the list of emails as in Inbox (in slot of 15) and has Next and Prev links to traverse next or prev set of mails. I want my mailist to be cached and so that if user is in slot 31-45,can get slots 16-30 on click of browser’s back button. i searched and found the jquery plugin history but not getting exactly how to use it in my situation.
bind "drag" events
Take a minute to check out this plugin. Have you ever needed to capture dragging in a plugin or application, but didn't want to introduce big dependency files? This plugin creates custom events, that work exactly right, for less than 2k when packed. New release came out today and I recommend it for anyone! http://plugins.jquery.com/project/drag Check out these demos http://threedubmedia.com/demo/drag/ I encourage everyone to give the special events API some love.
Xml parsing and Firefox 2 & 3
Hi all, I fell on what seems to be a big issue (for me at least !). I have that ajax call that returns an xml tree. For example : dir --- dir --- --- file --- --- file --- dir --- --- file --- file --- file file file When I do that code : [code] var tmp = data2.children("file"); alert("files : " + tmp.length); [/code] It tells me "files : 2" in firefox 3 (the proper answer), and it tells me "files : 0" in firefox 2 (bad answer) (where data2 is a "dir" xml node) If someone knows something about that
Safari vs jQuery hide()
I don't know if you guys are aware, but there seems to be a bug when using the hide() method in Safari, but only on page load. So something like this: $(function(){ $("#myId").hide(); }); doesn't work, but if I do: $(function(){ $("#myTextBox").css("display", "none"); }); it works fine. Weird thing is that something like this works as expected: $(function(){ $("myButton").click(function(){ $(#myTextBox").hide(); }); });
jQuery-1.2.6.js IE work-around (set attribute race condition) - Submitting Patch
With jQuery 1.2.6 I noticed that IE 6 at least has a race condition problem with setting certain attributes where I would intermittently get the error message of "Could not set the selected property. Unspecified error." on lines 15 and 23. (First seen with select boxes.) Per post:http://bytes.com/forum/thread150463.html, I made two modifications to the jQuery core file to successfully work around my particular issue: line #15: replaced "this.selected=(jQuery.inArray(this.value,values)>=0|| jQuery.inArray(this.text,values)>=0);"
jQueryWTP 0.2 released,this release is for jQuery1.2.6
jQuery is a fast, concise, JavaScript Library that simplifies how you traverse HTML documents, handle events, perform animations, and add Ajax interactions to your web pages. jQuery is designed to change the way that you write JavaScript. Eclipse WTP support javascript code content assistance,but does not support jQuery. http://www.langtags.com/jquerywtp/index.html jQueryWTP is a tool make Eclipse WTP support jQuery code content assistance. PDT(PHP Development Tools framework for the Eclipse platform)
JQuery can't find imported nodes via innerHTML
Hi everyone, When i use innerHtml, either with $('#id').attr('innerHTML'... or getElementById('id').innerHTML , jquery can no longer find the elements imported via innerHTML. First i search the web, but couldn't any thing related to this issue. The first things came into my mind was, jquery needs to traverse new elements again. I checked the source code and found this f.apply( document ); and tried using it in serveral ways but couldn't get it to work. I'm totaly out of idea(s) :( and really apperciate
=== '[object Array]'
This showed up on Douglas Crockford's blog today: Object.prototype.toString.apply(value) === '[object Array]' The trick appears to have been in circulation for about 6 months and shows up in DWR as well as DC's book. DC credits Mark Miller for it. Probably slower than the value.constructor == Array test we use everywhere, but fixes the iframe-created object issue. 1. Should we adopt it for resiliency? 2. @Michael Geary: Are you using this in your iframe sandbox code? It sure would beat the heck out
UI Tickets on Core's trac
Hi guys I'm getting around 3-5 tickets for UI a day. I'm quite tired of closing them with the same speech. I already added a note on our trac, but it seems many people don't read it. Is there something else we can do to save this wasted time from now on ? Cheers -- Ariel Flesler http://flesler.blogspot.com/
http://docs.jquery.com/UI/Magnifier
Not working http://docs.jquery.com/UI/Magnifier Bad example http://docs.jquery.com/Post God Example jQuery loading another page and alerting the result: $.post("receive_variables.php", {first_name:"Tarcila",last_name:"Broder"}, function(returned_data) { alert(data); }); receive_variables.php <?php echo 'Welcome '.$_POST['first_name'].' '.$_POST['last_name']; ?> OUTPUT: Browser will alert, with it's standard pop-up box 'Welcome Tarcila Broder'
XUL and jquery
Hy! I'm trying to do the followind into a firefox 3 extension: alert($('<div id="content">abc</div>').html()); and it always alerts "null" instead of "abc". I understand that jquery should work also on XUL, with few exceptions at the startup, but this appears not to work. What I want to achieve, is to parse an HTML that came from an ajax call. Is there a fix for this problem, or maybe someone has another solution to this problem...? Thank you in advance.
a custom XHR plugin for the new XHR registry feature
I'm excited about the new XHR registry plugin coming out with the next jQuery release. I have taken a stab at writing a plugin to adapt jQuery for use with a custom XHR implementation called flXHR (http:// flxhr.flensed.com/), which allows authorized cross-domain communication. Here's a link to a working demo: http://flxhr.flensed.com/code/dev-tests/test-jquery-xhr.html The plugin itself is located here: http://flxhr.flensed.com/code/build/thirdparty/jquery/jquery.flXHRproxy.js The strategy I took
a custom XHR plugin for the new XHR registry feature
I'm excited about the new XHR registry plugin coming out with the next jQuery release. I have taken a stab at writing a plugin to adapt jQuery for use with a custom XHR implementation called flXHR (http:// flxhr.flensed.com/), which allows authorized cross-domain communication. Here's a link to a working demo: http://flxhr.flensed.com/code/dev-tests/test-jquery-xhr.html The plugin itself is located here: http://flxhr.flensed.com/code/build/jquery/jquery.flxhr.js The strategy I took with this was
ajaxSetup
I was playing around with the new XHR plugin system that will be out with 1.2.7/1.3, and I noticed something that seemed a little odd to me. I was using the ajaxSetup() function to change my transport, but I wanted to chain off the end of that call, and it doesn't work, because apparently ajaxSetup doesn't return the "jQuery" object. I had been reading and trying to diligently follow the Plugin Authoring guide here: http://docs.jquery.com/Plugins/Authoring which says: "Your method must return the
XUL and jquery
Hy! I'm trying to do the followind into a firefox 3 extension: alert($('<div id="content">abc</div>').html()); and it always alerts "null" instead of "abc". I understand that jquery should work also on XUL, with few exceptions at the startup, but this appears not to work. What I want to achieve, is to parse an HTML that came from an ajax call. Is there a fix for this problem, or maybe someone has another solution to this problem...? Thank you in advance.
Suggestion for better compatibility with Asp.Net
Hello all, I'm exploring JQuery with .Net (and loving it!), but I have hit a small snag (that I was able to patch locally). .Net has a convenient method for creating webservices in the same code file that the page's logic - known as the code-behind. This is the standard method for using AJAX with Microsoft Ajax. However, these methods expect their parameters to be passed as JSON encoded strings, as opposed to query strings. Would it be possible to add this as a encoding option to the .ajax method?
Canceling a JSONP callback?
Hello all, I'm wondering if anyone here knows of a reliable way of canceling a $.getJSON request for cross-domain JSONP. For example, is there any way to figure out the name of the function that jQuery appends to the window (such as "jsonp1222912605851"), so that I can just replace it with function(){}, and prevent the original callback from executing? Any help appreciated, Jed Schmidt
cross frame event triggering
<div dir="ltr">While looking through the bugtracker I ran a cross <a href="http://dev.jquery.com/ticket/2707"></a>this ( <a href="http://dev.jquery.com/ticket/2707">http://dev.jquery.com/ticket/2707</a> ) bug. The bug was reported as events not firing through an iframe. But because there is a separation between the DOM outside and the DOM inside the frame, I do not really think this is bug, just something you need to take into account in the design (proxy funcitons or something). But it did get me
Events, namespaces and duplicate functions
<div dir="ltr">Yehuda said he found a bug during one of his presentations. I've created a simple test case of the said bug ( <a href="http://brandonaaron.net/jquery/issues/events/namespace_bug.html">http://brandonaaron.net/jquery/issues/events/namespace_bug.html</a> ). You'll need to open it in Firefox and open up firebug. I've bound two click events with different namespaces to the document but they use the same function. <div> </div><div>What would you expect to happen in this situation? Should
Using 'with' keyword for DSLs ?
Hi devs, this is a topic that pops regularly to my mind. I believe most javascripters have stopped looking at the "with" statement when they found out how unclear variable assignation is (cf. http://yuiblog.com/blog/2006/04/11/with-statement-considered-harmful/ ). But it strikes to me that if you avoid that later case, "with" can be really useful to build DSLs. Consider : jQuery.$ = jQuery; // for backward-compat. with(jQuery) { ready(function() { find("H1").hide("slow"); }); } I'm not debating the
find(escaped expression) x-browser compatability issue
Regarding bug 3435 that I added 5 days ago, am I supposed to flag it up to people on this mailing list or will a jQuery developer examine it in due course? (Sorry I'm new to bug reporting in jQuery) Using find('georss\\:point').text() to extract text from an XML/RSS node called georss:point you have to escape the colon with \\. However, this specific code only works in IE 6+7 and FF 3 but does not return a result for Opera 9, FF 2, Safari 3, and Chrome 1. I've included example code and XML in the
Packaging format for jQuery plugins
<div dir="ltr">For a while, I've been trying to make it possible to build a system to automatically install jQuery plugins into an application. In particular, I've wanted to be able to let Merb (a Ruby web framework I maintain -- <a href="http://merbivore.com/">http://merbivore.com/</a>) install jQuery plugins simply and easily.<div> </div><div>There are a few problems I needed to see solved:</div><div><ul><li>A way for package authors to describe the locations of the javascript files, the CSS files,
Unelegant Code
I'm curious: Are there any pieces of code that use jQuery, right now, that you feel are unelegant or ugly? (Presumably ones that've already been optimized to the best of their ability.) One area of improvement that I was thinking of was something along the lines of: // ugly $("#foo").val( $("#bar").val() ); // a bit better $("#foo").val( $("#bar") ); this would be an easy change, just make .attr() do something like: if ( arg.jquery ) val = arg.val() || arg.text() || ""; Any other thoughts? I wonder
.ready() and jQuery.readyList
Hi, Like Giulio (http://groups.google.com/group/jquery-dev/browse_thread/ thread/c713fa86d4a28785) after some googling and debugging, I found one bug. (jQuery 1.2.6) When I load a form via .load() and loaded html has script that use $ (document).ready(), IE 6 and 7 fired error on line 2294: jQuery.readyList.push( function() { return fn.call(this, jQuery); } ); But jQuery.readyList already is null. Line 2318: jQuery.readyList = null; I think, this line must be: jQuery.readyList = []; because readyList
$("[onclick^='fred']") vs $("[onClick^='fred']")
Hello all, Amazing library but one thing i've found and this might be me being niggly is the inconsistency in the selector engine. If i have the following selector: $("[onclick^='fred']") - will return an error z.indexOf is not a function. however the camel case variant works. ($("[onClick^='fred']")) This rings true with nearly all 'on' handlers. I did a little debugging myself and it turns out that if the return value is of type 'function' then that's when the error occurs. my suggestion is that
jQuery.plugin()
<div dir="ltr">Hi Guys - At the Ajax Experience we talked about possibly making a reusable function for helping to encapsulate much of the functionality commonly seen in jQuery plugins. The important points seemed to be: - Plugins need a way to maintain state from one call to the next (generally in the form of 'options'). - The state needs to be directly associated with the elements that they're called on - There needs to be a default set of options to load state from - Plugins need to clean-up
Thoughts on modular code
<div dir="ltr">Hey guys,<div> </div><div>At TAE, I spoke to a number of you guys about modular code, and some of you asked me to put together some examples. In addition to the simple autocompleter I put together for my talk at jQueryConf and TAE, I put together a simple example of an extensible tab plugin.</div> <div> </div><div>It's not intended to be feature complete, but to get the conversation started about how to design extensible, modular widgets using the event system. It's also not meant
Prototype's custom event bubbling
<div dir="ltr">To quickly do event bubbling with custom events, Prototype creates a *real* click event, modifies it, and fires that. As a result, the browser takes care of bubbling. It's fast, and, as far as I can tell, foolproof.<div> </div><div>What do you guys think about doing something like that in jQuery?<br clear="all"> -- Yehuda Katz Developer | Engine Yard (ph) 718.877.1325 </div></div>
What would you expect to happen?
I read a bug report earlier suggesting that $.load('foo.html #bar'); where "#bar" evaluates to a script tag and doing nothing is a bug. Any comments?
Immunizing jQuery against enviroment changes
Hi, I've thought about John's comment about trying to immunize jQuery against hostile enviroments, especially changes to Object.prototype. In that regard, whats wrong with the following code? I've tested in FF with Firebug, and for now assume thats its pure JavaScript and will therefore work in other browsers just as well (or not). Object.tainted = function() { var i = 0; for (var key in {}) i++; return i != 0; }; Object.prototype.each = function(fn) { var tainted = Object.tainted();
'refresh' click event
This is driving me crazy, and is probably just a ridiculous error on my part. I have a link that takes the visitor to a 'detail' page. I want to use jquery to have that detail link toggle a table display instead of taking them to another page (if they have javascript enabled). I have it working to open, but it does not close. I think I just need to re-bind the click handler, but hopefully someone with more experience can tell me this. My code is: function openDetailClick() { $('a.detail_show').click(function(event)
jQuery(Object).bind vs jQuery(DomElement).bind + (delegation)
<div dir="ltr">I'm trying to understand the cost differential of binding events to objects versus binding events to the dom. It obviously depends on how many things I''m binding to (eg 100 similar objects or 100 similar dom elements) in that I can generally take advantage of delegation wiith the latter, but don't have the cost of the bubble/trickle with the former. Have any performance/scaling tests been implemented? Or is it a mute point and I don't know why?<br clear="all"> -- Christopher Thatcher
JSON for function argument transfer,
<div dir="ltr">Dear all, I am 1 month old to web development. just a week before, I got two extremely useful thing in my hand which I am learning now,, (jQuery and JSON) May be i am wrong , But as per my understanding JSON can be used as argument passer,, for example.. I mean ,, if we have this code function myFun( x, y ,hedight , width){ // some code } for this we always need to remember the order of arguments,, but , instead of this can we pass argument with JSON?? like var myob = { "y" : 56,
global events
I don't know if anyone has experienced a performance issue with global event triggering, but in my opinion the jquery core should not ever call jQuery("*") internally. After investigating this unloading issue: http://dev.jquery.com/ticket/2698 http://groups.google.com/group/jquery-dev/browse_thread/thread/bdb96e4c77c6cf79# ...I noticed another potential bottleneck with the global event triggering on line 1985 in 1.2.6 (uncompressed) jQuery("*").add([window, document]).trigger(type, data); I think
Unhandled exception in jquery-1.2.6.min.js
Hi I'm attempting to use the jQuery library within VS 2008 with no luck. Here is what I did: 1. Created a new MVC app having a View linked to an MVC Master Page 2. Copied the jQuery lib to the content folder 3. Dragged jquery-1.2.6.min.js to the HEAD section of the Master Pager src="../../Content/jquery-1.2.6.min.js" type="text/javascript"> (excluding script tag intentionally) 4. Dragged jquery-ui-1.6rc2.min.js to the HEAD section of the Master Pager src="../../Content/jquery-ui-1.6rc2.min.js" type="text/javascript">
DatePicker is not working in IE
Hi All , Please tell me where is the problem. This is working fine in mozilla but hooked up in IE. my code is something like this: <asp:TextBox ID="txtCalender" runat="server" Text="Click inside me to see a datepicker" style="width:300px;"></asp:TextBox> <script type="text/javascript" language="javascript"> $j=jQuery.noConflict(); $j(document).ready(function($) { $.datepicker.setDefaults( { dateFormat:'mm/dd/yy', minDate: '7d', maxDate: '1y', showOn: "both", buttonImage: "images/calendar.gif", buttonImageOnly:
Next Page