position() issue/bug
Hello, I believe I may have found an issue with the position() method. When getting an element.position().left property using jQuery, if a link is long enough that it wraps down to another line, the property will be thrown off. Instead of getting the left of where the link itself starts, it will instead get the left of the position where the bounding rectangle of the entire link would end up. example here: http://gavinlynch.name/algorithms/javascript/link_position.html
Need Help for creating resizing panels using table and div
Hi, Im trying to create a two column layout using table having 3 columns. The middle column will contain my resizer. Again in each div, there would be resizer to increase the height of the divs of individual components. I have attached the files which might help you to understand what I was trying to create. I have tried various plugins, but was not suiting my needs as it created issue in complex components. In the attached example, I have tried to use JqueryUI to attach resize event for each of
$.ajax's error callback: Confusion with status codes and dataType
Can someone explain me the reasoning that if a dataType is specified as JSON and the response code is say a 204 (NO CONTENT), that it would error. The way it looks, the code is expecting JSON back, but since there is no JSON, it fails. The documentation however says that error is "A function to be called if the request fails." - Which makes me think that the actual request fails, not that the data parsed failed. Maybe it's me, but it seems a bit confusing.
Can't get attributes from ajax response...
Hi , I'm making a ajax call using $.ajax my code is $.ajax({ type: "POST", url: "sample.php", dataType:"html", data: "name="+$('#name').val(), success: function(msg){ $('#result').append(msg); } }); And the response is <a href="#" id="1123" class="user-link">User1</a> When i try to get the Id from the response, it's seems not working.. $('.user-link').click(function(){ alert($(this).attr('id')); }); And i need to make this work urgently... Any help will be greatly appreciated... Thanks in advance...
$('selector').live( function() { } )
Hi, It would be great to have the following syntax : $('selector').live( function() { // Executed only once by selector, when it has been inserted into the dom } ); It would mean to add a trigger in each dom insertion made by jquery. This syntax would be very useful for widgets initialization. Regards, Ludovic
Separation of browser-specific code
A technic often used in javascript is the downloading of a different script for each web browser, to avoid unuseful code. Isn't there a way to create one file per renderer in jquery, like jquery.trident.js jquery.gecko.js jquery.webkit.js jquery.gecko-webkit.js ... jquery.all.js And put the specific codes in the right scripts, a develop a merging tool to create the actual jquery.js script ? It would permit user to choose to download the whole script or only the necessary code. Regards, Ludovic
hover event problem with IE7 and transparent backgrounds
Hi, I discovered an IE7 (and perhaps other IE) bug that took me a while to track down and thought I'd share it with others in case someone else runs into it. I had a div with a transparent background that had several inner divs with that each had background colors specified. Since my page background was white the transparent background was not in evidence. The problem was that when I would move the mouse over the div, I would get mouseleave events firing even though the mouse was still over the div.
The Context property/parameter
Back in June, Brandon wrote an enlightening article about the misunderstood "context" parameter. Read it here: http://brandonaaron.net/blog/2009/06/24/understanding-the-context-in-jquery Most of it makes sense to me now but I'm still a little confused about some of the assertions made as a result of the article. (from various readers) This is how I see it: --- $('#container a'); 1. Gets all anchors within the context (document) 2. Returns an array (only) with the anchors that are within #container
JavaScriptMVC 2.0
(Disclaimer: I was not able to continue the previous thread - http://groups.google.com/group/jquery-dev/browse_thread/thread/1ec4dca6e02616d6) Dear jQuery Community, We've just finished the first stable release of JavaScriptMVC 2.0 (http://javascriptmvc.com) and I couldn't be more please with the result. I've posted a 12 min video that walks through getting started ( http://cdn.javascriptmvc.com/videos/2_0/2_0_demo.htm ). It includes everything I mentioned in the original post: - A standard way of
Attach an event to last in the event queue
Hello, I'm working on some elgg themes which use jquery. The theme javascript is the last one loaded in the application, but when I bind a click event to an object (which already has click events attached) it goes to the beggining of the event queue, and execute first than all the others. How can I bind an event specifically to the end of the queue? Thanks in advance.
JQuery could throw nicer errors
Hello! I've been using this brilliant library now for quite a while. It's been all good, I've just noticed one draw back that can make JQuery hard to debug when things don't go right. Sometimes the errors in the browser's error console are meaningless, and sometimes no error is thrown at all despite an obvious mistake. Take these examples: "$(true).html()" - Throws a TypeError with the information 'this [0].innerHTML is undefined Source File: query-1.3.2.min.js Line: 12' "$("p").html(true)" - Reduces
New Feature: optional IE fixes
I think it would be great to have optional IE fixes such as $('#myDiv').zIndex({ above: '#otherDiv #thatDiv', below: '.firstDiv #nextElm' }); or $('#myDiv').solveIEBug('double-float-margin'); This way we can target a specific element and fix the issues or state how they should be fixed with jQuery.
jquery ajax/load event on div drop
Hello, I am trying to load a php page into DIV B when DIV A is dropped on it. My question is: how do I pass a variable with my jquery load. this is what I have: .bind( "drop", function( event ){ $( this ).load("somefile.php?rec="+event.dragDiv.title+""); } everything works fine when I remove the +event.dragDiv.title+""
How can I address iframe body??
Hello, I want to manipulate the body of an iframe.... Its because i'm working with the TinyMCE... But i cant address with'im . All the items in Google are with contents () function, but and I am using jQuery 1.1.2 and no exists for this version. Somebody knows how can i do this? Thanks, and greetings from Argentina
Plugin development : private and public functions, where really to place them ?
Hi, I'm new in JS/jQuery development and i need your help about a question : where really to place private and public functions ? I saw various possibilities on the net, but two seems to be identical. For example, public function. The first possibility : ;(function($) { var $.fn.pluginName = function(options) { var opts = $.extend({}, $.fn.pluginName.defaults, options); // public function inside $.fn.pluginName function var $.fn.pluginName.publicFunction = function(args) { // CODE ... }; // CODE
IE vs FF inconsistency with :empty
I have run across a browser inconsistency which is not corrected for in jQuery. This may be on purpose, but I was wondering if it's something that should be added as a bug? <script> $(document).ready(function(){ alert($("#foo:empty").length); }); </script> <div id="foo"><!-- This is awesome! --></div> --------------- In IE, that will alert 0, because it treats the comment as a child node (though I haven't figured out with jQuery how to access such a node in any meaningful way. In FF, it alerts 1,
Animated window scroll with jquery
Hi all, This is a nice jquery window scroll: http://blog.freelancer-id.com/index.php/2009/03/26/scroll-window-smoothly-in-jquery
Possible bug binding events to iframes window (document works fine)
Hi! Tried this question in jQuery(English) without any response so I am hoping for more luck here. I am using jQuery 1.3.2 and for some reason I am trying to add event listeners to windows/documents in iframes (yeah I know...) from the parent window and I have run into some problems... Does anyone know why it's possible to bind a listener to the click event of the document in an iframe but not bind a listener to the unload event of the window object (contentWindow) in the same iframe? At least the
Managing active stylesheets using jQuery
Hello all, I've been trying to write some code to let users change stylesheets at will and have run into a bit of confusion as to how each browser reacts. There seems to be no uniform selector to get a list of stylesheets that are currently applied or not. I'm using a test page with two stylesheets, examples: <link type="text/css" rel="stylesheet" href="default.css" title="default" /> <link type="text/css" rel="alternate stylesheet" href="theme.css" title="theme" /> I've tried multiple selectors
wrap and wrapAll 'destroy'
I figured I'd ask here first just in case I was doing something wrong. It seems that once I applied a tag, I couldn't remove it via: $('a#tog2').wrap('destroy'); Originally, I used it to wrap the below link to make it bold <a href="xyz" id="tog2">linkname</a> with: $('a#tog2').wrap('<b>,</b>'); Is this a bug or am I doing something wrong. I've tried this with both wrap and wrapAll using the FF browser.
.ajax always return error
hi all, I got an ajax code, when i run it in local it goes fine, but when i upload to server it always gets to error status i checked the status it does show 200, can anyone help me to fix this problem $.ajax({ url: 'game_func.php?act=ioratio', dataType: "json", success: function(json) { if(json.callback == "done") { teamcon.value = json.newcon; document.getElementById("team1_io").value = json.newio1; document.getElementById("team2_io").value
What would you call jQuery's design patterns / principals?
What would you call jQuery's design pattern / principals? - Closures - OO - etc. Everything is helpful.
Bug: Calling sortList() after table.empty() resurrects emptied() elements
When you have a tablesorter table that has .empty() called on it, the next time you sort the list, those .emptied() elements appear in the list, along with any new elements you added since. So, if I have a table with row elements: [ a b ] And I empty() it: [ ] Then add more elements: [ b c ] Then when I sort, I get this: [ a b c d ] (not necessarily in that order, doesn't matter) Then when I empty again: [ ] And add more elements: [ e f ] Then sort, I get this: [ a b c d e f ] And so on... I think
append(); with map element ?
The append() function doesn't seem to work with map elements. My map element : <map name="myMap" id="myMap"> </map> My jquery code : $("#myMap").append('<area shape="rect" coords="0,0,200,200" />'); What is the problem? Am I doing anything wrong? Phil
jQTouch beta launched
Hi all, Just wanted to let everyone know I just released a new beta for jQTouch — a jQuery plugin for mobile development, similar to iUI. The new beta has a ton of features like native animations, event callbacks (including swipe detection), and a ton of shortcuts for creating fullscreen apps. Check out the demo video on the new website: http://www.jqtouch.com/ Thanks!
jquery problem
Hi, I had a problem with my .ajax I 'm pretty sure my code runs fine, since I can see what the result for the page I post to, but i still get to direct to the error status, even though my status is 200. this is my .ajax code $.ajax({ url: 'game_func.php?uid=team2='+team2io+'&act=ioratio', dataType: "json", success: function(json) { if(json.callback == "done") { teamcon.value = json.newcon; document.getElementById("team1_io").value
[validate] new option for validate() (code included)
i think this belongs in the bug tracker, but wanted to post here first for thoughts... While using the validator i ran into some confusion in trying to set a separate style (class) to the the invalid element and its label. There are some complicated ways of setting this defined within the documentation using the highlight option... but its not as easy as it could be for something seemingly common. to make things easier, i have added an additional option to the validator method called "errorElementClass".
syntax error - Expr.attrHandle.href = sw_httprp_rewrite_url(function (elem){)\n
Hi, I am getting the above error which is part of the jQuery library when running my application through SonicWall reverse proxy and all the javascript using jQuery is no longer working. Here are the lines from the jQuery library: 2191 // Check to see if an attribute returns normalized href attributes 2192 div.innerHTML = "<a href='#'></a>"; 2193 if ( div.firstChild && typeof div.firstChild.getAttribute !== "undefined" && 2194 div.firstChild.getAttribute("href") !== "#" ) { 2195 Expr.attrHandle.href
$.ajax and $.getJSON in not working in mozilla
hi I'm using $.getJSON to get data from WCF service in the form om json. this is working fine in IE7 but in mozilla it returns nothing. My code is $.getJSON("http://localhost:3162/VirtualService/Settings.svc/ GetAllCountries", function(data) { alert(data); }); this code returning me the list of countries in json format. so what to do in the case of mozilla.. regards dsingh
Bug? attr(name) return false in IE8
I think I found a bug with attr(name) using jQuery 1.3.2, I think IE8 is returning "false" when the element does not have an attribute with such a name. The attr(name) suppose to return "undefined" according to the documentation, http://docs.jquery.com/Attributes/attr, and it works as expected in Mozilla Firefox 3.5.2 I did a quick search on Google and on jQuery Bug Tracker, didn't find anything strongly relevant to attr(name) in IE8 returning "false". Example: if($(ele).attr('disabled') !== undefined)
syntax problems
Hello, I have a basic knowlegde of jQuery and a problem in selecting a link. To be specific I've a problem with the syntax. I'm using several libraries so I can't use for example the $ ('a#myLink') function but I've to write jq('a[@id="myLink"]'). The application don't recognize the syntax, it shows this message: Syntax error, unrecognized expression: [@id="myLink"] Can someone help me? Thanks in advance
slideToggle jumpy at end (even with padding: 0)
Hello, So I'm working with a pretty simple list of div's. Each div has an h2, and at least one paragraph, plus a hidden span, and a "show more" link that slideToggle()'s the hidden span when clicked. The problem I'm having is that the hidden span appears to jump a few pixels near the end of the animation. After doing some research, it appears this type of jumpiness is typically caused because of issues with padding. However, my element has no padding on it! But I still can't seem to get the animation
event.remove() bug with multiple namespaces?
I suppose it is rear to use multiple namespaces to unbind an event and that it is the reason why no one spotted this bug (I spotted it by examining code, not by using the feature). This is the problem: $("div").bind("click.aaa.bbb", function(){...}); $("div").unbind("click.a.bbb"); //this is unbinding the previous bind!!! Here is a test-case http://jsbin.com/aledo And here is the same case with the corrected even.remove() function: http://jsbin.com/eqofo (I hope jsbin.com has no more problems) Will
Form selector doesn't work
When I execute this: 1. var myForm = $("form"); 2. myForm.submit(function() { 3. var self = $(this); 4. self.children("[name='action']").val("doSomething"); 5. 6. return true; 7. }); And then I debug it, doesn't pass beyond line 1. Recognize all kind of selectors except when I match a form. My environment is WAS 6.1, Struts 1.3.8. And my resources are: <script type="text/javascript" src="<html:rewrite page='/scripts/ jquery/js/jquery.js'/>"></script> <script type="text/javascript" src="<html:rewrite
iframe resize
Hi, I want to resize an iframe using jquery. Somehow the belwo code is not owrking properly for me. Can someone help me function sizeIFrame() { var helpFrame = jQuery("#helpFrame"); alert(helpFrame) var innerDoc = (helpFrame.get(0).contentDocument) ? helpFrame.get (0).contentDocument : helpFrame.get(0).contentWindow.document; alert(innerDoc) alert(innerDoc.body.scrollHeight) helpFrame.height(innerDoc.body.scrollHeight
jQuery ajax multidimensional array
Hi, As I've been confronted to this problem and saw that there was a bug report already done which had been set to invalid, I wanted to know the reasons why using key=a&key=b rather than key[]=a&key[]=b. http://dev.jquery.com/ticket/2950 From a php point of view, the second syntax would be preferable. Is there a language where the first syntax works ? Regards --- Ludovic
$.getJSON problem with json parameter
Hi. I'm trying to use function $.getJSON with JSON parameter, but it not work "100%". i.e.: $.getJSON( "<URL>", { parent: { child: value } }, callbackFunction ); , and my variable parent.child wasn't populated. After these test i try to use only " { child: value } ", and then it work corretly. Why my first code not work? Any idea? Thanks.
trigger("submit") failing in firefox with nightly
Trigger succeeds (1.3.2): http://jsbin.com/ixege Trigger fails (nightly): http://jsbin.com/owisi (Firefox 3.5.2/Vista) http://dev.jquery.com/ticket/5124
jQuery labelled plugins
As one of precedent posts was about cookie plugin into the core, I want to discuss about plugins and their quality warranty. The reason why some features are not included in the core is that you want a lightweight library and they aren't enough frequently used, and I totally agree with that. But the inclusion in the core means that it has been developped by the jQuery team and so adds a quality warranty. A plugin can be developped by anybody and as I've seen, there are wery unstable plugins and not
Add Cookie support
Hi all, Cookie is a common and widely used functionality so it is deserved to be added into jQuery.Utilities rather than to be just a plug-in. Thanks Mike
Next Page