appendTo loses checked state on IE
I working on a jQuery UI dialog box that contains a few checkboxes in an ASP.Net application that needs all of its contents inside the form required by the ASP.Net framework. Inside the dialog button handler I move the form elements back to the form before submitting it. Unfortunately, the checkboxes revert back to their initial (unchecked) state. This is only a problem for IE 6 (I don't have access to 7 or 8). Here's a reduced test case: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/
Prepend vs Before
Hi, I'm puzzled why this script works: $('.toggle').prepend('<a href="#" class="toggler">Collapse</a>').click (function() { alert('toggle'); }); But this one doesn't: $('.toggle').before('<a href="#" class="toggler">Collapse</a>').click (function() { alert('toggle'); }); I don't understand why! Thanks for looking.
Dynamic help baloon type feature
I am not even sure what is the right term for this kind of functionaly. If you go to http://www.netflix.com/BrowseGenres/New_Releases/gnr?lnktrk=GID_NR and take your mouse to the right most picture then a balloon appears on the left side of the picture. If you take your mouse to the left most picture then balloon appears to the right of the picture. I need to implement something similar for a caledar event so that on mouseover the event details appear at the right place. I am looking for an existing
more on JSONP
Still haven't had time to look more closely at what it'd take to implement script timeouts specifically in jquery. Another thing I've noticed is on a jsonp-style $.ajax call (in 1.2.1), the script tag never seems to get removed from head. Perhaps this is fixed in svn? (haven't had time to check). In case anyone else wants to dig on this before I have time to look into it, for my own project I've built a stand-alone function that only does jsonp and it seems to work well. It has a timeout callback
qunit test executes multiple times
This test is the eighth test in the suite and it gets executed 8 times. Any idea why? test("should retreive details data",function(){ buildGrid(); $.getJSON = function(data){ ok(true,"requested details data"); start(); } $(tbl + " tbody tr:first").mouseup(); }); thanks, John
Drag/Drop problem jQuery 1.3 and jQuery 1.3.2 + jQueryUI 1.7
Hi, I'm using jQuery and drag/drop from UI a lot in one of my application. It works all very well.. thank you jQuery team!!! Since 1.3 I've got a problem with drag/drop feature, IE7 and jQuery 1.3 though The problem is, it's ok to drag and drop the object the first time after page load, but the second time, i've got an "unspecified error" (on IE6/7 only) I've done some debug with Visual Studio and found that the problem is located around the 4176th line (in the jQuery 1.3 and also in the 1.3.2 file)
$.ajax() + async: false + jsonp
I'm trying to call a url with async: false but I always receive an exception. This problem happen with both release 1.2.6 and 1.3.2. Here is the snippet: var html = $.ajax({ url: 'http://ajax.googleapis.com/ajax/services/ search/web?q=testquery&start=0&v=1.0&rsz=large', dataType: "jsonp", async: false, success: function(data, textStatus) { } }).responseText; responseText always throw a null or not an object exception. any help?
Modal Dialog Example on UI
Just a quick note to whomever. After I click around a couple of the examples on the modal dialog page, I start getting double dialogs (FF3 Mac). http://jqueryui.com/demos/dialog/#modal-confirmation Click around a couple examples, then click back to modal confirmation. I have to X out twice to make it go away. Best, Bob
ajaxStart() question / suggestion
Hello, I'm trying to set a function that should be triggered on all ajax start events. Therefore i thought i should use $.ajaxStart(myFunc); What my function should do is overlay the specific DOM element that will receive the new content with a throbber, "please wait" div, typically the element against which load() is called. yet i can't find a way to get it from inside the function. Suggestion: shouldn't the target element be stored in the ajax object ? I've posted on hte general jquery for answers
1.3.2 and Firebug
Why is it that Firebug reports jQuery objects as simple arrays in 1.3.2? 1.2.6 always returned me the actual jQuery object. Is this a bug (i'm on Firefox 3.0.7) or is it supposed to be this way? How can I inspect the actual object? - ricardo
iPhone+jQuery strangeness, jQuery loses touch with the DOM?
Hello, I'm having a strange issue using jQuery on UIWebComponent on the iPhone - at some point jQuery becomes unable to add content to the DOM, while regular DOM methods (document.getElementById ('something').appendChild(x) ) continue to work. I've posted details on stackoverflow, and I'll describe them below. I'm hoping someone here can point me in the right direction: http://stackoverflow.com/questions/591949/iphone-webkit-jquery-strangeness-cant-update-content I'm doing funky things with UIWebComponent,
4query -> jQuery Labs?
I've been thinking about my 4query offsite branch and the merits of something more tied to jQuery. A project more involved with jQuery definitely has the advantage of being much easier to keep compatibility and avoid the code differing to much. jQuery has strong policies on things being compatible with all browsers, and a number of other things wouldn't fit in jQuery itself right away. What about something like a jQuery Labs project. The project could work on experimental, and preemptive features.
.clone({event:false,data:true,removeID:true})
<div>Enhance .clone()</div><div> </div>$(id)<span class="Apple-style-span" style="border-collapse: collapse; white-space: pre; -webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; ">.clone({</span><div> <span class="Apple-style-span" style="border-collapse: collapse; white-space: pre; -webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; "> event:false, //do not clone events</span></div><div><span class="Apple-style-span" style="border-collapse: collapse;
jquery animate to % relative position
Hi, I am currently working on a site where we are implementing a fluid layout with the heavy use of percentages so it works over multiple resolutions. As part of the site we wish to animate objects coming onto the screen and ending in a certain position. We have the CSS for the objects final positions with various 'top' values, e.g. the first object has: "top: -25.5%" and we wish to animate that div from below the screen (in our case this can be a start point of: top:0% due to its relativity) and
Bug: .css(name); output is inconsistent for combined properties like margin and padding
I just did a little check after noticing something while developing. But .css('margin'); and .css('padding'); are fairly inconsistent, could be considered buggy even. Issue is present in both 1.3.2 and 1.2.6 Test case uploaded to: http://test.4query.org/combined-css/ I've tested in Firefox3, Midori (WebKit browser), and Opera 9.64, test case output for them: Firefox: http://test.4query.org/combined-css/firefox.html Midori: http://test.4query.org/combined-css/midori.txt Opera: http://test.4query.org/combined-css/opera.txt
Test external css is applied to current document.
Is there’s a CSSApplied event that I can listen to if my javascript code relies on CSS properties? For example: In an external css file I define a css class: .test { width:100px; height: 100px; } Then in html document I have an element <div class="test">test</div>. Later also in this document I try to get the dimension of the the div element. But if the css is not applied, I got a dimension other than 100X100px. Wonder is there any way to detect all css classes is applied? Thanks.
4query project, report and more details
I've mentioned my little fork project on the list a few times before, I've finally written a bit of a report on the goals in the project. I think it's probably missing some stuff, but it definitely explains a bit more. I never really noted how the project relates to the project at work, and there are more improvements and rationales to detail. But for now it's a good start. http://code.google.com/p/js4query/wiki/Report I'd appreciate it being looked over and commended on, especially by John since
$( $(el)[x] ) is faster than $(el).eq(x)
Creating two jQuery objects + a lookup $( $(...)[x] ) is faster than a simple $(...).eq(x). That doesn't make much sense. Currently the eq function looks like this: eq: function( i ) { return this.slice( i, +i + 1 ); }, Are there any downsides to changing it to this (object unique IDs, chaining)? eq: function( i ) { return jQuery(this[i]); }, That offers a 25% to 40% speed improvement across all browsers. http://jquery.nodnod.net/cases/177 cheers, - ricardo
(Ticket #3808) ajax: $().load() fails 404 if there is a hash in the url
For kicks, I've been looking into the causes behind the problem this ticket poses. I've managed to duplicate the error in the test script that the ticket poster provided (http://pixeline.be/experiments/ jquerybeta/test2.html). Essentially, the problem is that Ajax GET requests (haven't tried with POST) to a URL which happens to include an anchor ('#') consistently fail with HTTP 404 status errors (Document Not Found) in Internet Explorer (tested with 7.0.5730.13), while these same requests are processed
resizable in v 1.6rc6 not working in firefox?
This is working ok in ie8 but not resizing in firefox: with jquery-1.2.6.js and jquery-ui-personalized-1.5.3.js both ok <!DOCTYPE html> <html> <head> <!-- works ok in ie8 but no resizing in firefox --> <link rel= stylesheet type="text/css" media="screen" href="n:\apps \JQuery\v1.6\theme\ui.all.css"> <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="jquery-ui- personalized-1.6rc6.min.js" ></script>
Fix for #3552 (wrapInner won't work on empty elements)
Hi Just announcing my "patch" for the bug here. I attached the diff for core.js to the Trac ticket. Maybe someone can review it... It's my first one :-P http://dev.jquery.com/ticket/3552 thanks /marc
jQTouch, a new iPhone Javascript library in jQuery
Hi all, Just wanted to let everyone know about a new project of mine, jQTouch (www.jqtouch.com) which is a jQuery-based port of iUI. It is still in its infant stages, but already has most of the functionality of iUI, with native, hardware-accelerated, transitions used instead of Javascript based. We have a lot of plans for the library, including custom events around orientation changes and swipe detection, theming, and additional page transitions like 3D page flip, slide up, and slide down. There
appending tbody much quicker then appending <tr>s without
Given: var newTr = ''; for (var a = 0; a < 1000; a++) { newTr += ('<tr>test</tr>'); } This: $('#testTable').append(newTr); is about 6 times slower (in Firefox 3.06 with jQuery 1.3.2) then: $('#testTable').append('<tbody>' + newTr + '</tbody>'); I'm not sure if anything can be done about this, given that forcing a tbody into tables without them doesn't seem like something one would want to do in the append code, but thought I would point out a potential area for speed increase. Thanks, Josh Powell
1.3.x isXMLDoc() says XHTML+XML is XML -- right?
Re this ticket: http://dev.jquery.com/ticket/4283 Version 1.3.x now detect documents served as XHTML+XML to be XML documents. This means the attributes-are-sometimes-properties magic doesn't happen in jQuery.attr. So, $("#check").attr("checked", true); sets an attribute named "checked" on #check but does not set the checked property/expando.
css method on span reports block (1.3.2)?
Posting a link to this thread here for possible bug in 1.3.2? http://groups.google.com/group/jquery-en/browse_thread/thread/b1e5b33e5dba1357#
data object not included in clone?
Another post to a possible bug (unless it is intended, if so, there should be a method to retrieve all data objects for manually cloning). http://groups.google.com/group/jquery-en/browse_thread/thread/afda31af6bafdbf2#
Removing an text input's value right before submit event
Hi, I have ASP.net control and i want to remove its value (if it has a specified value) before submit event so server will recognize it as a empty textbox. normally it behaves like watermark textbox. because of that it also sends the watermark value if no text written. what should i do? Thanks, Deniz
Suggest adding $.url for URL.params
I am working on a project and need URL param-parsing, as I usually do. But this time I decided to try something new - based on ColdFusion syntax that I have used for ages. ColdFusion creates a system-level hash structure named "URL" that contains all the URL params. This is very convenient, so I created a jQuery extension to do the same thing. It creates and populates a "$.url" hash on-load. This is a static var similar to $.browser. The $.url object does the *opposite* of the $.serialize method:
The ":visible" pseudo selctor on longer looks for the css attr visiblity????
Was this done on purpose? if i have a ul, and say an li with the class of test and i give it a style of .test{visiblity:hidden; border: 1px soild balck;} and then try to select the other li's it using $('li:visible') it returns a the li.test in the array. If i remove the border rule from the css it returns the all the li's except li.test <ul> <li class="test">line</li> <li>test</li> <li>test</li> <li>test</li> </ul> Forgive me if this was coverd before.
after page load first $.get() is executed twice
Hi all, Recently I started using jQuery for real and I am now running in a problem where after the page load the $.get() is executed twice. I have this javascript function function request_ninja(A, B, C) { $.get('request.php', { 'A': A, 'B' : B, 'C' : C}, function(result) { alert(result); return false; }); return false; } That is called from an 'onclick' from a "<input type="button" onclick="request_ninja(1,2,3)" ... The first time after a page is loaded it is executed twice and after that just once
Ticket #4087 (1.3 regression due to documentFragment)
This looks like a difficult one to fix: http://dev.jquery.com/ticket/4087 In 1.3.x the selected nodes are moved out of the document before the insert operation is performed. That means any inserts that depend on the position of selected nodes won't work. Ideas?
Dimensions Speed Improvement
I provided a patch about 8 months ago to improve the performance of the core height and width and dimensions inner/outer[height/width] methods. http://groups.google.com/group/jquery-dev/browse_thread/thread/a4becc9a5cc34fea/ I put together a test page to help make my point... http://dev.helgeson.info/dimension/ I average the following results using FF3/XP... (percentages of the unpatched method time) height & width ~ 73% innerHeight & innerWidth ~ 44% outerHeight & outerWidth ~ 19% outerHeight( true
Strange behavior with Firefox 3.06
Firefox v3.0.6 Firebug v1.3.3 jQuery v1.3.1 Windows XP sp2 I've been troubleshooting a strange behavior with my script. While tracing through the code I came across the fix() for jQuery.event. The particular code in question: ----- if ( !event.target) event.target = event.srcElement || document; // Fixes #1925 where srcElement might not be defined either ----- I set a watch using Firebug on event.target and it is definitely set to a value prior to the conditional test. Also, watching on the ! (event.target)
Ticket #4017 (IE ActiveX issues)
This has been a busy ticket: http://dev.jquery.com/ticket/4017 I haven't see the problem myself, but you can tell by the activity that it's causing some issues for IE users/developers. Down the ticket a bit there's a proposed patch to add "text/plain" to the object tag, but one person reported back that it didn't solve the issue in IE6. Ideas?
Is it possible to get mouse position when the page has loaded without moving the mouse?
Hello. I ran into this problem today. I would like to know the mouse position when the page has loaded without the user having to move the mouse. I have tried just getting the xy-values but it returned undefined if I triggered on document load and 0 0 if I just trigger different mouse events when the page has loaded via firebug. Is it possible to get the values without moving the mouse and if so, how do I do it? Yours kindly, Marcus.
Binding to events in child iframe windows
Hello all, I'm having trouble binding events to the window of a child iframe: $("<iframe/>") .bind( "load", function() { $( this.contentWindow ).bind( function() { console.log( this == window ) // true, should be false }) .appendTo( document.body ) Basically, events bound to the window of a child frame end up being bound to the window in which jQuery is running. I think this might be because of the following section in jQuery.event.add: // For whatever reason, IE has trouble passing the window object
jquery-api-browser / memory leak
Hi there, I don't know if it's a jquery-api-browser or Adobe AIR bug, but there's a memory leak there, in Windows XP (haven't tried it at home, using Ubuntu). When you start jquery-api-browser, and the shut it down, the process is not killed, but put to sleep. When you restart it, it uses even more memory. The only apparent way to get the memory back is to kill the process. Any of you guys is close enough to the API browser to know at least where is the bug? Thanks!<br clear="all"> -- Diogo Baeder
QUnit proposed enhancement with wait()
I've started using QUnit and discovered that it's support for asynchronous tests really didn't meet my needs. After working with it for a while I figured out what I needed and implemented it as an extension to the existing testrunner.js: ok() does not take a function as an assertion, the fix to extend ok() to accept function callbacks is trivial. start() and stop() are non-blocking tests in the sense that assertions that after a stopped test will be run out of order. My use cases require that the
Image load event - some progress
I know there's been a few discussions centred around the image load event. This (previously suggested) workaround works fine for catching both new loads and cached images in the testing I have done: $('img').bind('load readystatechange', function(e) { if (this.complete || (this.readyState == 'complete' && e.type == 'readystatechange')) { ... do stuff ... } }) The problem is that binding a load event to the images isn't guaranteed to happen before the image itself has loaded. So we might not catch
jQuery.cache[ id ][ name ] and Firebug - (Break on All Errors)
This was mentioned in part in the previous post, and this is not about warnings - I can disregard warnings as they do not cause Firebug to stop processing the script. http://groups.google.com/group/jquery-dev/browse_thread/thread/ce38e460847d5066/a0363ea8d7bcbbf1?lnk=gst When "Break on All Errors" is enabled on Firebug - Firebug breaks on all undefined variables and other errors, it does not break on warnings. The problem is the following code (Line 1295) has a good chance of returning a undefined
Next Page