[jQuery] Re: Get the real html from an iFrame
None of those worked out. Any idea how to get all the html with a jqeury selector? Kind regards Massimo On 12 Nov, 15:00, brian zijn.digi...@gmail.com wrote: Do either of these work? var html = parent.$('#indexIframe').contents().html(); var html = parent.$('#indexIframe').contents(); On Wed, Nov 11, 2009 at 9:49 AM, m.ugues m.ug...@gmail.com wrote: Hallo all. I have an iframe with an id. I need to get the html content of this iframe. So from the iframe doc read I tried like this var html = parent.$('#indexIframe').contents().find('html').html() In this way I get the content of the tag html of the iframe, so the head definition and the body definition. head.../head body.../body I would like to get the parent tag in a way to have: html head.../head body.../body /html Any idea? Kind regards Massimo
[jQuery] Re: No reaction with $('a').click(), OK with dispatchEvent(...)
Hi, At the moment I'm not so interested in the right/smart way to write an a tag. It's more interesting to me to see what the jQuery click() function can and cannot do, and it could also be interesting to know why it fails where my clickAt(...) works. I have now extended my test page http://folk.uio.no/jkleiser/test/jq-test.html with two new a variants: one (#a2) new-school that uses 'onclick', and one (#a3) that links to this Google Groups page. With the latter I observe the same difference as with #a1: my clickAt($('#a3')[0]) works, but $('#a3').click() doesn't. Bug or feature? /Jon On Nov 19, 11:36 pm, Olaf Bosch olaf.bo...@t-online.de wrote: Jon schrieb: Hi, I have an element like this: a id=a1 href=javascript:doSomething ();#a1/a However, when I do this: $('#a1').click(); ... then my doSomething() do not get called. Why? Try the jQuery-Way: a id=a1 href=##a1/a $('#a1').click( function() { doSomething(); return false; }); -- Viele Gr e, Olaf --- olaf.bo...@t-online.dehttp://olaf-bosch.de/http://ohorn.info/http://www.akitafreund.de/ ---
Re: [jQuery] Re: No reaction with $('a').click(), OK with dispatchEvent(...)
Jon schrieb: and one (#a3) that links to this Google Groups page. With the latter I observe the same difference as with #a1: my clickAt($('#a3')[0]) works, but $('#a3').click() doesn't. Bug or feature? Sorry I can't follow you. I added this to Firebug on your Testpage: $('#a3').click( function() { return false; }); And then Click on #a3 and nothing -- Viele Grüße, Olaf --- olaf.bo...@t-online.de http://olaf-bosch.de/ http://ohorn.info/ http://www.akitafreund.de/ ---
[jQuery] Re: No reaction with $('a').click(), OK with dispatchEvent(...)
Hi, I'm not quite sure what you try to show me with that $('#a3').click (...stuff...) below, but I can tell you what I just found out: The difference I've mentioned between my clickAt($('#a1')[0]) and $ ('#a1').click(), and also with #a3, occurs in Safari and Opera, but in Firefox (3.0.3 and 3.5.5) my clickAt(...) does no more than $ (...).click(). In IE7 my clickAt(...) just gives me an [object Error]. What a mess! /Jon On Nov 20, 11:18 am, Olaf Bosch olaf.bo...@t-online.de wrote: Jon schrieb: and one (#a3) that links to this Google Groups page. With the latter I observe the same difference as with #a1: my clickAt($('#a3')[0]) works, but $('#a3').click() doesn't. Bug or feature? Sorry I can't follow you. I added this to Firebug on your Testpage: $('#a3').click( function() { return false; }); And then Click on #a3 and nothing -- Viele Gr e, Olaf --- olaf.bo...@t-online.dehttp://olaf-bosch.de/http://ohorn.info/http://www.akitafreund.de/ ---
[jQuery] Re: Problems with quotes
Is the form validation on the server side? Is it done by PHP? If 2x yes then turn off magic_quotes in your PHP configuration on your server.
Re: [jQuery] jquery array
tshafer wrote: I need to make a array from a list ulli class=data x tabletrtddata/td/tr/ table/li li class=data x2 tabletrtddata2/td/tr/ table/li li class=data x3 tabletrtddata3/td/tr/ table/li/ul I am having a hard time using jQuery.makeArray() to make an array from the data and print it out. How can this be done. Thanks -Tom hi please check this html head script language=javascript type=text/javascript src=jquery.js /script script $(document).ready(function(){ //To check the innerHTML //$('.data').map(function(){(alert(this.innerHTML))}); var arr = jQuery.makeArray($('.data')); alert(arr[0].innerHTML + arr[1].innerHTML + arr[2].innerHTML); }); /script /head body ul li class=data table tr td data1 /td /tr /table /li li class=data table tr td data2 /td /tr /table /li li class=data table tr td data3 /td /tr /table /li /ul /body /html -- View this message in context: http://old.nabble.com/jquery-array-tp23232285s27240p26441567.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] loosing scope in a custom object
i am trying to bring jQuery into a custom object... The object will manage some logic,callbacks, etc, by assigning a delegate. In this case , it will be a checkbox function Toggler() { this.type = toggler; this.name = null; this.delegate = null; this.group=0; this.checked=checked; this.setDelegate=function(v) { this.delegate =v; this.checked = v.checked; $(v).bind(change,this.onChange); } ; this.onChange = function() { console.log(this) }; this.init = function(){ } } my problem is where i bind the delegate in setDelegate...you can see i am trying to bring the handler back to the class that is wrapping v (the delegate. However, if i log the dispatcher of this event, i get not the class, but the delegate...is it possible to bring the scope back to the class??
[jQuery] Click event outside of an element
Hi! I am newbie in JQuery. I want to catch click event outside and specified class. For example, I have a div with class classname, and I want to attach some actions when I click outside, in the rest of the page. I tried with this (to get the classname where I click): $('*').click(function(){ alert($(this).attr('class')); }); But not works! Any idea? Thanks! P.D: sorry for the bad english!
[jQuery] Re: AJAX w/dataType='json', doesn't correctly handle boolean response?
I'm not explicitly setting a content-type, but Firebug tells me it's text/html . I'll try changing it to application/json. Erm... I must be doing something else wrong in my script. Just now I just set up a very simple test using both regular $.ajax() and using jquery.form.js's $.ajaxForm() and both work correctly. If anyone's interested, here are both test scripts: bool_json_test.html: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http:// www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=http://www.w3.org/1999/xhtml; head meta http-equiv=Content-Type content=text/html; charset=utf-8 / titleAJAX JSON Test/title script type=text/javascript src=/scripts/jquery/jquery.js/ script script type=text/javascript src=/scripts/jquery/jquery.form.js/ script /head body form id=no_submit name=no_submit method=get action= pReturn type: /p blockquote label input type=radio name=datatype value=string id=datatype_0 / String/label br / label input type=radio name=datatype value=integer id=datatype_1 / Integer/label br / label input type=radio name=datatype value=float id=datatype_2 / Float/label br / label input type=radio name=datatype value=boolean id=datatype_3 / Boolean/label br / label input type=radio name=datatype value=null id=datatype_4 / Null/label br / /blockquote p input type=button name=click_me id=click_me value=Click Me / /p /form table border=1 cellspacing=0 cellpadding=2 tr tdData type returned:/td td id=data_typenbsp;/td /tr tr tdValue returned:/td td id=valuenbsp;/td /tr /table script type=text/ecmascript $(function() { $(#click_me).click(function() { $.ajax({ url : 'bool_json_test.ajax.php', dataType : 'json', type : 'GET', data : { type: $([name=datatype]:checked).val() }, success : function(json) { var text = (json===null) ? null : json.toString(); $(#data_type).text(typeof json); $(#value).text(); $(#value).text(text); } }); }); }); /script form id=ajax_form name=ajax_form method=get action=bool_json_test.ajax.php pReturn type: /p blockquote label input type=radio name=datatype value=string id=datatype_5 / String/label br / label input type=radio name=datatype value=integer id=datatype_6 / Integer/label br / label input type=radio name=datatype value=float id=datatype_7 / Float/label br / label input type=radio name=datatype value=boolean id=datatype_8 / Boolean/label br / label input type=radio name=datatype value=null id=datatype_9 / Null/label br / /blockquote p input type=submit name=click_me2 id=click_me2 value=Click Me / /p /form table border=1 cellspacing=0 cellpadding=2 tr tdData type returned:/td td id=data_type2nbsp;/td /tr tr tdValue returned:/td td id=value2nbsp;/td /tr /table script type=text/ecmascript $(function() { $(#ajax_form).ajaxForm({ dataType : 'json', success : function(json) { var text = (json===null) ? null : json.toString(); $(#data_type2).text(typeof json); $(#value2).text(); $(#value2).text(text); } }); }); /script /body /html bool_json_test.ajax.php: ?php $type = @$_GET['type']; if (!$type) { $type = $_GET['datatype']; } $rets = array( 'string'= Hello World, 'integer' = 5, 'float' = 10.3, 'boolean' = true, 'null' = NULL ); print json_encode($rets[$type]); ? Thanks, Jamie On Nov 19, 10:19 pm, Michael Geary m...@mg.to wrote: You would normally expect that to work. What content-type is your server putting in the header for the JSON data? That could be throwing it off. Also note that a bare primitive value (true, false, null, or a string or number) is not valid JSON. The only valid JSON is either an object enclosed in {} or an array enclosed in []. However, this is not what's causing your problem. jQuery doesn't use a strict JSON parser - it simply evals the JSON text - so a bare primitive value should work fine if everything else is OK. -Mike On Thu, Nov 19, 2009 at 11:08 AM, livefree75 jpittm...@gmail.com wrote: Hi, I'm using the following code on the client side: $.ajax({ dataType : 'json', // other options success : function(json_response) { console.log(typeof response, response); // Using Firefox's
[jQuery] Where to place import js.
In the old version of web1 this was an easy question to answer; the right answer was in the head as described below: head script type=text/javascript src=./js/indexController.js/ script ... /head In the new web2's one the navigation is no longer based on the full page. The user make a request, then after the dom is downloaded and the first javascript has esecuted, other requests are made to the server in order to retrieve other parts of the page. In jQuery the load() function is very useful to achieve this purpose. The problem is that often what is loaded is a piece of html with a javascripts dependent logic; therefore the import javascript may be included in the head page or in the body when the divs are loaded from the html return of the load() function. What is a good design for this architectures? Kind regards Massimo
[jQuery] Simple jQuery question
Hello Forum! I'm new here and also pretty bad at writing javascript. I'm using a snippet of code by Lloyd Irvin (http://agyuku.net/2009/05/back-to-top-link-using-jquery/) that allows the user to scroll back to the top of the page by clicking on a fixed button that fades in only when you begin scrolling down the page. It's a great code and I'm trying to rewrite it partially so instead of scrolling to the top it scrolls to a another section of the website. This is the original snippet of code from Lloyd: script jQuery(function() { jQuery(this).pngFix(); jQuery(window).scroll(function() { if(jQuery(this).scrollTop() != 0) { jQuery('#toTop').fadeIn(); } else { jQuery('#toTop').fadeOut(); } }); jQuery('#toTop').click(function() { jQuery('body,html').animate({scrollTop:0},800); }); }); /script The script works with this div: div id=toTop^ Back to Top/div. And here's mine, which is the same except that I replaced the 0 position to 500: script jQuery(function() { jQuery(this).pngFix(); jQuery(window).scroll(function() { if(jQuery(this).scrollTop() != 500) { jQuery('#toTop').fadeIn(); } else { jQuery('#toTop').fadeOut(); } }); jQuery('#toTop').click(function() { jQuery('body,html').animate({scrollTop:500},800); }); }); /script Now my question. At this point, the button disappears only when the user hit the 500 mark. I would like it to disappear and stay invisible when the user reaches the 500 mark and anything below. I think it's got to do with this line: if(jQuery(this).scrollTop() != 500) but I just don't know the right wording. Also, at this point, when the page loads, the button doesn't show unless you start scrolling down. Is there a way to make it appear when the page loads? I think this is all pretty simple stuff for you developers. It's just too much for me at this point. I would appreciate your input and advice. Thanks! -- View this message in context: http://old.nabble.com/Simple-jQuery-question-tp26443552s27240p26443552.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: jQuery UI: Tabs: No spinner
I already have that. It's not working. Have you seen any tabs with the spinner working? On Nov 19, 9:11 pm, MorningZ morni...@gmail.com wrote: add a span tag around the a's text and it should work so a href=http://somesite.com/tabcontent.php;This Tab/a to a href=http://somesite.com/tabcontent.php;spanThis Tab/span/a On Nov 19, 3:39 pm, dinos kbala...@gmail.com wrote: I use UI Tabs with Ajax loading. The spinner is not working. Any ideas?
[jQuery] Re: No reaction with $('a').click(), OK with dispatchEvent(...)
At the moment I'm not so interested in the right/smart way to write an a tag. It's more interesting to me to see what the jQuery click() function can and cannot do ok, then read the source. we're trying to offer solutions to the problem, but if you just want some info on what jQuery's click method is capable of, it's defined on lines #2590 through #2663 in version 1.3.2. or you can read the docs: http://docs.jquery.com/Events/trigger NOTE: Most of the event shortcut methods (click, hover, focus, etc) use jQuery,event.trigger() under the hood. On Nov 20, 5:47 am, Jon jon.klei...@usit.uio.no wrote: Hi, I'm not quite sure what you try to show me with that $('#a3').click (...stuff...) below, but I can tell you what I just found out: The difference I've mentioned between my clickAt($('#a1')[0]) and $ ('#a1').click(), and also with #a3, occurs in Safari and Opera, but in Firefox (3.0.3 and 3.5.5) my clickAt(...) does no more than $ (...).click(). In IE7 my clickAt(...) just gives me an [object Error]. What a mess! /Jon On Nov 20, 11:18 am, Olaf Bosch olaf.bo...@t-online.de wrote: Jon schrieb: and one (#a3) that links to this Google Groups page. With the latter I observe the same difference as with #a1: my clickAt($('#a3')[0]) works, but $('#a3').click() doesn't. Bug or feature? Sorry I can't follow you. I added this to Firebug on your Testpage: $('#a3').click( function() { return false; }); And then Click on #a3 and nothing -- Viele Gr e, Olaf --- olaf.bo...@t-online.dehttp://olaf-bosch.de/http://ohorn.info/http://www.akitafreund.de/ ---
[jQuery] Why would jQuery be undefined in IE, but not FF???
Hi, all. Anyone have any idea about this? First time I've seen it. I using Mike Alsup's cycle plug-in to cross fade three photos. When I first set this up, it worked fine in IE and FF. Now, however, the code only works in FF. IE7 IE8 (at a minimum), return the error messages: 'jQuery' is undefined jquery.cycle.all.2.65.min.js (line 16) Line 16 refers to the first line of code in jquery.cycle.all.2.65.min.js, that starts: ;(function($){var ver=2.65;if($.support==undefined){$.support={opacity:!($.browser.msie)};}f unction log(){if(window.consolewindow.console.log){ etc. The next error message returned by IE is: 'jQuery' is undefined www.holtzmanrealestate.com (line 85) That's referencing this code on index.cfm: script type=text/javascript $(document).ready(function(){ $('#photoMontage').cycle({ fx: 'fade', speed: 2000, timeout: 6000 }); }); /script Again, this code works fine in FF and did in IE when I first wrote the code and created the site. The HTML looks like this for the photos cycling: div id=photoMontage img src=graphics/rotation_01.jpg width=860 height=425 / img src=graphics/rotation_02.jpg width=860 height=425 / img src=graphics/rotation_03.jpg width=860 height=425 / /div In IE, the first photo above shows, then nothing else happens except the error message in the lower right corner of the browser window. Anyone know of anything that could be happening to cause this? Thanks, Rick --- Those who hammer their guns into plows will plow for those who do not. - Thomas Jefferson
RE: [jQuery] Why would jQuery be undefined in IE, but not FF???
Even stranger. I went back to another site where I have the cycle plug-in successfully running on IE and FF to retrieve the versions of jquery core and cycle plug-in that are working. I put those into the site at www.holtzmanrealestate.com and I get the same problem as before. 'jQuery' is undefined (line 10 of jquery.cycle.2.03.pack.js) and 'jQuery' is undefined (line 90 www.holtzmanrealestate.com, which refers to the cycle plug-in script as defined below.) What could possibly be the issue? Rick From: Rick Faircloth [mailto:r...@whitestonemedia.com] Sent: Friday, November 20, 2009 11:36 AM To: jquery-en@googlegroups.com Subject: [jQuery] Why would jQuery be undefined in IE, but not FF??? Hi, all. Anyone have any idea about this? First time I've seen it. I using Mike Alsup's cycle plug-in to cross fade three photos. When I first set this up, it worked fine in IE and FF. Now, however, the code only works in FF. IE7 IE8 (at a minimum), return the error messages: 'jQuery' is undefined jquery.cycle.all.2.65.min.js (line 16) Line 16 refers to the first line of code in jquery.cycle.all.2.65.min.js, that starts: ;(function($){var ver=2.65;if($.support==undefined){$.support={opacity:!($.browser.msie)};}f unction log(){if(window.consolewindow.console.log){ etc. The next error message returned by IE is: 'jQuery' is undefined www.holtzmanrealestate.com (line 85) That's referencing this code on index.cfm: script type=text/javascript $(document).ready(function(){ $('#photoMontage').cycle({ fx: 'fade', speed: 2000, timeout: 6000 }); }); /script Again, this code works fine in FF and did in IE when I first wrote the code and created the site. The HTML looks like this for the photos cycling: div id=photoMontage img src=graphics/rotation_01.jpg width=860 height=425 / img src=graphics/rotation_02.jpg width=860 height=425 / img src=graphics/rotation_03.jpg width=860 height=425 / /div In IE, the first photo above shows, then nothing else happens except the error message in the lower right corner of the browser window. Anyone know of anything that could be happening to cause this? Thanks, Rick --- Those who hammer their guns into plows will plow for those who do not. - Thomas Jefferson
Re: [jQuery] Why would jQuery be undefined in IE, but not FF???
Well, the most obvious idea that's coming to my mind would be to check wether your jQuery script loader line comes before the plugin's loading line. If not, the code of the plugin, which requires jQuery, will lack jQuery and fail. Michel Belleville 2009/11/20 Rick Faircloth r...@whitestonemedia.com Even stranger… I went back to another site where I have the cycle plug-in successfully running on IE and FF to retrieve the versions of jquery core and cycle plug-in that are working. I put those into the site at www.holtzmanrealestate.com and I get the same problem as before… ‘jQuery’ is undefined (line 10 of jquery.cycle.2.03.pack.js) and ‘jQuery’ is undefined (line 90 www.holtzmanrealestate.com, which refers to the cycle plug-in script as defined below.) What could possibly be the issue? Rick *From:* Rick Faircloth [mailto:r...@whitestonemedia.com] *Sent:* Friday, November 20, 2009 11:36 AM *To:* jquery-en@googlegroups.com *Subject:* [jQuery] Why would jQuery be undefined in IE, but not FF??? Hi, all… Anyone have any idea about this? First time I’ve seen it… I using Mike Alsup’s cycle plug-in to cross fade three photos. When I first set this up, it worked fine in IE and FF. Now, however, the code only works in FF. IE7 IE8 (at a minimum), return the error messages: ‘jQuery’ is undefined jquery.cycle.all.2.65.min.js (line 16) Line 16 refers to the first line of code in jquery.cycle.all.2.65.min.js, that starts: ;(function($){var ver=2.65;if($.support==undefined){$.support={opacity:!($.browser.msie)};}function log(){if(window.consolewindow.console.log){ etc… The next error message returned by IE is: ‘jQuery’ is undefined www.holtzmanrealestate.com (line 85) That’s referencing this code on index.cfm: script type=text/javascript $(document).ready(function(){ $('#photoMontage').cycle({ fx: 'fade', speed: 2000, timeout: 6000 }); }); /script Again, this code works fine in FF and did in IE when I first wrote the code and created the site. The HTML looks like this for the photos cycling: div id=photoMontage img src=graphics/rotation_01.jpg width=860 height=425 / img src=graphics/rotation_02.jpg width=860 height=425 / img src=graphics/rotation_03.jpg width=860 height=425 / /div In IE, the first photo above shows, then nothing else happens except the error message in the lower right corner of the browser window. Anyone know of anything that could be happening to cause this? Thanks, Rick * --- * *Those who hammer their guns into plows will plow for those who do not. - Thomas Jefferson*
[jQuery] Re: Why would jQuery be undefined in IE, but not FF???
http://www.holtzmanrealestate.com/ One issue right away seen by doing a view source is that you are not closing the tag: meta name = keywords which happens to be the line right before the jquery (1.2.1 ??) include that would definitely be an issue... one that perhaps Firefox can get by, but apparently not the case with IE
RE: [jQuery] Why would jQuery be undefined in IE, but not FF???
Thanks for the reminder on that one, Michel...I checked that to make sure the load sequence was correct, and it is… script type=text/javascript src=js/jquery-1.2.1.pack.js/script script type=text/javascript src=js/jquery.cycle.2.03.pack.js/script Rick From: Michel Belleville [mailto:michel.bellevi...@gmail.com] Sent: Friday, November 20, 2009 12:29 PM To: jquery-en@googlegroups.com Subject: Re: [jQuery] Why would jQuery be undefined in IE, but not FF??? Well, the most obvious idea that's coming to my mind would be to check wether your jQuery script loader line comes before the plugin's loading line. If not, the code of the plugin, which requires jQuery, will lack jQuery and fail. Michel Belleville 2009/11/20 Rick Faircloth r...@whitestonemedia.com Even stranger… I went back to another site where I have the cycle plug-in successfully running on IE and FF to retrieve the versions of jquery core and cycle plug-in that are working. I put those into the site at www.holtzmanrealestate.com and I get the same problem as before… ‘jQuery’ is undefined (line 10 of jquery.cycle.2.03.pack.js) and ‘jQuery’ is undefined (line 90 www.holtzmanrealestate.com, which refers to the cycle plug-in script as defined below.) What could possibly be the issue? Rick From: Rick Faircloth [mailto:r...@whitestonemedia.com] Sent: Friday, November 20, 2009 11:36 AM To: jquery-en@googlegroups.com Subject: [jQuery] Why would jQuery be undefined in IE, but not FF??? Hi, all… Anyone have any idea about this? First time I’ve seen it… I using Mike Alsup’s cycle plug-in to cross fade three photos. When I first set this up, it worked fine in IE and FF. Now, however, the code only works in FF. IE7 IE8 (at a minimum), return the error messages: ‘jQuery’ is undefined jquery.cycle.all.2.65.min.js (line 16) Line 16 refers to the first line of code in jquery.cycle.all.2.65.min.js, that starts: ;(function($){var ver=2.65;if($.support==undefined){$.support={opacity:!($.browser.msie)};}function log(){if(window.consolewindow.console.log){ etc… The next error message returned by IE is: ‘jQuery’ is undefined www.holtzmanrealestate.com (line 85) That’s referencing this code on index.cfm: script type=text/javascript $(document).ready(function(){ $('#photoMontage').cycle({ fx: 'fade', speed: 2000, timeout: 6000 }); }); /script Again, this code works fine in FF and did in IE when I first wrote the code and created the site. The HTML looks like this for the photos cycling: div id=photoMontage img src=graphics/rotation_01.jpg width=860 height=425 / img src=graphics/rotation_02.jpg width=860 height=425 / img src=graphics/rotation_03.jpg width=860 height=425 / /div In IE, the first photo above shows, then nothing else happens except the error message in the lower right corner of the browser window. Anyone know of anything that could be happening to cause this? Thanks, Rick --- Those who hammer their guns into plows will plow for those who do not. - Thomas Jefferson
[jQuery] Re: Unknown pseudo-class or pseudo-element 'odd'.
I'm seing the same behaviour on FF3.5.5 Windows with the example page above or with my test page (I'm using :visible selector). I also use jquery 1.3.2. I actually get it on the document page on jquery.com: Warning: Unknown pseudo-class or pseudo-element 'visible'. Source File: http://docs.jquery.com/Selectors/visible Line: 0
Re: [jQuery] Why would jQuery be undefined in IE, but not FF???
The missing issue mentionned by MorningZ might be your killer then. Michel Belleville 2009/11/20 Rick Faircloth r...@whitestonemedia.com Thanks for the reminder on that one, Michel...I checked that to make sure the load sequence was correct, and it is… script type=text/javascript src=js/jquery-1.2.1.pack.js/script script type=text/javascript src=js/jquery.cycle.2.03.pack.js/script Rick *From:* Michel Belleville [mailto:michel.bellevi...@gmail.com] *Sent:* Friday, November 20, 2009 12:29 PM *To:* jquery-en@googlegroups.com *Subject:* Re: [jQuery] Why would jQuery be undefined in IE, but not FF??? Well, the most obvious idea that's coming to my mind would be to check wether your jQuery script loader line comes before the plugin's loading line. If not, the code of the plugin, which requires jQuery, will lack jQuery and fail. Michel Belleville 2009/11/20 Rick Faircloth r...@whitestonemedia.com Even stranger… I went back to another site where I have the cycle plug-in successfully running on IE and FF to retrieve the versions of jquery core and cycle plug-in that are working. I put those into the site at www.holtzmanrealestate.com and I get the same problem as before… ‘jQuery’ is undefined (line 10 of jquery.cycle.2.03.pack.js) and ‘jQuery’ is undefined (line 90 www.holtzmanrealestate.com, which refers to the cycle plug-in script as defined below.) What could possibly be the issue? Rick *From:* Rick Faircloth [mailto:r...@whitestonemedia.com] *Sent:* Friday, November 20, 2009 11:36 AM *To:* jquery-en@googlegroups.com *Subject:* [jQuery] Why would jQuery be undefined in IE, but not FF??? Hi, all… Anyone have any idea about this? First time I’ve seen it… I using Mike Alsup’s cycle plug-in to cross fade three photos. When I first set this up, it worked fine in IE and FF. Now, however, the code only works in FF. IE7 IE8 (at a minimum), return the error messages: ‘jQuery’ is undefined jquery.cycle.all.2.65.min.js (line 16) Line 16 refers to the first line of code in jquery.cycle.all.2.65.min.js, that starts: ;(function($){var ver=2.65;if($.support==undefined){$.support={opacity:!($.browser.msie)};}function log(){if(window.consolewindow.console.log){ etc… The next error message returned by IE is: ‘jQuery’ is undefined www.holtzmanrealestate.com (line 85) That’s referencing this code on index.cfm: script type=text/javascript $(document).ready(function(){ $('#photoMontage').cycle({ fx: 'fade', speed: 2000, timeout: 6000 }); }); /script Again, this code works fine in FF and did in IE when I first wrote the code and created the site. The HTML looks like this for the photos cycling: div id=photoMontage img src=graphics/rotation_01.jpg width=860 height=425 / img src=graphics/rotation_02.jpg width=860 height=425 / img src=graphics/rotation_03.jpg width=860 height=425 / /div In IE, the first photo above shows, then nothing else happens except the error message in the lower right corner of the browser window. Anyone know of anything that could be happening to cause this? Thanks, Rick * --- * *Those who hammer their guns into plows will plow for those who do not. - Thomas Jefferson*
RE: [jQuery] Re: Why would jQuery be undefined in IE, but not FF???
Nice catch, Z! That was the problem. I never even thought to check that. Thanks! My weekend will be much better without that continuing irritation! Rick -Original Message- From: MorningZ [mailto:morni...@gmail.com] Sent: Friday, November 20, 2009 12:31 PM To: jQuery (English) Subject: [jQuery] Re: Why would jQuery be undefined in IE, but not FF??? http://www.holtzmanrealestate.com/ One issue right away seen by doing a view source is that you are not closing the tag: meta name = keywords which happens to be the line right before the jquery (1.2.1 ??) include that would definitely be an issue... one that perhaps Firefox can get by, but apparently not the case with IE
RE: [jQuery] Why would jQuery be undefined in IE, but not FF???
Yep…that was it. Thanks for your input, Michel! Rick From: Michel Belleville [mailto:michel.bellevi...@gmail.com] Sent: Friday, November 20, 2009 12:38 PM To: jquery-en@googlegroups.com Subject: Re: [jQuery] Why would jQuery be undefined in IE, but not FF??? The missing issue mentionned by MorningZ might be your killer then. Michel Belleville 2009/11/20 Rick Faircloth r...@whitestonemedia.com Thanks for the reminder on that one, Michel...I checked that to make sure the load sequence was correct, and it is… script type=text/javascript src=js/jquery-1.2.1.pack.js/script script type=text/javascript src=js/jquery.cycle.2.03.pack.js/script Rick From: Michel Belleville [mailto:michel.bellevi...@gmail.com] Sent: Friday, November 20, 2009 12:29 PM To: jquery-en@googlegroups.com Subject: Re: [jQuery] Why would jQuery be undefined in IE, but not FF??? Well, the most obvious idea that's coming to my mind would be to check wether your jQuery script loader line comes before the plugin's loading line. If not, the code of the plugin, which requires jQuery, will lack jQuery and fail. Michel Belleville 2009/11/20 Rick Faircloth r...@whitestonemedia.com Even stranger… I went back to another site where I have the cycle plug-in successfully running on IE and FF to retrieve the versions of jquery core and cycle plug-in that are working. I put those into the site at www.holtzmanrealestate.com and I get the same problem as before… ‘jQuery’ is undefined (line 10 of jquery.cycle.2.03.pack.js) and ‘jQuery’ is undefined (line 90 www.holtzmanrealestate.com, which refers to the cycle plug-in script as defined below.) What could possibly be the issue? Rick From: Rick Faircloth [mailto:r...@whitestonemedia.com] Sent: Friday, November 20, 2009 11:36 AM To: jquery-en@googlegroups.com Subject: [jQuery] Why would jQuery be undefined in IE, but not FF??? Hi, all… Anyone have any idea about this? First time I’ve seen it… I using Mike Alsup’s cycle plug-in to cross fade three photos. When I first set this up, it worked fine in IE and FF. Now, however, the code only works in FF. IE7 IE8 (at a minimum), return the error messages: ‘jQuery’ is undefined jquery.cycle.all.2.65.min.js (line 16) Line 16 refers to the first line of code in jquery.cycle.all.2.65.min.js, that starts: ;(function($){var ver=2.65;if($.support==undefined){$.support={opacity:!($.browser.msie)};}function log(){if(window.consolewindow.console.log){ etc… The next error message returned by IE is: ‘jQuery’ is undefined www.holtzmanrealestate.com (line 85) That’s referencing this code on index.cfm: script type=text/javascript $(document).ready(function(){ $('#photoMontage').cycle({ fx: 'fade', speed: 2000, timeout: 6000 }); }); /script Again, this code works fine in FF and did in IE when I first wrote the code and created the site. The HTML looks like this for the photos cycling: div id=photoMontage img src=graphics/rotation_01.jpg width=860 height=425 / img src=graphics/rotation_02.jpg width=860 height=425 / img src=graphics/rotation_03.jpg width=860 height=425 / /div In IE, the first photo above shows, then nothing else happens except the error message in the lower right corner of the browser window. Anyone know of anything that could be happening to cause this? Thanks, Rick --- Those who hammer their guns into plows will plow for those who do not. - Thomas Jefferson
Re: [jQuery] Re: getjson request an unavailable page
On Wed, 18 Nov 2009, Humpty Dumpty wrote: Thanks, I though that there was a JSON solution; ok, I will try by the use of ajax but nobody that used getjson had this problem? As a matter of fact, I just did. As I understand it $.getJSON() seems to be just a wrapper around an $.ajax() request. So I used $.ajaxSetup() to define an error handling routine. see: http://stackoverflow.com/questions/572991/jquery-getjson-doesnt-trigger-callback and: http://docs.jquery.com/Ajax/jQuery.ajax
[jQuery] Re: Why would jQuery be undefined in IE, but not FF???
I never even thought to check that. Firefox's View Source highlighted that line in red
[jQuery] Re: getjson request an unavailable page
ok, I will try by the use of ajax but nobody that used getjson had this problem? Everyone and anyone using $.getJSON *is* using $.ajax straight from the jQuery file getJSON: function( url, data, callback ) { return jQuery.get(url, data, callback, json); }, which in turn calls get: function( url, data, callback, type ) { // shift arguments if data argument was ommited if ( jQuery.isFunction( data ) ) { callback = data; data = null; } return jQuery.ajax({ type: GET, url: url, data: data, success: callback, dataType: type }); }, On Nov 20, 1:25 pm, Jon Crump jjcr...@myuw.net wrote: On Wed, 18 Nov 2009, Humpty Dumpty wrote: Thanks, I though that there was a JSON solution; ok, I will try by the use of ajax but nobody that used getjson had this problem? As a matter of fact, I just did. As I understand it $.getJSON() seems to be just a wrapper around an $.ajax() request. So I used $.ajaxSetup() to define an error handling routine. see:http://stackoverflow.com/questions/572991/jquery-getjson-doesnt-trigg... and:http://docs.jquery.com/Ajax/jQuery.ajax
[jQuery] Re: jq 1.3.2 in IE6 syntax error line 324
can you post a test page? just by scanning, there isn't anything that jumps out at me as being broken/syntactically incorrect... just a tip, though, you can combine your selectors to make that part more efficient: $(function(){ $('#username, #password, #valicode').keydown(function(event){ if(event.keyCode==13){ formLogin(); } }); }); the initial selection might take longer (to find three elements, as opposed to just one), but in the new format you will avoid creating three separate (but identical) closures to handle the keydown event. hope that helps, post a test page and we can help diagnose the error. On Nov 19, 12:43 am, viperasi viper...@gmail.com wrote: Either jquery-1.2.3.js or jquery-1.3.2.min.js, i got the error in IE6,other browsers without error. the code: $(function(){ $('#username').keydown(function(event){ if(event.keyCode==13){ formLogin(); } }); $('#password').keydown(function(event){ if(event.keyCode==13){ formLogin(); } }); $('#valicode').keydown(function(event){ if(event.keyCode==13){ formLogin(); } }); }); Can anyway help me please? I think it's something really simple and I'm just being stupid. Many thanks for reading and sorry for my poor English.
[jQuery] Re: How to Get Div from IFrame
Outside of my domain, I can understand. I'll have to hold off for a bit then. Although the page will be remote, it will be accessible by http://search.mydomain.com. Once it's accessible as a sub domain', will I then have access to the page's elements? On Nov 16, 7:55 am, Liam Byrne l...@onsight.ie wrote: You can't do this if the content of the iFrame is from a different server / domain. e.g. if it's not your content, then you can't get at it this way in order to show it in your page; you can only display the iframe as the owner intended. L webspee...@gmail.com wrote: When I try it, I get this error: Error: Permission denied for http://www.myurl.com to get property HTMLDocument.nodeType from http://remoteurl:. Source File:http://www.myurl.com/js/jquery/jquery.js Line: 2216 Here is the line of JS being used. $(#eseSearchRight).html($('#searchFrame').contents().find ('.recordHeader').html()); On Nov 5, 4:17 pm, Michel Belleville michel.bellevi...@gmail.com wrote: $('#canvas_frame').contents().find('#my_div'); To seek an id use #, to seek inside a div use .contents(). Plus, refrain from using iframe, this is almost as bad as using frame and almost never worth it. AJAX is good for you instead of shitty iframes. Michel Belleville 2009/11/5 Danish engrdanishsid...@gmail.com I have a page with multiple Frames and Division, Now I am trying to extract one div having id=my_div from iframe with Id = canvas_frame but I am fail to do so, Nor I am getting iframe neither Division in iframe. I tried all these selectors but always null returns although they are in page: 1) $(my_div); 2) $(my_div,canvas_frame); 3) $(canvas_frame,content.document); 4) $(canvas_frame); 5) var $frame = $(canvas_frame,content.document); var $div = $(my_div,$frame); I am able to do this with Pure JavaScript but due to some reasons I want to use JQuery Library, Any help will be highly appreciated. No virus found in this incoming message. Checked by AVG -www.avg.com Version: 8.5.425 / Virus Database: 270.14.63/2500 - Release Date: 11/13/09 07:54:00
[jQuery] Re: show/hide div on select change
also, just as a head's up... even when you store numbers as the value attribute on an option/ tag, they are interpreted as strings in javascript. so, from your example above, you might also consider switching your condition to: // Compare as string instead if ($(#id_status).val() === '6'){ $('div.textfield1').show(); } when you compare the two as strings using the strict equality operator (===), your results will likely be far more predictable. hope that helps. On Nov 18, 2:03 pm, mtuller mitul...@gmail.com wrote: Thanks. On Nov 18, 1:50 pm, Charlie Griefer charlie.grie...@gmail.com wrote: You're missing a $ on this line: ('#id_status').change(function() { Change to: $('#id_status').change(function() { unsolicited word of advice... run firebug :) On Wed, Nov 18, 2009 at 11:44 AM, mtuller mitul...@gmail.com wrote: I am trying to have a div show and hide based on the value of a select list. I have looked at a number of examples, but can't seem to get it to work. Would appreciate someone taking a look at what I have and giving me any advice. script $(document).ready(function() { $('div.textfield1').hide(); ('#id_status').change(function() { if ($(#id_status).val() == 6){ $('div.textfield1').show(); } else{ $('div.textfield1').hide(); } }); }); /script plabel for=id_statusStatus:/label select name=status id=id_status option value=1New/option option value=2In Review/option option value=3Working On/option option value=4Elevated/option option value=5Approved/option option value=6Deferred/option option value=7Denied/option option value=8Duplicate/option option value=9Completed/option option value=10Needs more information/option /select/p div class=textfield1 labeltest input type=text name=text id=text / /label /div -- Charlie Grieferhttp://charlie.griefer.com/ I have failed as much as I have succeeded. But I love my life. I love my wife. And I wish you my kind of success.
[jQuery] Re: How to Get Div from IFrame
No. Cross domain also applies to different sub-domains, protocols, and ports. On Nov 20, 11:17 am, webspee...@gmail.com webspee...@gmail.com wrote: Outside of my domain, I can understand. I'll have to hold off for a bit then. Although the page will be remote, it will be accessible byhttp://search.mydomain.com. Once it's accessible as a sub domain', will I then have access to the page's elements? On Nov 16, 7:55 am, Liam Byrne l...@onsight.ie wrote: You can't do this if the content of the iFrame is from a different server / domain. e.g. if it's not your content, then you can't get at it this way in order to show it in your page; you can only display the iframe as the owner intended. L webspee...@gmail.com wrote: When I try it, I get this error: Error: Permission denied for http://www.myurl.com to get property HTMLDocument.nodeType from http://remoteurl:. Source File:http://www.myurl.com/js/jquery/jquery.js Line: 2216 Here is the line of JS being used. $(#eseSearchRight).html($('#searchFrame').contents().find ('.recordHeader').html()); On Nov 5, 4:17 pm, Michel Belleville michel.bellevi...@gmail.com wrote: $('#canvas_frame').contents().find('#my_div'); To seek an id use #, to seek inside a div use .contents(). Plus, refrain from using iframe, this is almost as bad as using frame and almost never worth it. AJAX is good for you instead of shitty iframes. Michel Belleville 2009/11/5 Danish engrdanishsid...@gmail.com I have a page with multiple Frames and Division, Now I am trying to extract one div having id=my_div from iframe with Id = canvas_frame but I am fail to do so, Nor I am getting iframe neither Division in iframe. I tried all these selectors but always null returns although they are in page: 1) $(my_div); 2) $(my_div,canvas_frame); 3) $(canvas_frame,content.document); 4) $(canvas_frame); 5) var $frame = $(canvas_frame,content.document); var $div = $(my_div,$frame); I am able to do this with Pure JavaScript but due to some reasons I want to use JQuery Library, Any help will be highly appreciated. No virus found in this incoming message. Checked by AVG -www.avg.com Version: 8.5.425 / Virus Database: 270.14.63/2500 - Release Date: 11/13/09 07:54:00
[jQuery] Re: IDEs of jQuery
I don't believe there is an ide with that level of support (yet), but I haven't been looking lately. I'd checkout the link MorningZ posted... Michael On Nov 19, 1:56 pm, Ankur_Patel ankurpate...@gmail.com wrote: to Michael, I am also use NetBeans but how can i get jQuery all library like php functions,properties On Thu, Nov 19, 2009 at 8:58 PM, devilmike devilm...@gmail.com wrote: This isn't specifically for jQuery, but NetBeans handles it extremely well. I use the Early Access for PHP version. Michael On Nov 19, 4:13 am, Ankur_Patel ankurpate...@gmail.com wrote: Can any one tell me name of jQuery IDEs... like dreamweaver use of IDE as HTML,PHP,ASP,XML,CSS Any IDE there for jQuery code so we can write codes easy fast Thanx
[jQuery] Re: imitate link
charlie and dave are correct: you should use elements semantically to ensure your content runs on as many platforms/devices/configurations as possible. with that being said, there is a simple answer to your original question: HTML: strong id=fake_linkHome/strong JS: $(#fake_link).click(function() { window.location = http://your.domain.com/path/to/wherever;'; }); if you don't take the advice to use a/ elements instead, please Please PLEASE use strong/ instead of b/. b/ and i/ elements are long-deprecated. On Nov 17, 10:24 pm, Dave Methvin dave.meth...@gmail.com wrote: Can make b behave as a ? Why would you not just use CSS to style an a element to be bold and not underlined? Definitely the way to go. That way the link works with the keyboard and screen readers as well. Apps that require the mouse drive me crazy.
[jQuery] array of attributes
Hey y'all, The jQuery attr() method returns only the attribute of a set's first matched element. E.g., for the HTML snippet: input type=text name=input-one value=some stuff/ input type=text name=input-two value=some other stuff/ input type=text name=input-three value=some other other stuff/ the jQuery expression $(input).attr(name) will return only the string input-one. What if, instead, I wanted to return all the attribute values in an array? What's the syntax to produce this result? Thanks in advance, --Bill
[jQuery] Re: array of attributes
Ha. Found an answer: http://groups.google.com/group/jquery-en/browse_thread/thread/b73ab7267d9e0357/cc4b528a4f079254?lnk=gstq=attr+array#cc4b528a4f079254 Has anyone used this? $.fn.attrs = function(key, val){ if (val != undefined) return this.attr(key, val); return $.map(this, function(a){ return $(a).attr(key); }); } On Nov 20, 12:30 pm, Bill bllfr...@gmail.com wrote: Hey y'all, The jQuery attr() method returns only the attribute of a set's first matched element. E.g., for the HTML snippet: input type=text name=input-one value=some stuff/ input type=text name=input-two value=some other stuff/ input type=text name=input-three value=some other other stuff/ the jQuery expression $(input).attr(name) will return only the string input-one. What if, instead, I wanted to return all the attribute values in an array? What's the syntax to produce this result? Thanks in advance, --Bill
RE: [jQuery] Re: Why would jQuery be undefined in IE, but not FF???
Really...I didn't realize it would point out syntax errors like that. Good to know... Thanks! Rick -Original Message- From: MorningZ [mailto:morni...@gmail.com] Sent: Friday, November 20, 2009 2:05 PM To: jQuery (English) Subject: [jQuery] Re: Why would jQuery be undefined in IE, but not FF??? I never even thought to check that. Firefox's View Source highlighted that line in red
[jQuery] Re: loosing scope in a custom object
for anyone who may need this later, i found a work around (not yet tested in ie): this.setDelegate=function(v) { this.delegate =v; v.me = this; //refernce back to this class, since we loose scope in the callbacks this.checked = v.checked; $(v).bind(change,this.onChange) }; this.onChange = function() { var val = 1; (this.checked) ? val = 1 : val = 0; this.me.swf.toggleProperty(this.me.group,this.me.prop,val); }; On Nov 19, 2:47 pm, mlecho saltlessbr...@gmail.com wrote: i am trying to bring jQuery into a custom object... The object will manage some logic,callbacks, etc, by assigning a delegate. In this case , it will be a checkbox function Toggler() { this.type = toggler; this.name = null; this.delegate = null; this.group=0; this.checked=checked; this.setDelegate=function(v) { this.delegate =v; this.checked = v.checked; $(v).bind(change,this.onChange); } ; this.onChange = function() { console.log(this) }; this.init = function(){ } } my problem is where i bind the delegate in setDelegate...you can see i am trying to bring the handler back to the class that is wrapping v (the delegate. However, if i log the dispatcher of this event, i get not the class, but the delegate...is it possible to bring the scope back to the class??
[jQuery] Re: Load image when they are visible
Not a problem man! I've realized that half the problem finding answers is wording the question properly. Good luck with your project! On Nov 19, 4:40 pm, CrustyDOD anze.stok...@gmail.com wrote: Yes, that's it.. Was so looking for the wrong thing.. Thanks man. On Nov 19, 9:08 pm,StephenJacobturnstylecreat...@gmail.com wrote: I think this is what you're looking for. Haven't tested it myself, but this is what i found with a quick search in google for jquery load images on scroll http://www.appelsiini.net/2007/9/lazy-load-images-jquery-plugin On Nov 19, 2:37 pm, CrustyDOD anze.stok...@gmail.com wrote: Hey guys, I've been searching all over if its possible to make the same effect that YouTube has. Loading images when they are visible. If you have no idea what i'm talking about, go to YouTube, do a search for some video and when you scroll down the list of all found videos, thumbnails of each video will be loaded once they are visible (in the visible area of the browser). Any ideas how to do this effect? Load images only when they are inside the viewable area of a browser..
[jQuery] change the height of a div that is loaded after the jQuery is
I'm developing a comment panel for a blog that uses Disqus. The design is really tight, and the client is insistent that THIS is the layout. You can see it here: http://agave.purebluebeta.com/blog/2009/nov/20/test-entry/ Problem is, the height is changed AFTER my jQuery is loaded. IE, Disqus comes in after the variables are all set. And I need to know the maximum height for the comments panel when ever it is changed because it will grow over time as more comments are added. But that is done with the Disqus code. Something like $(this).live().height(); But live is only tied to events... right? Any tips are welcome. Thanks.
[jQuery] Conflict with doc-menu and startStop slider?
Hi, I seem to be having issues while trying to include both the doc menu jquery menu (http://www.ndesign-studio.com/blog/design/css-dock- menu/) , and the jQuery start stop slide show (from Chris Coyer). I finally got the slider to work properly, but now the images within the doc menu to not appear where they should be. Also, when I hover over the only image in the doc menu, it does not enlarge per the intended effect. Would anyone have a workaround or an idea on what I can do? The page I am trying this on is here: http://j2studio.com/11202009/index.shtml Thanks in advance!
[jQuery] Superfish - Multiple Columns
How would you use Superfish to make a dropdown menu that contains multiple columns of menu items?
[jQuery] adding event to dynamic element
Hello I am using ajax in an autocomplete feature, and to resuse the existing templates, i am attempting to dynamically add a close button/link to the autocomplete results. I understand that i cannot add an event listener to newly created elements, so i am creating the element using the live() function then appending the element to the output. Clicking the element should close the output. var outputDiv = $(#ajaxSearchResults); var close = $(' (close) '); $(close).live(click, function(){ $(outputDiv).hide(slow); return false; }); $(outputDiv).append(close); ...but the click event is not triggering - even if i simply put an alert box in there. What am i doing wrong? -- View this message in context: http://old.nabble.com/adding-event-to-dynamic-element-tp26452452s27240p26452452.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.