[Dumb] find() method normal behavior ?
Is it the normal behavior of the find() method to search the passed expression ONLY within child nodes of a wrapped set ? (which is not explicitly specified in the documentation: http://docs.jquery.com/Traversing/find#expr) <ol> <li id="one">One</li> <li id="two">Two</li> <li id="three">Three</li> </ol>
.clone(true) does not copy the event handlers
I created a simple plugin for creating a modal box. the problem is inspite of using .clone(true), i am not able to get the events bound with cloned elements Here is my plugin: $.fn.modal = function(options) { var defaults={ overlay : true, height : 500, width : 400, border : 0, borderColor : '#666', showClose : 1 }; var options = $.extend(defaults,options); return $(this).each(function()
new project - fluidIA - open source UI prototyping based on jQuery
Hello, A year ago, on a part time basis I started an open source user interface prototyping project - www.fluidIA.org. Recently this turned into a grad project. Seeing the powerful potential of jQuery, I've relied on this Javascript library to build this browser based application. The tool aims to empower interaction designers and developers to quickly generate wireframes/prototypes, and more so, allows for rapid refinement through object orientation and inheritance. Support for state based objects
Auto-Resize or Auto-Position Functionality with Draggable&Resizable divs?
Version: jQuery 1.3.2 I am dynamically creating draggable/resizable div elements (divInner [x]) and appending those to a draggable parent div (divOuter). What I would like is: 1. each divInner[x] to have its resizable borders auto shrunk to fit the text or image that is contained within it. 2. each divInner[x] to be auto positioned within divOuter such that divInner[1].top = 0, divInner[2].top = (divInner[1].top + divInner [1].height), etc. Currently I can get 1 XOR 2. I am instantiating each divInner
jQuery ajax, cant get crossdomain to work.
Hi, im working for a friend which uses jquery 1.2 we need to get some smiley's from an other domain. We use the following ajax code to get the smiley's: jQuery.ajax({ type: "GET", url: url_var, data: '', dataType: "jsonp", success: function(msg){ alert("d"+msg); } }); the page which it requests contains the following html: <div style='float:left;cursor:pointer; padding:10px;width:10px; height: 10px;' onclick="addToText('http://nl.pokernews.com/img/xsmiles/ smile1.gif');"><img src='http://nl.pokernews.com/img/xsmiles/
implementing <> in attribute filtering
Hey everyone, I today found out that you can use the attribute filter to filter for keys in generic objects, which is *way* cool. Check this out: $([ { foo: 1, bar: 0 }, { foo: 0, bar: 0 } ]).not("[foo=0]") => returns [{ foo: 1, bar: 0 }] This is insanely useful if working with JSON or in general big data sets, and the only piece missing right now is better comparison methods. So I'd like to see "[foo>5]" working, for instance. What do you think?<br clear="all"> -- Paul Bakaus UI Architect
Drag and Drop
Hi, I want to track an element[source] coordinates only when it is dragged in to a specific element[target]. The coordinates should be relative to the target element. Can this be done? Please advice. Thanks Gokul
[selectors] :visible and :hidden seems to be buggy
Hi all, I noticed today what seems to be a bug in :visible and :hidden (two bugs, actually). I don't know if it has already been reported yet, but here they are ! :) 1) bug with :visible This seems to work nicely in FF3, but it does not work in IE6 (test case : test it on TR elems) 2) bug with :hidden Willing to fix the :visible bad behaviour for IE6 at work, I decided to use :hidden instead. But it seems to bug in FF3 (and maybe elsewhere, I did not try) : even if elements are displayed, it considers
IE7 live() bug when event is bound to disabled element
Hi, There is a bug with jQuery 1.3.2 live() feature in IE7 when a live() click event is bound to an element that is disabled, the click event still fires when disabled element is clicked. FF3 does not suffer from this bug. Below a simple example showing the bug: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script> $(document).ready(function(){ $("button").live("click",
Allow access to animation properties of jQuery's shortcut animations
Hi, in order to simplify usage of my hoverFlow plugin, I'd like to have access to the animation properties object used by jQuery's shortcut animations like slideDown/slideUp. This can be done with only one additional statement: // Generate shortcuts for custom animations jQuery.each({ slideDown: genFx("show", 1), slideUp: genFx("hide", 1), slideToggle: genFx("toggle", 1), fadeIn: { opacity: "show" }, fadeOut: { opacity: "hide" } }, function( name, props ){ jQuery[ name ] =
Widget system
After some readings on the "A Modest Proposal: jQuery Enterprise" discussion at http://groups.google.com/group/jquery-dev/browse_frm/thread/1ec4dca6e02616d6#, it is clear that jQuery needs an own widget system that will expose an standard way to write widgets/plugins. This need is more evident on larger projects. JQuery UI implements an own. Some ideas: jQuery UI: http://jquery-ui.googlecode.com/svn/trunk/ui/ui.core.js John: http://dev.jquery.com/~john/plugins/widget/widget.js my try with inheritance:
height() reporting different value in IE for hidden element
I found this strange issue and wanted to see if 1) anyone else had stumbled upon it and 2) if there was a fix for it. Using jQuery 1.2.6+ (I haven't tested with earlier versions), consider these two statements: $('<div></div>').appendTo('body').height(); $('<div></div>').appendTo('body').hide().height(); In Firefox, both report 0. In IE (6 & 7), the first reports 0, the second, some value based on the font size. For example, on my site (ericmmartin.com), with IE, I get 0 and 22. Since it seems that
jquery 1.3.2 not working on IE6
i am facing a problem while excuting jquery-1.3.2 on ie6 it is giving me the following error on load . the error is :-> " Runtime error Program:C:\Program Files\Multiple IEs\IE6\iexplore.exe R6025 - pure virtual function call " can anybody please help me with this error
Compatibility Issues
I have a client using 1.1.4.js and we are using 1.2.6.min.js. If the client upgrades, will it break their 1.1.4.js code? Is there any way to tell? Thank you in advance, Ken
new $
Why is this allowed : var jq = new $ ; Does it matter? -- DBJ
Regular Expression Attribute Filter
I would like to propose the following syntax for a regular expression attribute filter: [attribute?=value] where value is a regular expression. So, for example $('[value?=" *ab *"]') would select all elements where value contains "ab" with any amount of leading and trailing spaces. Of course the regular expression can be as simple or as complex as required. This can be accomplished by adding type === "?=" ? value.search(new RegExp(check)) >= 0 : to the Sizzle CSS Selector Engine under Sizzle.selectors.filter.ATTR.
[off] new project
hello people i started a new project called jplanet. it's a content aggregator about jquery. see more in http://jplanet.tumblr.com/ thanks
maybe array ...
In jQ code one can see string constant splitted into array instead of array constant. For example : // Attach a bunch of functions for handling common AJAX events jQuery.each ("ajaxStart,ajaxStop,ajaxComplete,ajaxError,ajaxSuccess,ajaxSend".split (","), function(i, o) { jQuery.fn[o] = function(f) { return this.bind(o, f); }; }); This can be seen in several places. I was wondering if using array in this cases would yield faster jQ ? jQuery.each(["ajaxStart","ajaxStop,ajaxComplete", "ajaxError","ajaxSuccess","ajaxSend"],
jQuery(document).ready() Type error on WebKit based Browsers
(cross-posted on the users' group... hope this is the correct forum) My site works fine on Firefox and IE, but on Webkit-based browsers, any call to jQuery(function() {}) results in this error on line 83 of jquery-1.3.2.js -- TypeError: Result of expression 'jQuery( document ).ready' [undefined] is not a function Basically, the jQuery.fn object is not getting extended with ready, hover, etc.... I have isolated the actual crash to line 2238 of jquery-1.3.2.js. if ( div.getElementsByClassName("e").length
jQuery("<object/>").get(0) is not a DOM Element in FF, but is in Safari. Is this a bug?
According to FireBug, FireFox thinks objects and embeds are functions. typeof(jQuery("<object/>").get(0)); // Returns "function()" in FF, but "object" in Safari The same is true if you select an Object Element that is already in the DOM: typeof(jQuery("object").get(0)); // Returns "function()" in FF, but "object" in Safari And is also true of Embed Elements. It seems to me .get(0) should return the DOM Element, which happens in Safari. Is this a bug in FF or jQuery? Should I file it? It's making
Back to selectors
Hi quick help how can i go back to one selecotr in the hierarchy eg: <ul id="selector"> <ol id="list"> </ol> <ul id="itens"> <li>test 01</li> <li>test 02</li> <li>test 03</li> </ul> </ul> when i click on the LI tag its will be add same item on teh OL tag with this $("#selector ul li").click(function () { $str_option = $(this).text(); $( "#list").append( "<li>" + $($str_option).selector + "</li>" ); this work fine but if i have more those codes on the page...
Error in attr when adding function to Object.prototype
I have some code where I add a function to object prototype like: Object.prototype.merge= (function (object) { ... }); However, if i use this code with jquery (1.3.2) and then try to use the attr() operator to set an attribute value, it throws an error because (line 1026) tries to call: <span class="sourceRowText"><span class="whitespace"></span><span class="js-variable"> elem</span><span class="js-punctuation">.</span><span class="js-property">setAttribute</span><span class="js-punctuation">(
Karma: animation with jQuery - help
hi guys! how are you?, I'm new in the mailing list, well, I'm working on developing Karma: a framework/libraries for creating Sugar activities using javascript and html5 [http:// wiki.sugarlabs.org/go/Karma] , so Bryan Berry (my mentor) and me are thinking in using jQuery as the core. One of our objectives is to create *simple* animations using <canvas> for including into activities. We say *simple* because these animations must run on XO-laptops[http://en.wikipedia.org/wiki/ OLPC_XO-1] (400mhz machine
running qunit in envjs
I noticed we where using an older testrunner.js with envjs even when running 1.3.2 unit tests. i start playing with it and realized qunit works great and i can even use QUnit.done to output a static html file with the result of running the tests in envjs. the only snag I had was being able to hook to QUnit.log . this may be a bug with envjs implementation of onload so please feel free to point out if im mistaken. here is the script that initiates it: load("build/runtest/env.js"); (function($env){
unclosed input element in html qunit appends.
not a big deal but envjs complains about this line in qunit because its current parser isnt graceful with non-xml markup. <input type="checkbox" id="filter-missing"><br clear="all"> should be <input type="checkbox" id="filter-missing"/> -- Christopher Thatcher
jQuery.ajax cross domain request with script
Hi there, I am having a problem with the cross domain issue that AJAX has. According to jQuery.ajax documentation, it should handle cross domain request with "script" and "jsonp" as data type. However, I cannot manage to get the following works: <script type='text/javascript' src='http://ajax.googleapis.com/ajax/ libs/jquery/1.3/jquery.min.js'></script> <script type='text/javascript'> function getGeoLocation() { var location; alert('started'); $.ajax({ type:
Selectors in Live Method
Since we're using Event Delegation on the document object, I'm curious why the selector even needs to be executed prior to calling the live method. Why not make it a jQuery function instead? $.live = function(selector, type, fn) { var r = $([]); r.selector = selector; if(type && fn) { r.live(type, fn); } return r; }; There might be some confusion with this approach, since the jQuery object being returned does not actually contain any nodes, but it's something to think about. Thanks, Zach Leatherman
#3981 IE 6 & 7 reports incorrect CSS opacity values in jQuery 1.3.1
I'd like to give this ticket (http://dev.jquery.com/ticket/3981) a bump, after stumbling about the same problem while trying to animate an element with fadeIn, which has an opacity value set in a stylesheet. The attached patch fixes the problem in my case. It duplicates parts of whats already there for parsing the filter value, but otherwise it looks fine. Any reason not to commit it to get it included in 1.3.3? Jörn
My findings with the jQuery.support collection in 1.3.2-vsdoc and IE 8
In adding a css property as such: $('#id').css('cursor','pointer') I found that I was getting an exception error in jquery-1.3.2.vsdoc.js at lines 1595 and 1325 with the jquery.support collection, where the script was testing for an opacity property. First, I tried adding a try/catch around those two functions, but I would get an intellisense error from within visual studio. I did some searching on the internet, and some claimed that it was due to an inproper css value being passed to jQuery. I didn't
Readonly attribute handled differently in IE7 and FF
Using jQuery 1.3.1, the following line works in IE8 and FF. $("input[name$='DateString']:not([readonly='readonly']),input[name $='DateString']:not([readonly='true'])").datepicker ( dpOptions ).addClass( "date" ).attr( "maxlength", "12" ); But does not in IE7. I had to alter it to $("input[name$='DateString']:not([readonly='true'])").datepicker ( dpOptions ).addClass( "date" ).attr( "maxlength", "12" ); Because I have to support IE7, my workaround is to break it out $("input[name$='DateString']").each(
.clone() problem in IE6
Hi everybody, First post here ;-) I have been testing the following code (for a kind of "print preview") : var $htmlPrint = $('html').clone(); // alert($('html').html()); // alert($htmlPrint.html()); $htmlPrint.find('script').remove().end().find('.print').remove(); It works nice in FF, Opera but in IE6 the variable $htmlPrint.html() returns an empty string. Using jQuery 1.3.2. Should it be a bug in the clone() function ? Regards David
Structure Plugin Authoring
There has been a lot of activity about plugin authoring and how it can be more structured and extensible. I've posted a couple of comments on some threads and sent an email to John, but I thought I'd create a new thread since I haven't had any feedback yet. John, I understand you probably get a lot of email and are very busy. I've written a plugin that I'd like to get feedback on from you guys. It's still evolving, but should be stable in what it currently is designed to do and I have found it invaluable
.remove(index)
for a couple of reasons I had to implement double checks over .index(el) plus remove mehtod ... I wonder if something like this could be useful: <span style="font-family: courier new,monospace;">remove: function( selector ) {</span><br style="font-family: courier new,monospace;"> <span style="font-family: courier new,monospace;"> // proposal - start</span><br style="font-family: courier new,monospace;"><span style="font-family: courier new,monospace;"> if(typeof selector ==
Qunit and the Validation Plugin
Given this form and elements: <form id="aspnetForm" action="#"> <input type="text" id="nameInputId" /> <input type="text" id="abbreviationInputId" /> </form> I cannot get the following test to pass $(document).ready(function() { test("testing validation", function() { // arrange $("#nameInputId").val(""); $("#abbreviationInputId").val("not empty"); // act $("#aspnetForm").validate(); $("#abbreviationInputId").rules("add", { required: true }); var rules = $("#nameInputId").rules(); // assert expect(4);
$("div div:eq(n)") vs $("div div").eq(n)
Hi, Going through the test suite (with jQuery 1.3.2), I noticed that there is a selector test for "div div:eq(27)". Trying the query in Firebug gave me the test suite's expected result (div#hide), but if I try jQuery("div div").eq(27) it returns a different div. Digging a little deeper, it turns out that when evaluating the :eq() selector (and I would assume other positional selectors), duplicates are not removed from the working list of elements before evaluating. For jQuery("div div").eq(27), duplicates
autocomplete help
Hi I am trying to implement the autocomplete using JQuery and was not successful using the MVC. here is the test code. <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <link rel="stylesheet" href="http://dev.jquery.com/view/trunk/plugins/ autocomplete/demo/main.css" type="text/css" /> <link rel="stylesheet" href="http://dev.jquery.com/view/trunk/ plugins/autocomplete/jquery.autocomplete.css" type="text/css" /> <script type="text/javascript" src="http://dev.jquery.com/view/trunk/
$.fn and live method seems are not working together
Hi, Seems I cannot use the live() method to bind events when I define a new Jquery function this code is working very well: jQuery.fn.isExpandable = function() { return this.each(function(){ $(this).css('overflow','hidden'); $(this).keyup(function(){ el_id = $(this).attr('id'); el_scroll_height = document.getElementById(el_id).scrollHeight; $(this).css('height',el_scroll_height+'px'); }); }); }; if I use live() to bind the event
$( window.parent.document ).height() throws error from child iframe
Hello all. I have two html documents. (1) parent.html <html> <body> <iframe src="child.html"/> </body> </html> (2) child.html <html> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript"> alert( $( window.parent.document ) ); // CORRECT: alerts "[object Object]" alert( $( window.parent.document.body ).height() ); // CORRECT: alerts "154" alert( $( window.parent.document ).height() ); // ERROR: "Could not
Automatic switching to overflow hidden during animation
Hello all, I have two questions regarding this portion of the animate() method source code: /******************************/ for ( p in prop ) { [...] if ( ( p == "height" || p == "width" ) && this.style ) { [...] // Make sure that nothing sneaks out opt.overflow = this.style.overflow; } } if ( opt.overflow != null ) this.style.overflow = "hidden"; /******************************/ I might be wrong (really), but to me this means that *whenever* an animation
Exception Thrown When Getting CSS Value
We've run into an issue where, when a style ("padding" in this case) with multiple parts ("5px 3px" in this case) is being set by a stylesheet (rather than inline) is accessed in IE6/7/8, jQuery 1.3.2 causes the exception "Error: Invalid argument." The exception is thrown in the middle of "the awesome hack by Dean Edwards" on line 835. Has anyone else experienced this, and is there a known workaround? Here is a simple example which demonstrates it (in Internet Explorer): <html> <head> <style
Next Page