[jQuery] event handlers lost when adding and removing links dynamically
I am just started using jQuery to simplify my JavaScript programming but I am running into this problem where my event handlers are not binding properly to my event handler when I am creating these links dynamically using jquery. I am sure this is a common problem but I just need to be pushed to the right direction to fix this. Could someone lend a hand, please? Below is a simple example what I'm trying to do. When the page loads, there is a link called Foo and will say "hi" when clicked. There's
[jQuery] Do we have something like Mootools:Kwick on jQuery?
Hi everyone, regards from México. (Sorry for my english, is not very good) I've been developing a website for my little companie (www.tuukuls.com.mx) but my comrades saw the mootools page and they are fascinated by the kwick accordion. I love jQuery, so, do we have something like that? Regards :D
[jQuery] how to use $(html) to create element in another frame?
I can use $('#id', window.document) to get an existing element from a document in a frame. However, I also try to use $(html) to create a new DIV in any frame through function on top window and used the format "$('<div>new div text here</div>', window.document)", but it doesn't work. Is it possible to do this? Thanks. <html> <head> <script src='jquery.js'></script> <script src='jQuery.frameReady.js'></script> </head> <script> top.addDiv = function (window) { var doc = window.document; var a = $('<div>test
[jQuery] How do I select (use) a link in the html I appended?
Hi there, First post here.....and uhhhhh well, I'm very busy making a site with jquery and all, and maybe this is just a simple question and I'm to ...... to see it, but PLEASE, can someone help me with the next: :- D I have something like this: $('#panelclick').click(function(){ $('#panel').append('<table><tr><td><div id="link1">Link 1</div></ td><td"><div id="link2">Link 2</div></td></tr></table>'); }); $('#link1').click(function(){..................blablabla But this doesn't work. When I open
[jQuery] using getJSON() with IE vs FF
How should I get around the following? For my jQuery exploration, I have a web page with the following body: JSON: <div id="JsonDump"></div> <script type='text/javascript'> $(document).ready(function() { var url = "/code/jSystemMonitor.wcx"; var secs = 5000; $("#JsonDump").ajaxComplete(function(request, settings){ $(this).append("<li>"+settings.responseText+"</li>"); }); var res = $.getJSON(url); setInterval( function() { var res = $.getJSON(url); }, secs); }); I'm basically testing the periodic
[jQuery] How pass more variables in Star Rating System (AJAX Question)
Hi Folks I saw that Star Rating System pass only the vote. How can I add more variables? Something like this: $.post("url.php", { user: $('#user').attr('name'), currenttime : $('#currenttime').attr("name"), } Regards<br clear="all"> -- Mário Moura
[jQuery] $.post() and CI inquiry
<div class="post"> Hi all, I have a simple javascript file being loaded externally that has the following code: -- snip -- $(document).ready(function() { $('#pendingUsers').load('index.php/meduser/check_pending_users',false, function() { $('#pendingUsers a').click(function() { $.post('index.php/meduser/pull_user_information', {id: $(this).attr('rel')} ); }); }); setInterval(function() { $('#pendingUsers').load('index.php/meduser/check_pending_users'); }, 300000); // initially hide the main content
[jQuery] Kelvin Luck's jscrollpane scrollTo anchor (missing?) feature
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8"> <META content="MSHTML 6.00.6000.16481" name=GENERATOR></HEAD> <BODY> <DIV><SPAN class=171101310-13082007><FONT face=Arial size=2>hello!</FONT></SPAN></DIV> <DIV><SPAN class=171101310-13082007><FONT face=Arial size=2></FONT></SPAN> </DIV> <DIV><SPAN class=171101310-13082007><FONT face=Arial size=2>i have 3 anchor links (allowing to jump to a specific chapter
[jQuery] jqUploader + uploadScript path to a subdomain
Hi there, I use the jqUploader Script for uploading images and videos and it works very well. But now, I have to upload the data to a subdomain. jqUploader has the option to enter a different path for the upload mechanism. In the "http://www.domain.com/jquery.jqUploader.js" you will find: src: 'http://upload.domain.com/jqUploader.swf', uploadScript: 'http://upload.domain.com/upload.php', The file uploading part works. After uploading the file is located on the upload.domain.com server. BUT I can
[jQuery] Making An Intergrated Plugin
I am trying to learn the working of making a intergrated plugin(with using jQuery.fn.plugin method). I thought a good start would be a simple hover_menu. Now my understanding it that the "this" object points to the object it is called on so if i did $('div[id=hover_menu]').hover_menu() that inside the function "this" would be the same as $('div[id=hover_menu]'), would that be correct? My real question is what if i want to do something to that and then do something to all the <li>'s after that, how
[jQuery] "scollovers" animation
Hiya! i just found this via digg: http://www.scrollovers.com/ and i thought that might be a tempting animation effect for one of the more talented plugin authors out there. The implementation code is 175 lines long, but i'd bet that one of you jQuery gurus can get it down to 20 or less. :)
[jQuery] AjaxCFC and jQuery Suggest
All, I am new to jquery and have discovered some of the many cool things it can do so easily. We are long time users of ajaxCFC from Rob Gonda, and I am in the process of moving code from DWR to jQuery. We currently use a Suggest class with DWR ajaxCFC that can be seen here http://www.sixfive.co.uk/index.cfm/2007/8/1/ajaxCFC-Multiple-Suggest-on-one-page I am looking to convert this over to jQuery and found the http://www.vulgarisoip.com/ suggest for jQuery. Has anyone used this with ajaxCFC yet?
[jQuery] Translate a website using XML file : how to parse xml with Jquery ?
Hello, First of all, I'm new with Jquery. I would like to use an xml file to translate a website. For the moment I use "pure javascript", but the problem is that it's fonctionnal with IE6&7, FF2 and Opera, but not with Safari (Mac). So, I would like to use now Jquery to do the same thing because Jquery is compatible with Safari. My actual code : XML file : chineese.xml --------------------------------- <prompt> <IpAddress>Ip 地址 :</IpAddress> <SubNetMask>子网隐码 :</SubNetMask> <English>English :</English>
[jQuery] Modify head-tag's content in iframe document with IE
Hi, I get a document in iframe with IE with this: frame = $doc.frames['myframe']; frameDocument = frame.document; and it works correctly. but how can I get head tag to modify its content? this doesn't work: var heads = frameDocument.getElementsByTagName("head"); $(heads).append("<link rel='stylesheet' type='text/css' href='selector.css' />"); Thanks, Julio
[jQuery] jQuery 1.0.2 conflicts with 1.1.2 ??
hi i started using jquery originally with thickbox... all was fine i recently started using the calendar code which i had to use 1.1.2 with.... now if i use the thickbox on my page, it pops open, then i close it and the calendar doesnt open at all, without any errors.... we tried using either jquery js file but each one conflicts with each script im clueless what to do when i open my thickbox window i get an error TB_remove is not defined and when i click the close button i get TB_remove is not defined
[jQuery] .each "this" inside class
now when i use the .each function, inside that function "this" points to the element however i am using .each inside a class and "this" point to the class. Is thier another way to access the element of the /each function without using "this"? -- View this message in context: http://www.nabble.com/.each-%22this%22-inside-class-tf4257886s15494.html#a12117256 Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Performance Booster - $( expr, context, fn ) ?
Hallo, When the "search" $() returns a lot of objects (10000), then you have to loop twice through this objects. First for selecting the elements, and then second when doing somthing with the elements. e.g. $('td').addClass('red'); // get all tabledata and do something with them It would be nice if there were something when immediate when an element was found, a "callback" function can be executed. This can bring a lot of performance when handling a large amount of objects. $( expr, context ) //
[jQuery] Looping through data object
i have an object: options = { var1: 'one', var2: 'two' } is there a wayt too loop throught this object like i can does with .each? -- View this message in context: http://www.nabble.com/Looping-through-data-object-tf4257354s15494.html#a12115817 Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] created an $.interval function for polling, but it needs some cleanup I think
I wanted to be able to do polling using a function like this: $.interval(seconds, callbackFunction); The interval function will perform the callbackFunction every x seconds, unless the previous call is still executing (inspired from Prototype's PeriodicalExecuter) I have written one that works, but as I have still a bit green with javascript I know it can be improved. Here is what I've got: /* * interval * by Steven Wicklund <swicklund@pobox.com> * A setInterval wrapper for jQuery * So this works
[jQuery] IE6 Out of Memory Error on click away
Hey all, I'm working on a script and I'm getting a weird error in IE6. The script runs fine, however, when I click any link to navigate away from the page that contains the script, I get an alert "Out of memory on line: 1" before the new page loads. I'm using Jorn's accordion plugin and the official Form plugin. My own script is around 4K and it runs fine in FF, no errors, and no alerts in IE6 other than the one I described above. All scripts on the page combined are around 50K. What I don't get
[jQuery] Click or Find not working in IE7 but working in FF? whats wrong with this code?
The script below works in FF but not in IE7. I tracked down the problem to .click(). Are there any issues with .click and IE7? <script type="text/javascript"> $(".poster").find("#picture").click( function (){ $(this).find("+ div").toggle(400) }); </script>
[jQuery] Help modify this function
The following function shows/hides a field's label when its focused. Adding the class 'odd' gives the label visibility which is otherwise hidden. $(function() { $("ul.form").find("input,select,textarea,option") .focus(function(){$(this).parents('li').addClass('odd')}) .blur(function(){$(this).parents('li').removeClass('odd');}); }); Showing a label, of course, pushes the rest of the page down and hiding the label, of course, pulls the page back up. My two questions: 1. Can this function be modified
[jQuery] Problem keeping swap image from mouseout
I am not sure if anyone can solve this problem, however, I am trying to keep the rollover image2 if the user clicks on image2. However on mouseout, it reverts back to image1. I have tried different coding and I am tripped up everytime. Frank
[jQuery] jQuery-fy Ellipsis code
Hey folks, I took up the challenge of Steffen Rusitschka to convert his Ellipsis code from Prototype to jQuery. Unfortunately I decided to do this at the end of my work day as a little aside, and haven't managed to crack it yet - so I'm posting what I have so far to see if anyone can fix it - My demo is here: http://dev.digitalspaghetti.me.uk/ellipsis/ His original code is here: http://www.ruzee.com/blog/2007/08/ellipsis-or-truncate-with-dots-via-javascript/ And here is what I have so far (please
[jQuery] Ajax call within ajax called page: IE error?
I'm running into a problem with a simple Ajax call within an ajax called page in IE. I did a forum search and it didn't really clue me into what's going on. In the page: http://www.cyma.com/NEWCYMA/support/updatecenter/ (Page 1) Clicking on "Version 9" loads a page with two god ugly tabs: "Downloads / Updates" and "Documents" Clicking on either tab loads the appropriate page. In FireFox it loads the appropriate page, in IE7 nothing happens. The page that is being loaded is: http://www.cyma.com/NEWCYMA/support/updatecenter/v9.asp
[jQuery] Why Choose jQuery Over Mootools
I have tried to post this on jQuery mailing list/forums system but it is not posting for whatever reason so maybe some people who have used either or both can help me out I have been working with mootools for a bit the past few months and started to take a look at jQuery too see what the hype is all about from what i have heard from a co-worker. From what i see, jQuery does not offer anything that mootools does not. I mean jQuery does have $().click and i don't believe Mootools has anything like
[jQuery] confusing appendTo() behaviour
Hi, I'm just learning jquery and (mostly!) enjoying it. I'm a bit frustrated at the moment tho not understanding why multiple appendTo()'s don't seem to work, depending on what I'm trying to append. Here's a bit of exploratory code, called from a $.ajax() method, that seems to be misbehaving: function appendXmlToBody( xmlDoc ) { var allTitles = $(xmlDoc).find("bib/book/title"); $(" hi!").appendTo("body"); $(" bye!").appendTo("body"); allTitles.appendTo("body"); allTitles.appendTo("body");
[jQuery] Append-tag problems in IE7
Hi, I have a document in Iframe retrieved correctly. I would like add a tag in head-tag. I have tried with: var head = frameDocument.documentElement.firstChild; $(head).append("<link rel='stylesheet' type='text/css' href='selector.css' />"); and: var head = frameDocument.getElementsByTagName("head")[0]; but it doesn't work. Have you any idea? I don't know if it's a jquery problem or my mistake. Thanks, Julio
[jQuery] Event complications (beginner level)
Hi All, I'm having issues with simple event triggering. Here is an excerpt of my code: $(document).ready(function() { $('.pendingUsers').load('index.php/meduser/check_pending_users'); setInterval(function() { $('.pendingUsers').load('index.php/meduser/check_pending_users'); }, 300000); // initially hide the main content div until a pending user is clicked. $('#main').hide(); $('.pendingUsers a').click(function() { $('#main').show(); }); });
[jQuery] new cookieJar plugin, feedback please
I've just finished writing a cookieJar plugin for jQuery, as I couldn't find anything like it for jQuery. http://www.jdempster.com/category/code/jquery/cookiejar/ Thought I would post it here in the hope of some feedback. Please let me know what you think. Is this a good approach to the problem. If you found any problems or have any suggestions.
[jQuery] Question: Efficient Usage of jQuery
I think I ran into something that probably might be **over* usag of jQuery. It may mean I need recognize a few things, but I naturally thought jQuery should be able to handle this. Ok I have been creating autonomous "modules" and each can load by themselves. Now, I've been loading a few of them on a page and now things behave alittle different than when they run by themselves. Example: $('#winserver_pane1').load('/code/jqApplet1.wcx'); $('#winserver_pane2').load('/code/jqApplet2.wcx'); $('#winserver_pane3').load('/code/jqApplet3.wcx');
[jQuery] Got Grid? Here's a large plugin effort.
I've been thinking about this for a while, and so I took a couple of days last week to get something together. I made a plugin for tables that attempts to create a common base for adding functionality to tables. Please check it out at http://digitalbush.com/projects/jquery-grid-plugin I've included the following functionality in the core file which I will eventually break out somehow. * Basic Row manipulation: addition, insertion, and deletion. * Row navigation, selection, and activations by mouse
[jQuery] jQuery and blogrolls
On my blog I have a very long and doll blogroll. It's an ordinary <ul>-list with about 100 links in <li>-tags. I'm looking for ideas of how to improve blogrolls to make them more accessible, and more fun to watch and use. Any ideas?
[jQuery] object orientated setTimeout
Hi have the following problem : I want to delay this call by 400ms : game.setAllowedMoves(this_game.allowed_moves) setTimeout("game.setAllowedMoves(this_game.allowed_moves)") does not work as it's executed in the global context. Any idea how to do this ?
[jQuery] Exec'ing JS In load()ed content for IE
I'm using jQuery's load() function in order to pull content from the server and stick it into a div. This content has both html + javascript inside it, and I need to get the javascript actually evaluated for IE6+7. Firefox handles javascript fine for both inline + externally referenced libraries, eg: <script language="javascript" src="/path/to/lib.js" type="text/ javascript"></script> and <script language="javascript"> alert('some js code running here!'); </script> The above does not work with
[jQuery] wildcards and onclick
When I try to use a wildcard to search for characters in an onclick attribute it doesnt appear to work. I think this syntax is correct $('input:image[@onclick*=confirm]') I know there is a bug with onclick in 1.1.3.1, is this somehow related? -- View this message in context: http://www.nabble.com/wildcards-and-onclick-tf4250599s15494.html#a12097546 Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Exec'ing JS In load()ed content for IE
I'm using jQuery's load() function in order to pull content from the server and stick it into a div. This content has both html + javascript inside it, and I need to get the javascript actually evaluated for IE6+7. Firefox handles javascript fine for both inline + externally referenced libraries, eg: <script language="javascript" src="/path/to/lib.js" type="text/ javascript"></script> and <script language="javascript"> alert('some js code running here!'); </script> The above does not work with
[jQuery] SITE SUBMISSION: http://www.partyark.co.uk
Hello, my site Party Ark for children's party supplies is up and running with jquery. We use a modified Thickbox on the product pages, and jquery ajax for adding to basket. Plus other bits and pieces which have just been much quicker to write with jquery. http://www.partyark.co.uk Cheers, AJP
[jQuery] issues with accordeon and tooltiip z-index
Hi I have an accordeon like thingie made ont he following page http://itbuzz.howardshome.com/Home/tabid/54/Default.aspx I also have a tooltip there you can see it working on the first item, but on the second item, all the title bars go throgh the tooltip. Any idea whats causing this and any solution? -- Armand Datema CTO SchwingSoft
[jQuery] SITE SUBMISSION: http://www.thor.be/creations.php
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8"> <META content="MSHTML 6.00.6000.16481" name=GENERATOR></HEAD> <BODY> <DIV><SPAN class=656181818-08082007><FONT face=Arial size=2>Friends,</FONT></SPAN></DIV> <DIV><SPAN class=656181818-08082007><FONT face=Arial size=2></FONT></SPAN> </DIV> <DIV><SPAN class=656181818-08082007><FONT face=Arial size=2>i'm very pleased to inform you about the fresh release of
Next Page