jQuery.cache growing
After a page is loaded jQuery.cache is this : /* { "1": { "events" : {"unload":{}, "load":{} } }, "2": { } } */ After: $("#toolbar").data("A","B"); jQuery.cache becomes : /* {"1":{"events":{"unload":{},"load":{}}},"2":{},"3":{"A":"B"},"4": {},"5":{},"6":{},"7":{},"8":{}} */ Caches 2,4,5,6,7,8 are created too. Is this a feature or a bug ;o) ? -- DBJ
using ?id= with $.ajax
I am trying to convert my site http://ultimate-battle-online.com into a web App and so far I have: <script type="text/javascript"> $(document).ready(function(){ $('#main_content').load('cityhall.php'); $('#loading').hide(); $('a').click(function() { $("#main_content").slideUp(); var replacement = $(this).attr("title"); var content_show = $(this).attr("id"); $.ajax({ method: "get", url: replacement, data: content_show,
Adding Click Function to a DT tag in IE7 doesn't apply to last element.
I have a definition list on my page with a few pairs of DT and DD tags in it. I am adding a click function to the DT tag which i've verified as working in FF3 but when I use it in IE7, the last DT element does not receive the click function. Is there anything wrong with this code? $(document).ready(function () { //Toggle Faq Answers $(".faqList dd").hide(); $(".faqList dt").add("dd").append("<span class=\"hr\"></span>").end ().click(function(){ $(".faqList dt.isopen").removeClass("isopen").find("span").toggle
What does this error message mean?
In my HTML, I have the following snippet: <li class='cityVillage'><input type='checkbox' name='area' value='Allston' id='city2'><strong>Allston<span class='citycount'> (56) </span></strong><span class='expandVillages'>+ / -</span></li><ul class='CityMultiple'>...</ul> (This is all on one line in the actual application -- it comes from code generated by a PHP program.) and in my JS, I also have the following: $("* .expandVillages").mousedown(function () { $(this).parent().next().toggle();
selector on elements like id="name[2]"
Hi all, Not sure if this is even relevant to the development side of the group. I've noticed if i have something such as: <input type="text" name="firstname[1]" id="firstname[1]" /> <input type="text" name="firstname[2]" id="firstname[2]" /> And then i use a selector such as $("#firstname[2]") then nothing is returned; In fact even document.getElementsById('firstname[2]') will return nothing. I'm not sure if it's being turned into an array internally or if i'm misinterpreting how getElementById works
namespace + tag name selection
If I do this : $("head").prepend("<dbj:root xmlns=dbj:'dbj.org.schema' ></ dbj:root>") how do I then select dbj:root by tag name ? A: $("dbj:root") B: $("dbj\:root") C: $("root") Any idea anyone ?
$.ajax() will null data property in config object results in missing Content-Length header in FF3
Just experienced this in Firefox 3, not sure whether it is desired behavior, but discussed it with a fellow dev and we think it is not. I had an ajax request as follows: var myData = null; $.ajax({ 'url' : 'foo.php', 'data' : myData, 'type' : 'POST', 'dataType' : 'json', 'success' : function(j) { // whatever } }); Client was reporting a 411 HTTP response code on the request -- their proxy was expecting a Content-Length header on the request, and wasn't getting one. This also occurred if myData was
Fadeout bug in 1.3.2
Hi I've got a problem where fadeOut does not work with 1.3.2 If I revert to 1.3 or 1.3.1 - it fades out fine. Element is aboslutely positioned with child elements that are also absolutely positioned. Test case is here : http://jsbin.com/ijenu Ta weepy
extracting one class out of a few
Hi, I am still working on my plugin that this group helped me debug in the past and I have an other issue, which can probably ressolve quickly but i don't know how to attack the problem. Basically my script uses the HTML class attribute in order to set widgets, effects and plugins as well as passing through options (if any) for the set widgets, effects and plugins. I got it all working now, added event support, delay support, effects support ect... Anyway the issue is not there, everything works
Question about a possible plugin design pattern?
First, some background: I am one of the lead contributors to the Movable Type Open Source project and am currently engaged in writing a jquery plugin that would be used on all of the blogs the platform publishes. So far I have successfully written a surprisingly complex plugin that works like this: $('#greeting').greet( options ); Which would convert: <div id="greeting"></div> Into a message that would look like this: Welcome Byrne! (edit profile | logout) You get the idea. The options I need to
Regarding jquery.load function
Hi All, I am using the jQuery.load function to load my html page. My url is "/epp/jsps/homePageFragments/companyAddress.jsp?promotionFilter=1st Jan 2008 - 1st Jul 2008" But when i see in the browser the url which I am getting is "/epp/jsps/homePageFragments/companyAddress.jsp?promotionFilter=1. Thanks for Help Neerav Shah
XMLHttpRequest useful articles
<html> <head> <style> .hmmessage P { margin:0px; padding:0px } body.hmmessage { font-size: 10pt; font-family:Verdana } </style> </head> <body class='hmmessage'> Hello, jQuery AJAX Developers! I've recently found an article that widely covers current cross-browser usage of XMLHttpRequest and analogs, so it may come very handy: http://www.ilinsky.com/articles/XMLHttpRequest/ The article links to http://code.google.com/p/xmlhttprequest/ where the source code resides. Does jQuery implement the same logic
jQuery.param() improvement
// Serialize an array of form elements or a set of // key/values into a query string param: function( a ) { // code here } Does not check if argument is an empty atring. To improve the robustness one could write : param: function ( a ) { if ( a === "" ) return "" ; // code here } My assumption is this wont introduce some new issues for the callers of this internal method. -- DBJ
after method does not invoke button click
Hi, I have implemented the following code: $(lastElement).after('<button type="button" id="1122">Uninvite</ button>'); $("button").click(function() { var id = $(this).attr('id'); console.log("this id " + id); } I see the button being displayed on the page but the problem occurs when I click the Uninvite button as it is not invoking the click function. Does anybody know what I am doing wrong or can give me any pointers to resolve this issue? Best Regards, ShuttlesWorth
getJSON call is not going in the call back function
Hi All, I have the this getJSON function:- $.getJSON("url", {onlyShow:selectedPromotion,orderBy:selectedSortType},function(json) {alert('json data'+json.data); }); but when i call this function it is able to get the JSON data but when put any alert in the callback function the alert is not popping up. Any Idea ? Thanks for Help
Firefox 3, Chrome issue with table and css(name,value)
I am having problems using something as simple as: $(".filterable tr:odd").css("background-color", "white"); <table class="filterable"> It works in IE7, but not Firefox 3.0.8 or Chrome (latest stable). I'm using jQuery 1.3.2. One thing to note is that "filterable" is not defined in any css stylesheets. Could the issue be I'm only defining filterable in my jQuery and not in CSS? Would that be considered an invalid XHTML issue?
Plugin local variables
Hi, i'm tring to reproduce a library of mine from Prototype to JQuery. It's a script to animate images in a container with a few effects... but I'm having some troubles with plugin local variables. The thing is that is working only when there is one container, with more than one the variables are mixed specially the timeout. That doesn't happen with Prototype because it uses OO pattern which makes things a lot easier. Here is my code: http://dpaste.com/32327/ I've spent the last two days trying to
persistent select through pages in data grids
Hi, I am evaluating various javascript based datagrid that i can use in my application. I want to know if its is possible that row selection persists across the page change. e.g. I select row 2,5,7 on page 1 and then i change to page 2 and select 20,25. I go back to page one ... will i get 2,5,7 pre selected ? OR is scroll pagination possible . by scroll pagination i mean AJAX loads more data when i have scrolled to last row. kind of auto pagination Thanks & Regards, saurabh
Dimensions methods return 0 if a parent has display: none
http://dev.jquery.com/ticket/4500 I think we've discussed this a few times before and it was going to be expensive to run all the way up the tree to make elements visible in order to determine the dimensions. If that's still the consensus I'll close this as wontfix and update the documentation. Right now the docs say the methods work on hidden elements, but that only applies when the element itself is hidden, not when parents are hidden.
jQuery doesn't support dimensions-related methods when the body is positioned
Greetings, fellow developers! First of all, I would like to thank you guys for putting in so much time and effort on this amazing framework. This will be basically a repost of another email I sent to jquery ui, along with a ticket filled on their bug tracking system, regarding to the behaviour of one of the widgets in the presence of a positioned body element. I filled <a href="http://dev.jqueryui.com/ticket/4438" target="_blank">Ticket #4438</a>, about a bug in the position of the helper in the
Context Menu IE8
Hi everyone I am pretty new to Jquery so forgive me :) I have got the context menu working in firefox and IE, safari and chrome but in IE8 the default menu keeps poping up over mine. Does anyone know how to figure this out? Any pointer are appreciated cheers Mich
FYI: something new in Ext Core
.radioClass Add class in one element and remove that same class if it exists from all of its siblings in one call.<div> .getColor Gets a normalized (6 digit hex) color value for the passed in property, accepts a default value if the property is not set and a prefix (# is the default). (Does jQuery normalize color value via .css? I miss it?)<div> .findParent('div', 4); <div>// looks up 4 parent nodes<div> .clip Store the current overflow setting and clip overflow on the element - use unclip to remove
Potential Bug with next()
I sent this to the wrong group earlier, sorry for what appears to be a double post. Please see the sample code below. Running it in FF and checking the console should give you the error I am seeing. I know the code is pretty weird - it is simply an experiment. But when I warp a retrieved Comment node (using contents) and do .next() it seems to skip the actual sibling it should get. Is this a bug? <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script>
Conflict between 2 jquery components
Hello, I'm using CM Joomla 1.5 and I just installed the component Frontpage SlideShow 2 which comes with the options to run it with mootools or jquery. However, I don't get it work neither using mootools nor jquery. Though the component works with jquery it conflicts with my jquery- based fisheye-menu above. I don't know how to solve this. I heard of somehting like jquery no.conflict mode or something like this, but I don't know how to apply this, escpecially because the jquery.js of the broken menu
IE7 pseudo leaks
This was supposively fixed in change Rev [2011], but both this rev and the nightly Rev give pseudo leaks (memory usage always goes up). I was able to get a stable "InUse" DOM elements within sIEve by using the discardElement method (see http://www.outofhanwell.com/ieleak/index.php?title=Fixing_Leaks), but the memory usage continues to climb regardless. Here is the link with the sample I'm testing against: http://dev.jquery.com/ticket/1233
Bug: Wrong selector-property and live with another context in jquery-nightly
hello, i saw that you will add a new (and very nice) feature with jquery 1.3.3 (http://dev.jquery.com/changeset/6287). I found two bugs, that should be fixed, to get this thing work properly: 1. the context-property is not taken into account in the closest- operation: you could add an optional parameter (default: document) to the closest- method, that is used as a breaking contidion for example.: while(cur && cur.ownerDocument && cur != parentOfContext). although this is a new feature for the closest-
Jquery Conflict
Hello, I'm using CM Joomla 1.5 and I just installed the component Frontpage SlideShow 2 which comes with the options to run it with mootools or jquery. However, I don't get it work neither using mootools nor jquery. Though the component works with jquery it conflicts with my jquery- based fisheye-menu above. I don't know how to solve this. I heard of somehting like jquery no.conflict mode or something like this, but I don't know how to apply this, escpecially because the jquery.js of the broken menu
Unload Garbage Collection Patch 1.3.2
ISSUE: Garbage cleanup is assigned to an anonymous function. Sometimes onunload is used by other logic that may need jQuery to perform certain tasks. The ability to unbind/bind the garbage collection routine is handy to bump execution order. SUGGESTED SOLUTION: Assign garbage collection routine to a named closure. PATCH FILE: 3106,3111c3106,3111 < jQuery( window ).bind( 'unload', function(){ < for ( var id in jQuery.cache ) < // Skip the window < if ( id != 1 && jQuery.cache[
Bug: QUnit initialisation fails in Firefox with application/xhtml+xml
Hi, Using QUnit (testrunner.js 6173 2009-02-02 20:09:32Z jeresig) on Firefox in an XHTML document served with ContentType: application/xhtml +xml, initialisation fails at line 264 due to a missing " /": $('<input type="checkbox" id="filter-missing">')... // rest of line snipped for brevity Changing this to $('<input type="checkbox" id="filter-missing" />')... resolves the issue. Note that another checkbox has previously been created in similar manner at line 261, but this already has the required
Chrome Uncaught SyntaxError
I've been breaking my head on this problem for a while, but I can't find the cause of this error in Google Chrome. So now I turn to the jQuery dev list in the hope that someone here has encountered this problem too (and perhaps knows a solution). The full error I get from Chrome is: 'Uncaught SyntaxError: Unexpected token native'. The error was in some jQuery plugin, but it seems to be on the line with a fixed amount of bytes/words from the start of the file. The code at the error is valid, and when
Centering on the viewport
Hi all,<div> </div><div>I'm in the process of migrating a site from 1.2.7 to 1.3.2.</div><div> </div><div>So far, I just ran into a bug in webkit browsers that forced me to rewrite "expr1, expr2, ... exprN" selectors into loops (I suppose you're aware of this one).</div> <div>I also have trouble with attaching event handlers to dynamically created elements, but I guess it's all a question of timing (and probably the correct spot to look into $.live() ).</div><div> </div><div>Anyway, I had some simple
IE6 death bug
Trying to do manipulate an element from within it can cause an error in IE6. So this WONT work in IE6 <!DOCTYPE html> <script src="jquery.js"></script> <div> foo <script> $('div').append('bar'); </script> </div> ... but will in IE7 and 8. So 7 and 8 look more forgiving, but unlike other major browsers if you try to manipulate the body before it's closed, that won't work either. So this won't work in any version of IE: <!DOCTYPE html> <script src="jquery.js"></script> <body> foo <script> $(document.body).append('bar');
$('#inputElement').text() returns empty string and a solution for it
Dear jQuerians, I have learned about jQuery a couple of days and now I am using it all over my code ;-). I have a problem and a solution. Then I use $('#inputElement').text() to get the value of an input element, I receive an empty string. It turns out it is because: 1) the text function is extracting the text only from the children nodes. 2) .nodeValue is used to get the content of the DOM node that in case of INPUT element returns an empty string. The solution I am proposing is to here http://paste.pocoo.org/show/111208/
Pages stay blank with 1.3.1 being a userjs on Opera
Got no replies at the General Discussion so I'm posting here: I have been writing a user-script(userjs) with jQuery recently, the way I integrate jQuery is to copy the minified code into the user- script. It had been working fine until I updated jQuery to 1.3, while on other browsers(FF3, Chrome, etc) they still work with no problems, on Opera 9.63 the page stops loading and stays blank. To test simply copy jquery-1.3.1.js into the userjs folder and go to any websites. With v1.2.6 no such problem
Problem whit resize
hi, i'm italian developer, i use jquery to yesterday, :) ...i have try to write my function to resize a div some a windows whit a varible difference to height of header, footer and more.. the script is this : function RidimenzionaDivContent() { var header = 50; var footer = 37; var spacing = 92; var WinSize = $(document).height(); var divSize = (WinSize - (header + footer + spacing)); var Hstr = "" + divSize + "px"; $("#content").animate({ height: Hstr }); }; var resizeTimer = null; $(window).bind('resize',
Just a curiosity about XML
Maybe you already know what I am going to write here, if not, I hope it is a useful info. In Internet Explorer to know if a node, a generic one, is XML, root and XML document included, is simple as is this operation: // let say node is an XML node try { node[expando] = null; var isXMLNode = false; delete node[expando]; } catch(e) { var isXMLNode = true; }; that's it, in IE it is not possible to assign properties as is for xHTML, which kinda means that to associate an XML node to another
Sizzle unique+sort properties showing up in .innerHTML
Seems like Sizzle isn't cleaning up after itself in IE. After a few round-trips, I'm seeing a lot of this in an Element that has it's `.innerHTML` edited and then posted to a server: <table width="100%" cellspacing="0" done2="4" done4="4" done5="4" done3="4" sizset="4" sizcache="4" summary=""> <tbody done2="4" done4="4" done5="4" done3="4" sizset="4" sizcache="4"> <tr class="alt" done2="4" done4="4" done5="4" done3="4" sizset="4" sizcache="4"> <td done2="4" done4="4" done5="4" done3="4" sizset="4"
error
hello everybody! i'm new to jquery and developing a web application for office correspondence. i have a problem with regards to this code. it seems to run fine but firefox's firebug displays an error. can anybody please help me with this? The Code: <link rel="stylesheet" type="text/css" href="/wbcs_public/css/ mainpage.css"/> <link rel="stylesheet" type="text/css" href="/wbcs_public/css/ menutabs1.css"/> <script type="text/javascript"> $(document).ready(function(){ $('#hideheader').click(function(){
Unit testing with network requests
Hi all,<div> </div><div>I'm turning to you once more for a problem I think you can help me with.</div><div> </div><div>So far, for my jsonp plugin (for those who don't know of it: <a href="http://code.google.com/p/jquery-jsonp/">http://code.google.com/p/jquery-jsonp/</a>), I just made a simple test page using the YouTube data API. I have the plugin working in production so I know it's solid but, unfortunately, the site I use it on doesn't cover the whole feature set.</div> <div> </div><div>So, I'd
bug report: animate width not working properly on Webkit? (1.3.2 vs. 1.2.6/1.3.1)
Hi again, this bug seems to affect just Webkit (Safari/Chrome) browsers. The thing have been working fine with jQuery 1.2.6 to jQuery 1.3.1 It begun to fail with jQuery 1.3.2. == Testing environment == - Working version (jQuery 1.2.6/1.3.1): http://test.rudysmusic.com/electric-guitars/pre-owned/?jquery=1.2.6 http://test.rudysmusic.com/electric-guitars/pre-owned/?jquery=1.3.1 - Failing version (jQuery 1.3.2): http://test.rudysmusic.com/electric-guitars/pre-owned/?jquery=1.3.2 == Expected behavior
Next Page