jQuery performance listners
I don't know if my question is in the right spot here. I'm curious about the impact on the performance using event listners has. I love the fact that jquery functionality can be added to a html inferface without any actually any javascript in the html document. We do this by using the event listners provided by jQuery. But how heavy is this on the browser?
Sly, yet anoyther selector engine
Hi jQuery devs, I just released a (probably useful) piece of JavaScript that may concern your selector interested developers. Performance is outstanding in all cases, it is only 3kb, framework-agnostic and easy to implement and to extend. Announcement: http://digitarald.de/journal/89737433/rolling-out-sly-the-javascript-selector-engine/ Slickspeed: http://digitarald/repos/sly/speed/index.php Source & Documentation: http://github.com/digitarald/sly/tree/master Any feedback is welcome.
slideUp/animate stops working in 1.3.2?
I've been using the following code in an app since jQuery 1.2 and it's been working fine. However, with an upgrade to 1.3.2 (1.3.1 worked) this line no longer actually performs: $('#news-area').animate({opacity: 'hide', height: 'hide'}, 'slow'); also tried $('#news-area').slideUp(); I've verified that the element exists, and $('#news-area').hide(); behaves just fine. Doing the reverse of show/slideDown works just fine on the same element. Is there something in 1.3.2 that could have broken this?
Dean Edwards: Callbacks vs Events
<a href="http://deanedwards.me.uk/weblog/2009/03/callbacks-vs-events/">http://deanedwards.me.uk/weblog/2009/03/callbacks-vs-events/</a><div> </div><div>Maybe good feature to add in 1.4?</div><div> </div><div> Best regards,<div> Chi Cheng</div><div>--</div><div> <div>jQuery UI</div><div><a href="http://jqueryui.com/" target="_blank">http://jqueryui.com/</a></div></div> </div>
Extensibility: Extending init selectors to support application objects
I'm working on a patch to jQuery to make it so that initialization can support application specific objects through extensibility. The use case is in applications where you have your own meaning for certain parts of the system. For example, a Widget system. Your app has a class "Widget" and you use these Widget objects a lot. The case here is that you want $(widgetObject) to know how to extract the node for the Widget object so that jQuery can manipulate it. Currently I'm using jQuery.fn.init.callbacks
$.param executes functions
When upgrading from jQuery 1.2.3 to 1.3.2 I noticed that $.param have started to throw errors. The reason is that $.param has started to execute functions instead of converting them to an URI encoded String: jQuery.isFunction(a[j]) ? a[j]() : a[j] One of the objects I'm converting has a few helper methods that requires arguments. They fail since $.param executes them without arguments. To reproduce the error: $j.param({crash:function(obj){ var t = obj.prop }}); Should it be an option to disable/enable
.unbind(func);
When I wrote my framework at work with a .bind method similar to jQuery I actually ended up adding another simple way to call it thinking jQuery supported it. $(node).unbind(); // everything $(node).unbind('type'); // all events of type $(node).unbind('type', func); // just the func event on type $(node).unbind(func); // func on all types; not supported by jQuery It's another useful call. I actually use it a fair bit at work since it's about as short as helper methods: function someClickEventFunc()
jQuery - Development Environments?
I'm wondering what kind of tricks and setups other people have when they are developing with jQuery. Be it writing some improvements to jQuery itself, or writing a plugin. I'm not really looking for those using jQuery in an application, cause that environment is normally just taking a few jQuery files and plugins and including that into your existing development environment. I'm trying to find out how people (plugin and core jQuery developers) normally handle their development environment for working
Set offset
Currently you can't set the offset of jquery by passing in an object with left and top values. Some people set left and top with $(el).css ({left:px, top:px}, but that will not work if el is inside an element with position relative, because the left and top will be relative to that parent instead of the window. I created a plugin that keeps the getting of the offset intact, but also adds the ability to set the offset relative to the window - regardless of the positioning of parents. I think this
Getting into jQuery internals development
I have been working with jQuery for just over a year now but have been following the project since December 2006. In my companie's redesign we are switching from Protoype to jQuery. I used to be moderately active in the Prototype development community by submitting tickets and answering dev questions. I saw John at SXSW last Saturday, and he suggested that I join this mailing list to start getting into the process. So, I figured I would introduce myself. My name is Howard Rauscher. I work for uShip.com
.animate({prop: 'show'}) to animate set size to natural size
At work I tried to animate something to grow horizontally then grow vertically. .hide().css({height: 5}) // Use a small initial height so the growing can be seen .animate({width: "show"}) .animate({height: "show"}); The second half of the animation of course does not work because show only animates a non-shown value to it's natural state. I do not believe there is a proper way (besides doing ugly manual calculations and basically duplicating some jQuery internal tricks outside of jQuery) to smootly
Shouldnt val(val) accept a simple string, number, or boolean for radios?
It will only work with an array as param. However a radio has only one value, unlike checkboxes. I dont really know if an array make sense as a parameter for radios, but single values surely do. Thanks! Simon
jQuery.props should have mapping for "colspan" -> "colSpan"
Internet Explorer does not accept the attribute "colspan" and instead requires "colSpan" with a capitol 'S'. jQuery.props already has a mapping for "rowspan" -> "rowSpan". Shouldn't a mapping for "colspan" -> "colSpan" be added as well? Thanks! Dave
Old json.js / Object.prototype compatibility problem, new fix for jquery-1.3.2
I've found an old thread talking about the compatibility issue with json.js and jquery : [ jQuery + Json library = broken jQuery ] http://groups.google.com/group/jquery-dev/browse_thread/thread/5aecf614042d5a20/5eacf4619d19a8a7?lnk=gst& q=json# Whenever json.js, which mess with Object.prototype, is included in a web page with jquery, two javascript errors are potentially awakened. As I think it is awful to workaround this problem by modifying all JSON related function calls or any other things that
unexpected eq() operator precedence result
If I have a grid composed of row and cell div element as follows: <div class="grid"> <div class="row"> <div class="cell"/> <div class="cell"/> <div class="cell"/> </div> <div class="row"> <div class="cell"/> <div class="cell"/> <div class="cell"/> </div> <div class="row"> <div class="cell"/> <div class="cell"/> <div class="cell"/> </div> </div> Assuming I have a 'grid' variable pointing to the top grid div, and I want
Update to jquery 1.3.2 from 1.3 : new problems with my code
Hi I don't know where to post my problem. So i try here too ^^ I've updated to the new version of Jquery 1.3.2 my code. (i used jquery 1.3). Since i've done that, my program is not working at all. I show you the problem : This instruction doesn't work anymore : $('td.entite'+(numEntite-1)+'.sortie>img[src=\'images/checked.png \']').each( function() { } ); Although, this works : $('td.'+idEntite+'.entree>img').each( function() { if ($(this).attr('src')=='images/checked.png') { } } ); If i use again
Support -moz-border-radius in IE6 and IE7
This plugin adds some support to IE for -moz-border-radius using VML http://gist.github.com/77516 weepy
accessing array of input element values
Hi <table cellspacing="0" cellpadding="0" border="0" id="playlistbuilder"> <tr > <td> text1</td> </tr> <tr> <td> text2</td> </tr> </table> For above Html I am able to access the td values(text1, text2) by following way, $('#playlistbuilder tr td').each( function(i) { obj["entry"+i] = $(this).text(); } ); Same way I want to access for following values of input elements of id addtracklist <ul id="addTracklist"> <input type="text" id="newPl0" readonly="readonly" value="text1" /
possible bug: 1.3.2 hide() acting odd in firefox 3
Hi all, I would like to say that I love jQuery, and really appreciate all the hard work that goes into it. The web owes you! I recently tried the 1.3.2 release and noticed that some hide() functionality seemed to change with this release. This was occurring in firefox 3 when hiding a div containing a div that has the float style on it. It starts to hide but will not hide completely, or doesn't hide at all. With the same code, including 1.3.1 instead of 1.3.2, it works as expected. It also works as
Problem with JQuery color picker plugin : newbie to JQuery
Hi, I'm a newbie in JQuery. I'm not able to run JQuery sample code in my java application. I'm trying to use a Color Picker - jQuery plugin. I've followed the steps mentioned in the following URL http://www.eyecon.ro/colorpicker/#implement but still it is displaying error message, 'JQuery is not defined'. I've downloaded , http://code.jquery.com/nightlies/jquery-nightly.build.zip , the following file, and placed in /opt/JQuery, and used make to build JQuery. I've set the path of all the js files
Sporadic failure in setting top and left properties in Safari
Hi I've a page with an absolutely positioned div containing a few dozen absolutely positioned divs. The positioning is performed by $(document).ready(). The positioning code looks something like: var positionCharacter = function ($character) { $character.css("display", "block"); $character.css("top", ratingToY($character)); $character.css("left", relPosToX($character)); }; Maybe one time in 100, the character positions are wrong in Safari 3 (OS X). They're aligned in a vertical line in the center
Develop Ajax apps 100% faster - thanks to jQuery & Raxan PDI
Hello Everyone, I would like to take the time out to thank the developers of the jQuery project. This little library has been an inspiration and my personal favorite to the extent that I've created a PHP framework that integrates very well with the library. I've recently release a new version of the Raxan Framework which includes a Programmable Document Interface (PDI) extension. PDI is an Open Source PHP application framework that's design to take advantage of modern web application technologies.
VML + IE + jQuery 1.3.2 has me confused
Hello - I'm working on a project where we use excanvas to draw charts on our site in IE. We came across a bug where I had a selector of the type ".classname :button.otherclassname". That was causing an error to be thrown in IE7 from the preFilter.CLASS function in sizzle. I removed the ":button" text from my selector and the error went away. I have been trying to recreate this in a simple test case but I haven't been able to recreate it exactly yet. I found this reported issue: http://dev.jquery.com/ticket/4016
Odd error in IE 7 with $.each
$.each(document.styleSheets... fails with the error: Line: 692 Character: 11 Code: 0 Error Message: Invalid procedure call or argument The simplest page with the error is: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/ libs/jquery/1.3.2/jquery.js" ></script> <script> $.each (document.styleSheets, function(){}); </script> (making the markup valid and adding a DOCTYPE don't help). A regular for loop works fine. It seems the problem is the object[++i] at the end of the loop; instead
$.jsonp()
<div>Hi all,</div><div> </div>Just a note to let you know I finally released my jsonp plugin for jquery.<div> </div><div>It's located here: <a href="http://code.google.com/p/jquery-jsonp/">http://code.google.com/p/jquery-jsonp/</a></div> <div>API documentation can be found here: <a href="http://code.google.com/p/jquery-jsonp/wiki/APIDocumentation">http://code.google.com/p/jquery-jsonp/wiki/APIDocumentation</a></div><div>and some "tips" are described here: <a href="http://code.google.com/p/jquery-jsonp/wiki/TipsAndTricks">http://code.google.com/p/jquery-jsonp/wiki/TipsAndTricks</a></div>
Detect <cr> using jQuery
I am sure this is a simple question, however, my research and limited jQuery experience can't quite get to the solution. Simply put, I have a vb.net app that has a couple of buttons....Submit..Clear...Exit... If the user hits <cr> I do not get the desired result. I need to 'detect' a <cr> in lieu of a mouse-click. Sorry to be so elementary, but sometimes the simple is the most elusive. Thanks in advance Chico Diaz IT Internal Systems chico.diaz@boeing.com
Iframe and jQuery
This has been asked a million times before probably, but is there any way to trap events in the iframe window and pass the events to the parent window, not bothering about the URL of the SRC of the iframe? Any help would be appriciated. Thanks a ton!
Odd syntax bug when making a new checkbox element
So today I was creating a checkbox element in jQuery when I noticed that I had a typo in my code.. I had declared the initial tags as: var checkbox = $('<input></input'); Totally forgetting to append the last '>' symbol at the end of the closing tag. I was surprised to find that this hadn't thrown some kind of error or hadn't caused unwanted behavior in my checkbox when the page was rendered. when I corrected the problem though, something really odd happened. I ended up with the error below in Firebug
JQuery Selector Undocumented .. ?
I can't find this syntax documented in JQuery and I don't know what it means ? $('#<%=x.y%>').length Help will be appreciated.. . Thanks!
Hello World fails?
I am sory to say that the getting started with JQuery Hello World example doesn't work? When I click the link - IE7 brings up a file manager window of the directory containing the program source, Here is the exact copy of the html code .. What don't I know ? <html > <head> <title>Hello Page</title> <script type="text/javascript" src="jquery.js" > // we will add our javascript code here $(document).ready(function() { $("a").click(function() { alert("Hello world!"); }); }); </ script> </head> <body>
Get the Specific Row from a Table.
Hi All, I am new to jquery framework, I have a problem related to jquery, Please some one help me out. I have a table and inside a table I have some rows, Table have a specific ID and TR also have an ID. I have to find a TR with specified ID, and all its TD child. For Eg. <table id='table1'> <tr id='row1'> <td>1</td> <td>2</td> <td>3</td> </tr> <tr id='row2'> <td>1</td> <td>2</td> <td>3</td> </tr> </table> I have to find the TR with ID = row1 in table with ID=table1. Can any one please let me know
Anyone going to SXSW?
Any other jQuery folks going to SXSW? I'll be there 'til Tuesday. -- dz
Google Summer of Code
Hey there - I was wondering if there is a plan to submit anything for jQuery to Google Summer of Code (http://code.google.com/soc/). I think the time frame to submit applications starts on March 9, and lasts till March 13 I believe. Just wondering. Thanks.
$(window).height() issues in 1.3.x
Found a couple of issues with $(window).height() reporting incorrect values in Safari 3.0.x and Opera 9.2x. Test page: http://www.ericmmartin.com/code/jquery/opera/ Created tickets: http://dev.jquery.com/ticket/4335 http://dev.jquery.com/ticket/4336
nested :not inside :has doesn't work in Firefox 3 and Safari 4 (jQuery 1.3.2) ...worked in jQuery 1.2.6
Hi all, I have this selector: $("div:has(.help:not(.fixed))") looking for the first <div> only: <div> ... <p class="help">Help ... </div> <div> ... <p class="help fixed">Help Fixed ... </div> It worked just fine in every supported browser until I switched to jQuery 1.3.2. Now it works in almost every browser but Firefox 3 and Safari 4. Should I raise a ticket? Test case here: http://jsbin.com/ofeme Thanks. -- Bohdan
Create rounded corner for div
hi I am new to JQuery, i am trying to get a rounded corner for div, i had used the canvas rounded corner, but i find some issues with it. Is there any other js file which can give a rounded corner and also which take the styles i.e. background, border color, radius, etc for example: $("#testDiv").corners( radius: 5, border-color: red, background-color: blue, border size: 1 ) Appreciate ur help in advance. Regards Vikram.
jQuery 1.3.2 on Chrome Bug?
I've spent way too long on this, but I was convinced that it was a bug and I wanted to know if it was in my code, jQuery, or Google Chrome. I've managed to factor out all of "my code" and all that is left is this tiny little snippet which dies only on Google Chrome. Do I have some syntactical issue here or is this a legit bug? // jQuery 1.3.2 // Google Chrome v1.0.154.48 $(function() { try { var bugForm = $("<form><input /><input /></form>")[0]; var bugExpr = $("textarea,input",
1st array element $('input[value='+$(this).text()+']'
if I with the selector $('input[value='+$(this).text()+']') all the objects grab they match with the value and count them i got 3 results. i want to remove the first object in the array from the DOM, i tried already some different thins like: $('input[value='+$(this).text()+']')[0].remove(); ($('input[value='+$(this).text()+']')[0]).remove(); ($('input[value='+$(this).text()+']'))[0].remove(); ($(('input[value='+$(this).text()+']'))[0]).remove(); (($('input[value='+$(this).text()+']'))[0]).remove();
The ~ selector broken in 1.3.2 but works in nightly and 1.3.1
Hi! Have been using your library for ages, it is awesome, thank you! Recently found some issues, that seems to be related to previousSibling ( "~" ) selector Can you point me to a place, where it is broken, since i afraid of using nightly builds in product Sample markup: <html> <head> <!-- 1.3.2. looks like broken --> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/ libs/jquery/1.3.2/jquery.min.js"></script> <!-- Nightly. works --> <!-- <script type="text/javascript" src="http://code.jquery.com/nightlies/
jQuery 1.3.2 appendTo change breaks our code.
I just tried to upgrade to 1.3.2 and have a major issue with the appendTo change. One paradigm we use is adding functions (and properties) onto jquery objects with jquery extend. The jquery object is often returned from a function and then appended into the DOM. For example, our buttons are created and then returned with methods attached that are useful for enabling, disabling, setting commands, etc. var button = makeNewButton().addClass('TestButton').appendTo(parent); Later we might want to disable
Next Page