[jQuery] Re: Plug-in Mailing list?
I haven't had the opportunity to set it up yet - that along with the dev and web lists. I'll be moving them to Google Groups shortly. --John On 5/16/07, Christopher Jordan [EMAIL PROTECTED] wrote: Is the plug-in mailing list still alive? I'm writing a plug-in and I've got some questions I'd like to talk about with other plug-in developers. Thanks, Chris -- http://cjordan.us
[jQuery] Re: Getting a checkbox value
Thanks a lot for helping me out! I've figured out that $ (this).attr(checked); returns true or false.
[jQuery] Re: DOM friendly link creation
Sorry, guess I should have been clearer from the start. I really do want a proper fix, something that's truely cross browser and doesn't rely on regex and hacks. But the thing is I'm developing this stuff commercially and I have deadlines to meet. In which case a sticky plaster solution to get the scripts up and running on the site in time will do, while in the meantime I can work on a updated search and replace script that does it properly that I can then add as an incremental rollout. On May 16, 1:20 am, Wizzud [EMAIL PROTECTED] wrote: Actually I thought I grasped the problem fairly well. The bit I might have misunderstood was the relative importance of the Failing that ... part, as I thought you wanted to solve the problem rather than sidestep it. Ah well ... -- View this message in context:http://www.nabble.com/DOM-friendly-link-creation-tf3733609s15494.html... Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Re: kelvinluck - date-picker V2
On May 15, 11:21 pm, Kelvin Luck [EMAIL PROTECTED] wrote: Hi, Sorry about the console.log statement - I should have removed that... I'm afraid I don't have IE7 here to test with... Can you confirm that you experience the problem on my demo page: http://kelvinluck.com/assets/jquery/datePicker/v2/demo/datePickerInto... If you do and can give me any further information from the error then I can look into it. If the problem doesn't exist on my page then can you post a link to your page and we can try and look into it... Thanks, Kelvin :) Works fine for me in IE7. I've been using it a while for a site I have been working on (internal use, so no link).
[jQuery] Re: Getting a checkbox value
I prefer to use the is() function for this type of thing because I think it reads really well: if($(this).is(':checked')) { ... } else { ... } It reads if this is checked..., which I like. --Erik On 5/16/07, Skilip [EMAIL PROTECTED] wrote: Thanks a lot for helping me out! I've figured out that $ (this).attr(checked); returns true or false.
[jQuery] jquery in several iframes
Using several iframes on one page, I want to load jquery (1.1.2) (and extensions) in one special iframe (jqueryload) and then use it also in the other iframes, e.g. jqueryuse, where it is not explicitly loaded. I'm trying to reference it, via: $ = parent.frames[jqueryload].window.$; $(document,parent.frames[jqueryuse].window).ready(function() { $(div,parent.frames[jqueryuse].window).css(border, 1px solid black); }); But i get the error this.setArray is not a function. What would be the correct syntax for referencing jquery from another iframe? Thanks, Michael
[jQuery] Re: Getting a checkbox value
Way to just rain all over my jQuery parade man :). jQuery has made me a lousy javascript coder. It really feels like a new language with javascript syntax, not just a javascript library (Prototype, for example, just feels like a library). Sometimes I forget you don't always need a $ in front of everything :) --Erik On 5/16/07, RobG [EMAIL PROTECTED] wrote: On May 16, 6:45 pm, Erik Beeson [EMAIL PROTECTED] wrote: I prefer to use the is() function for this type of thing because I think it reads really well: if($(this).is(':checked')) { Somewhat more convoluted than: if (this.checked) {...} -- Rob
[jQuery] Re: Form Validation Plugin
This script does not work for me when I have a - in my rules $(document).ready(function() { $.validator.setDefaults({ debug: true }); var container = $('div.container'); // validate the form when it is submitted $(#form1).validate({ errorContainer: container, errorLabelContainer: $(ol, container), wrapper: 'li', rules: { intro-currentFirstName: { required:true, email:true }, phone: { required:true, minLength: 3 }, address: { required:true,minLength:3 } }, messages: { intro-currentFirstName: Please enter a valid email, phone: Please enter a valid phone, age: Please specify your age as a number (at least 3). } //event: keyup }); }); The above does not work. It gives me an error saying missing : But as soon as I change the field name to introCurrentFirstName instead of intro-currentFirstName it starts working. Any ideas? On 5/16/07, Dan G. Switzer, II [EMAIL PROTECTED] wrote: Exactly! -Dan -- *From:* jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] *On Behalf Of *Mandy Singh *Sent:* Tuesday, May 15, 2007 2:06 PM *To:* jquery-en@googlegroups.com *Subject:* [jQuery] Re: Form Validation Plugin Oh! Didn't know that. Thanks for pointing that out Dan (I am new to jquery had been using prototype till now). So, just the packed version of the file is good enough? And using that I can define the rules such as - $(#myform).validate({ event: keyup rules: { firstname: { required: true }, age: { required: #firstname:blank, number: true, minValue: 3 }, password: { required: function() { return $(#age).val() 18; }, minLength: 5, maxLength: 32 } }, messages { password: { required: Your password is required because you are not yet 18 years or older. minLength: Please enter a password at least 5 characters long., maxLength: Please enter a password no longer then 32 characters long. }, age: Please specify your age as a number (at least 3). } }); On 5/15/07, *Dan G. Switzer, II* [EMAIL PROTECTED] wrote: Mandy, I had a look at that before I posted. That does what I want but for simple validations I can't include 40-50 KB of code (cmforms, meta.js, jquery.validate)...thats an overkill when I just want a required:true check. Any other? The only thing that is required is jquery.validate.js. The packed version of the file is only 6k. The meta.js file is only required if you want to define validation rules using the class attribute of your tags. The other libraries are used just for layout in the examples. -Dan
[jQuery] Re: Form Validation Plugin
Put quotes (double or single) around the name: intro-currentFirstName: Please enter a valid email Technically/ideally that's what all the keys should be list as they are strings. It's just an allowed shortcut to leave off the quotes. Karl Rudd On 5/16/07, Mandy Singh [EMAIL PROTECTED] wrote: This script does not work for me when I have a - in my rules $(document).ready(function() { $.validator.setDefaults({ debug: true }); var container = $('div.container'); // validate the form when it is submitted $(#form1).validate({ errorContainer: container, errorLabelContainer: $(ol, container), wrapper: 'li', rules: { intro-currentFirstName: { required:true, email:true }, phone: { required:true, minLength: 3 }, address: { required:true,minLength:3 } }, messages: { intro-currentFirstName: Please enter a valid email, phone: Please enter a valid phone, age: Please specify your age as a number (at least 3). } //event: keyup }); }); The above does not work. It gives me an error saying missing : But as soon as I change the field name to introCurrentFirstName instead of intro-currentFirstName it starts working. Any ideas? On 5/16/07, Dan G. Switzer, II [EMAIL PROTECTED] wrote: Exactly! -Dan From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Mandy Singh Sent: Tuesday, May 15, 2007 2:06 PM To: jquery-en@googlegroups.com Subject: [jQuery] Re: Form Validation Plugin Oh! Didn't know that. Thanks for pointing that out Dan (I am new to jquery had been using prototype till now). So, just the packed version of the file is good enough? And using that I can define the rules such as - $(#myform).validate({ event: keyup rules: { firstname: { required: true }, age: { required: #firstname:blank, number: true, minValue: 3 }, password: { required: function() { return $(#age).val() 18; }, minLength: 5, maxLength: 32 } }, messages { password: { required: Your password is required because you are not yet 18 years or older. minLength: Please enter a password at least 5 characters long., maxLength: Please enter a password no longer then 32 characters long. }, age: Please specify your age as a number (at least 3). } }); On 5/15/07, Dan G. Switzer, II [EMAIL PROTECTED] wrote: Mandy, I had a look at that before I posted. That does what I want but for simple validations I can't include 40-50 KB of code (cmforms, meta.js, jquery.validate )...thats an overkill when I just want a required:true check. Any other? The only thing that is required is jquery.validate.js. The packed version of the file is only 6k. The meta.js file is only required if you want to define validation rules using the class attribute of your tags. The other libraries are used just for layout in the examples. -Dan
[jQuery] Re: kelvinluck - date-picker V2
In fact, the code on your demo page works with IE7.. seems it's my integration of your plugin which is not good.. maybee an interaction with other scripts running on that page, i'll search.. thanks anyway for that plugin.. very helpful Cordialement, Vincent Majer, Responsable technique, http://www.monagence.com Kelvin Luck a écrit : Hi, Sorry about the console.log statement - I should have removed that... I'm afraid I don't have IE7 here to test with... Can you confirm that you experience the problem on my demo page: http://kelvinluck.com/assets/jquery/datePicker/v2/demo/datePickerIntoSelects.html If you do and can give me any further information from the error then I can look into it. If the problem doesn't exist on my page then can you post a link to your page and we can try and look into it... Thanks, Kelvin :) Vincent Majer wrote: another error fixed, in the jquery.datepicker.js, line 332 i've commented console.log(c) and it runs in IE6 BUT.. (arghh) I've still got error.. on IE 7 !!! when the page loads : Line 790 car 1 Syntax Error nobody uses this great plugin ?? Vincent Majer a écrit : ok, i've found an error in my date_fr.js, it's ok now.. When i load the page i don't have an error showing in IE6, BUT... When i click the calendar icon, i've got another pretty error message : Line 333 Car 4 Erreur : console est indéfini Code : 0 ... ?? Does anyone know what's this error ? Vincent Majer a écrit : Hi, first, sorry for my english.. not perfect.. second point, i should say thanks to kelvinluck for this great jquery plugin, the DatePicker V2 ! I'm trying to use it.. and i have some problems with IE6.. I've used the source from this page of example : http://kelvinluck.com/assets/jquery/datePicker/v2/demo/datePickerIntoSelects.html But it seems the date.js file makes IE6 finds an error.. so it doesn't work.. here is my code : First, the scripts to include : script type='text/javascript' src='/js/jquery-1.1.2.js'/script script type=text/javascript src=/js/date.js/script script type=text/javascript src=/js/date_fr.js/script script type=text/javascript src=/js/jquery.dimensions.pack.js/script !--[if IE]script type=text/javascript src=/js/jquery.bgiframe.js/script![endif]-- script type=text/javascript src=/js/jquery.datePicker.js/script link rel=stylesheet type=text/css media=screen href=/css/datePicker.css And then : script type=text/javascript charset=utf-8 $(function() { // initialise the Select date link $('#date-pick').datePicker( // associate the link with a date picker { createButton:false, startDate:'18/05/2007', endDate:'11/12/2007' } ).bind( // when the link is clicked display the date picker 'click', function() { updateSelects($(this).dpGetSelected()[0]); $(this).dpDisplay(); return false; } ).bind( // when a date is selected update the SELECTs 'dateSelected', function(e, selectedDate, $td, state) { updateSelects(selectedDate); } ).bind( 'dpClosed', function(e, selected) { updateSelects(selected[0]); } ); var updateSelects = function (selectedDate) { var d = selectedDate.getDate(); var m = selectedDate.getMonth(); var y = selectedDate.getFullYear(); ($('#d')[0]).selectedIndex = d - 1; ($('#m')[0]).selectedIndex = m; ($('#y')[0]).selectedIndex = y - 2007; } // listen for when the selects are changed and update the picker $('#d, #m, #y') .bind( 'change', function() { var d = new Date( $('#y').val(), $('#m').val()-1, $('#d').val() ); $('#date-pick').dpSetSelected(d); }); // default the position of the selects to today var today = new Date(); ($('#d')[0]).selectedIndex = today.getDate() - 1; ($('#m')[0]).selectedIndex = today.getMonth(); ($('#y')[0]).selectedIndex = today.getFullYear() - 2007; // and update the datePicker to reflect it... $('#d').trigger('change'); }); /script It works well with Firefox But IE6 complains about a missing ] on line 7, car 94.. code : 0.. i don't know what to do to make it work.. and that line/char reference doesn't mean anything.. BUT the error message changes when i remove the date.js from the called scripts.. ? Any helps or advices .. ? Thanks !!
[jQuery] Re: Form Validation Plugin
Ahhh...Thanks Karl! That worked.. :) Mandy On 5/16/07, Karl Rudd [EMAIL PROTECTED] wrote: Put quotes (double or single) around the name: intro-currentFirstName: Please enter a valid email Technically/ideally that's what all the keys should be list as they are strings. It's just an allowed shortcut to leave off the quotes. Karl Rudd On 5/16/07, Mandy Singh [EMAIL PROTECTED] wrote: This script does not work for me when I have a - in my rules $(document).ready(function() { $.validator.setDefaults({ debug: true }); var container = $('div.container'); // validate the form when it is submitted $(#form1).validate({ errorContainer: container, errorLabelContainer: $(ol, container), wrapper: 'li', rules: { intro-currentFirstName: { required:true, email:true }, phone: { required:true, minLength: 3 }, address: { required:true,minLength:3 } }, messages: { intro-currentFirstName: Please enter a valid email, phone: Please enter a valid phone, age: Please specify your age as a number (at least 3). } //event: keyup }); }); The above does not work. It gives me an error saying missing : But as soon as I change the field name to introCurrentFirstName instead of intro-currentFirstName it starts working. Any ideas? On 5/16/07, Dan G. Switzer, II [EMAIL PROTECTED] wrote: Exactly! -Dan From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Mandy Singh Sent: Tuesday, May 15, 2007 2:06 PM To: jquery-en@googlegroups.com Subject: [jQuery] Re: Form Validation Plugin Oh! Didn't know that. Thanks for pointing that out Dan (I am new to jquery had been using prototype till now). So, just the packed version of the file is good enough? And using that I can define the rules such as - $(#myform).validate({ event: keyup rules: { firstname: { required: true }, age: { required: #firstname:blank, number: true, minValue: 3 }, password: { required: function() { return $(#age).val() 18; }, minLength: 5, maxLength: 32 } }, messages { password: { required: Your password is required because you are not yet 18 years or older. minLength: Please enter a password at least 5 characters long., maxLength: Please enter a password no longer then 32 characters long. }, age: Please specify your age as a number (at least 3). } }); On 5/15/07, Dan G. Switzer, II [EMAIL PROTECTED] wrote: Mandy, I had a look at that before I posted. That does what I want but for simple validations I can't include 40-50 KB of code (cmforms, meta.js, jquery.validate )...thats an overkill when I just want a required:true check. Any other? The only thing that is required is jquery.validate.js. The packed version of the file is only 6k. The meta.js file is only required if you want to define validation rules using the class attribute of your tags. The other libraries are used just for layout in the examples. -Dan
[jQuery] Re: Form plugin: Multiple submit buttons
On May 15, 3:25 pm, Scott Sauyet [EMAIL PROTECTED] wrote: You could easily do this in JQuery, but then you have to realize that the site would not work with Javascript disabled. Since you are going to have to do server-side processing anyway, it doesn't seem that big a deal to do the separation. My site has two different kind of users, just visitors and workers. Workers need to have JS albeit still many functions are usable without. Visitors shouldn't need JS albeit some functionality already will be missing. IMO we all are fast approching the point where JS is a requirement for surfing the web. Beside I asked once about how to create XMLHttpRequests (calling PHP) so they could be used by both client and server but since I haven't gotten any good answers I've lost interest. I definitely won't code the same function twice. But if you really don't mind a complete dependency on JS, something like this (untested) code should work: $(#button1).click(function() { $(this).parents(form)[0].action = action1.php; }); $(#button2).click(function() { $(this).parents(form)[0].action = action2.php; }); Dependency isn't a problem in my case, thanks. Do I have to care about if these binds are fired before the form or is this guarantied be definition? O. Wyss
[jQuery] Text Replacement with Luteman´s Flash Plugin [Character-Problem]
Hi, I use Luteman´s Flash Plugin for Text Replacement. But the script has some problems with several special characters, especally with (german) vowel mutations (ä,ö,ß etc.), even if i embed more charcters to the flash-file, it does not work. The character encoding of my website is ISO-8859-1. does someone have a solution? thx. alex
[jQuery] wrap span tags around the contents/text of a link
Hi, I am trying to wrap span/span elements around the text within a href=#/a elements, like this: *before:* ul id=mainlevel lia href=# class=mainlevelLink/a/li lia href=# class=mainlevelAnother Link/a/li lia href=# class=mainlevelSome Other Link/a/li /ul *after:* ul id=mainlevel lia href=# class=mainlevel*span*Link*/span*/a/li lia href=# class=mainlevel*span*Another Link*/span*/a/li lia href=# class=mainlevel*span*Some Other Link*/span*/a/li /ul I have been trying combinations of almost all the jquery manipulation functions, but couldn't get it right. The following seemed like a solution (although not elegent), but for some reason the prepended opening span automatically got a closing span tag, and the appended closing span automatically got a opening span tag leaving me with *span/span*Some Other Link*span**/span*: $(#mainlevel/li/a).prepend('span'); $(#mainlevel/li/a).append('/span'); Any ideas? I'm testing in Firefox 2.0.0.3 Thanks, Marie
[jQuery] Re: Form Validation Plugin
Mandy, BTW, would anyone be interested in a short write up on this or the info on the plugin page is fine for everyone to understand? As I had some difficulties in catching up with it (coming from the prototype world), I thought I'll whip something up real fast. Thoughts? The more information that's the better it is for everyone. I'm sure you're information will be of help to lots of people. -Dan
[jQuery] Re: Form Validation Plugin
On May 16, 2007, at 8:11 AM, Dan G. Switzer, II wrote: Mandy, BTW, would anyone be interested in a short write up on this or the info on the plugin page is fine for everyone to understand? As I had some difficulties in catching up with it (coming from the prototype world), I thought I'll whip something up real fast. Thoughts? The more information that's the better it is for everyone. I'm sure you're information will be of help to lots of people. -Dan Absolutely! I agree with Dan. Besides, I've never heard anyone complain about too much documentation. ;-) --Karl _ Karl Swedberg www.englishrules.com www.learningjquery.com
[jQuery] Set the position of an element using the dimensions plugin
Hi, With the plugin 'dimensions' I figured out how to get the position of an element. But what do I have to do to set it?
[jQuery] Re: Set the position of an element using the dimensions plugin
The offset method returns an object with a top and left property. $('#myDiv').offset() = { top: 100, left: 100 } Since the .css() method can take an object you can just pass the result of .offset() directly to .css(). var offset = $('#myDiv').offset(); $('#myOtherDiv').css( offset ); You could also manually assign it with something like this: var offset = $('#myDiv').offset(); $('#myOtherDiv').css('top', offset.top).css('left', offset.left); Or even like this: var offset = $('#myDiv').offset(); $('#myOtherDiv').css({ top: offset.top, left: offset.left }); -- Brandon Aaron On 5/16/07, Skilip [EMAIL PROTECTED] wrote: Hi, With the plugin 'dimensions' I figured out how to get the position of an element. But what do I have to do to set it?
[jQuery] newbie onmouseover onmouseout
Just getting started... I have several unordered lists on a page. I want to add a class 'hilite' to an ordered list onmouseover and remove the class onmouseout. So far, so good. My problem is that while the mouse is inside the ordered list, an onmouseout event fires when the mouse moves over a list item (but is still inside the ordered list). What methods are available to detect this condition as I do not want to removeClass('hilite') while I am in the ordered list but hovering over a list item? Thanks, Sam
[jQuery] Re: Set the position of an element using the dimensions plugin
Far out! jQuery rules! Thanks a lot!
[jQuery] Using the history plugin for non-Ajax purposes
I am wanting to use the history plugin for a situation where Ajax is not used. Like how it works for the tabs plugin. Here is what I have so far: http://www.texotela.co.uk/sandbox/historytest/ The example on the test page (http://stilbuero.de/jquery/history/ index.html) is only for remote pages, it may be helpful if there was a non-Ajax example (like in mine where links added via JavaScript toggle the visibility of something else). One thing I am not sure how to do is how to handle it when there is no hash - e.g. click on 'Fieldset 2' and then press the back button (Fieldset 2 is still showing, instead of Fieldset 1). Another issue (which is unrelated to the history plugin, but would still like to know how to solve) is tables in absolutely positioned elements. In Firefox, the table cells are all the same size and the text does not fit properly in them (goes over the edge), in IE the table goes off the edge of the page (it is 100% of the page width rather than the container width (which with no width would hopefully just go up to the window edge)).
[jQuery] Re: jquery.innerfade.js Random Problem
Thanks for the reply!!! So would i add this to the 2 sections that have the random code or would i replace the randome code there with this code? Thanks again and cant wait to try it out! :) On May 15, 2:15 pm, Scott Sauyet [EMAIL PROTECTED] wrote: I think this would do it. The original code is starting with 0 intentionally. It's not hard to switch to starting with a random one: } else if ( settings.type == 'random' ) { // add this: var first = Math.floor ( Math.random ( ) * ( elements.length ) ); setTimeout(function(){ // do { current = Math.floor ( Math.random ( ) * ( elements.length ) ); } while ( current == 0 ) do { current = Math.floor ( Math.random ( ) * ( elements.length ) ); } while ( current == first ) // $.innerfade.next(elements, settings, current, 0); $.innerfade.next(elements, settings, current, first); }, settings.timeout); // $(elements[0]).show(); $(elements[first]).show(); } else { Cheers, -- Scott Aaron wrote: I am trying to use this script jquery.innerfade.js but am having a little bit of a problem. You can see it here. http://medienfreunde.com/lab/innerfade/ I have set it to random but it still always starts with the first item and then shows the others randomly. How can you make it start out by displaying one of the items randomly and not the first one everytime. This is what the code is in the jquery.innerfade.js file. /* = // jquery.innerfade.js // Datum: 2007-01-29 // Firma: Medienfreunde Hofmann Baldes GbR // Autor: Torsten Baldes // Mail: [EMAIL PROTECTED] // Web:http://medienfreunde.com // based on the work of Matt Oakeshttp://portfolio.gizone.co.uk/applications/slideshow/ // = */ (function($) { $.fn.innerfade = function(options) { this.each(function(){ var settings = { animationtype: 'fade', speed: 'normal', timeout: 2000, type: 'sequence', containerheight: 'auto', runningclass: 'innerfade' }; if(options) $.extend(settings, options); var elements = $(this).children(); if (elements.length 1) { $(this).css('position', 'relative'); $(this).css('height', settings.containerheight); $(this).addClass(settings.runningclass); for ( var i = 0; i elements.length; i++ ) { $(elements[i]).css('z-index', String(elements.length- i)).css('position', 'absolute'); $(elements[i]).hide(); }; if ( settings.type == 'sequence' ) { setTimeout(function(){ $.innerfade.next(elements, settings, 1, 0); }, settings.timeout); $(elements[0]).show(); } else if ( settings.type == 'random' ) { setTimeout(function(){ do { current = Math.floor ( Math.random ( ) * ( elements.length ) ); } while ( current == 0 ) $.innerfade.next(elements, settings, current, 0); }, settings.timeout); $(elements[0]).show(); } else { alert('type must either be \'sequence\' or \'random\''); } } }); }; $.innerfade = function() {} $.innerfade.next = function (elements, settings, current, last) { if ( settings.animationtype == 'slide' ) { $(elements[last]).slideUp(settings.speed, $ (elements[current]).slideDown(settings.speed)); } else if ( settings.animationtype == 'fade' ) { $(elements[last]).fadeOut(settings.speed); $(elements[current]).fadeIn(settings.speed); } else { alert('animationtype must either be \'slide\' or \'fade\''); }; if ( settings.type == 'sequence' ) { if ( ( current + 1 ) elements.length ) { current = current + 1; last = current - 1; } else { current = 0; last = elements.length - 1; }; } else if ( settings.type == 'random' ) {
[jQuery] Re: wrap span tags around the contents/text of a link
You could try using wrapInner (not part of jQuery): jQuery.fn.wrapInner = function(html){ return this.each(function(){ jQuery(html).append(this.childNodes).appendTo(this); }); }; From http://groups.google.com/group/jquery-en/msg/476244ba168c57e0 On May 16, 12:41 pm, Marie du Toit [EMAIL PROTECTED] wrote: Hi, I am trying to wrap span/span elements around the text within a href=#/a elements, like this: *before:* ul id=mainlevel lia href=# class=mainlevelLink/a/li lia href=# class=mainlevelAnother Link/a/li lia href=# class=mainlevelSome Other Link/a/li /ul *after:* ul id=mainlevel lia href=# class=mainlevel*span*Link*/span*/a/li lia href=# class=mainlevel*span*Another Link*/span*/a/li lia href=# class=mainlevel*span*Some Other Link*/span*/a/li /ul I have been trying combinations of almost all the jquery manipulation functions, but couldn't get it right. The following seemed like a solution (although not elegent), but for some reason the prepended opening span automatically got a closing span tag, and the appended closing span automatically got a opening span tag leaving me with *span/span*Some Other Link*span**/span*: $(#mainlevel/li/a).prepend('span'); $(#mainlevel/li/a).append('/span'); Any ideas? I'm testing in Firefox 2.0.0.3 Thanks, Marie
[jQuery] DOM issues with an AJAX loaded form
Hi guys, I have a page which contains javascript validation for an existing form. There is also a link where another form can be loaded onto the page via ajax, this step is working fine. My problem is that the validation/submission code in the page header isn't picking up my *new* form (from the ajax request) as the new form fields aren't in the DOM. Is this something anyone has come across before and has a solution for? Thanks
[jQuery] Re: DOM issues with an AJAX loaded form
Mike: Do you have a live example? - jake On 5/16/07, Michael Sharman [EMAIL PROTECTED] wrote: Hi guys, I have a page which contains javascript validation for an existing form. There is also a link where another form can be loaded onto the page via ajax, this step is working fine. My problem is that the validation/submission code in the page header isn't picking up my *new* form (from the ajax request) as the new form fields aren't in the DOM. Is this something anyone has come across before and has a solution for? Thanks
[jQuery] Re: wrap span tags around the contents/text of a link
On May 16, 9:41 pm, Marie du Toit [EMAIL PROTECTED] wrote: Hi, I am trying to wrap span/span elements around the text within a href=#/a elements, like this: *before:* ul id=mainlevel lia href=# class=mainlevelLink/a/li lia href=# class=mainlevelAnother Link/a/li lia href=# class=mainlevelSome Other Link/a/li /ul *after:* ul id=mainlevel lia href=# class=mainlevel*span*Link*/span*/a/li lia href=# class=mainlevel*span*Another Link*/span*/a/li lia href=# class=mainlevel*span*Some Other Link*/span*/a/li /ul I have been trying combinations of almost all the jquery manipulation functions, but couldn't get it right. The following seemed like a solution (although not elegent), but for some reason the prepended opening span automatically got a closing span tag, and the appended closing span automatically got a opening span tag leaving me with *span/span*Some Other Link*span**/span*: prepend and append insert an *element*, not a tag. Iterate over the A elements, get their text content, use it to create a textNode, append that to a span, replace all the A's childNodes with the span. e.g. function wrapTextContentInSpan(el) { var txt = el.textContent || el.innerText; while(el.firstChild) el.removeChild(el.firstChild); el.appendChild(document.createTextNode(txt)); } Maybe someone can convert that to something more jQuery-esque. -- Rob
[jQuery] Re: DOM friendly link creation
Gordon wrote: Now elements such as divs can contain more child nodes, or plain text, or a combination of both. What I need to know is how to get at the text of a div with a mixture of text nodes and other HTML elements. Doing $(element).text returns all the text in the child elements as well, which is not what I need. I need to do the search and replace on the plain text inside a node, then recursivly work down through each child node and do likewise (if it's a node of a type we want to do replacement on). I think you should be able to do use a function something like this: processTextNodes = function(element, fn) { var children = element.childNodes; for (var i = 0; i children.length; i++) { var node = children[i]; var type = node.nodeType; if (type == 1) processTextNodes(node, fn); if (type == 3) fn.call(this, node); } } You would call it with the element you want to update and a function which accepts a single text node. So if you wanted to replace every a in the body with an @ and every e with a 3, you could do this, probably inside a $(document).ready() function: processTextNodes(document.body, function(node) { var text = node.nodeValue; text = text.replace(/a/g, @); text = text.replace(/e/g, 3); node.nodeValue = text; }); The processTextNodes function is fairly simple, and you have to be aware that there is no requirement that browsers combine consecutive text nodes into a single nodes. That might not be a big concern, but a bigger one would be that you are receiving each text node independently, so you can't easily deal with text that spans elements. I'm not quite sure what you're going to do, but for instance, if you wanted to replace something in quotes with span class=quotesomething in quotes/span using a regex that recognized the two quotation marks, this technique would fail on embedded elements such as something emimportant/em in quotes, because you would operate on three separate text nodes from this string: something , important, and in quotes. But it's pretty simple, and might get you most of what you need. Cheers, -- Scott
[jQuery] Re: Convert xml string to dom document
You could try using the dataType option in $.ajax: $.ajax({ type: GET, url: mypage.php, data: id=1, dataType: xml success: function(msg){ // do something } }); The HTML should be valid XML as well (i.e. if you changed the extension to 'xml' you could open it in IE (or any XML editor) without any parsing errors). On May 16, 9:30 am, tcollogne [EMAIL PROTECTED] wrote: Hello, I have a static html page containing xml code. Problem is that when I do an ajax request to get the content, it is always returned as a text/html I would like to parse the return string as a dom document. It is impossible for us to change the extension, so I was wondering if there is a possibility to convert the return string to a dom document. I use sarissa now for this, but It would be much better if jquery had somthing like this. Can somebody help me please? -- View this message in context:http://www.nabble.com/Convert-xml-string-to-dom-document-tf3763257s15... Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Re: DOM issues with an AJAX loaded form
Hi Jake, There is a version here: http://www.21goals.com/demo/ Basically when you submit the 'Add Goal' page (when it's empty) you get jquery validation. If I then click the 'login' link from the header the login page is loaded via Ajax. It is this page which I want to validate exactly like the first form. Michael On May 16, 11:26 pm, Jake McGraw [EMAIL PROTECTED] wrote: Mike: Do you have a live example? - jake On 5/16/07, Michael Sharman [EMAIL PROTECTED] wrote: Hi guys, I have a page which contains javascript validation for an existing form. There is also a link where another form can be loaded onto the page via ajax, this step is working fine. My problem is that the validation/submission code in the page header isn't picking up my *new* form (from the ajax request) as the new form fields aren't in the DOM. Is this something anyone has come across before and has a solution for? Thanks
[jQuery] Re: jquery in several iframes
mandschulz wrote on 5/16/2007 1:53 AM: But i get the error this.setArray is not a function. What would be the correct syntax for referencing jquery from another iframe? Maybe you can use $.frameReady() to add jQuery to the iFrame: http://ideamill.synaptrixgroup.com/?p=6 - Bil
[jQuery] Re: DOM issues with an AJAX loaded form
Hi Michael, I think this tutorial will help you solve the problem: http://docs.jquery.com/Tutorials:AJAX_and_Events --Karl _ Karl Swedberg www.englishrules.com www.learningjquery.com On May 16, 2007, at 9:49 AM, Michael Sharman wrote: Hi Jake, There is a version here: http://www.21goals.com/demo/ Basically when you submit the 'Add Goal' page (when it's empty) you get jquery validation. If I then click the 'login' link from the header the login page is loaded via Ajax. It is this page which I want to validate exactly like the first form. Michael On May 16, 11:26 pm, Jake McGraw [EMAIL PROTECTED] wrote: Mike: Do you have a live example? - jake On 5/16/07, Michael Sharman [EMAIL PROTECTED] wrote: Hi guys, I have a page which contains javascript validation for an existing form. There is also a link where another form can be loaded onto the page via ajax, this step is working fine. My problem is that the validation/submission code in the page header isn't picking up my *new* form (from the ajax request) as the new form fields aren't in the DOM. Is this something anyone has come across before and has a solution for? Thanks
[jQuery] Re: New jTip, Plugged In (alpha)
Karl Swedberg wrote: I've been toying around with a new version of the jTip plugin, which was originally created by Cody Lindley. [ ... ] http://test.learningjquery.com/jtip/ Excellent! Two suggestions: First, on the documentation page, it would be nice if all the examples showed the HTML markup as well as the JS, the way you do with the non-link H4 example. Second, it's probably only really useful with non-link elements, but it would be nice to be have a titleAttribute option (defaulting of course to title). Great work, Karl. -- Scott
[jQuery] Re: New jTip, Plugged In (alpha)
Great news, Karl!! I'll try plugging it in to a page where I was using the old jTip and having a number of problems with it and see how she does. -- View this message in context: http://www.nabble.com/New-jTip%2C-Plugged-In-%28alpha%29-tf3762049s15494.html#a10642855 Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Re: Plug-in Mailing list?
Thanks John. I know you've been busy. Thanks for all the hard work! :o) Chris John Resig wrote: I haven't had the opportunity to set it up yet - that along with the dev and web lists. I'll be moving them to Google Groups shortly. --John On 5/16/07, Christopher Jordan [EMAIL PROTECTED] wrote: Is the plug-in mailing list still alive? I'm writing a plug-in and I've got some questions I'd like to talk about with other plug-in developers. Thanks, Chris -- http://cjordan.us -- http://cjordan.us
[jQuery] Re: Strangeness with fade(), alpha-opacity PNGs and IE
Anyone have a solution for this yet? IE7 PNG-24 using FadeTo shows a black background where the transparency should be. Is there any way to change the overall opacity of a PNG through JavaScript? Glen On 1/30/07, spl1nter [EMAIL PROTECTED] wrote: Unfortunately it doesn't :( Brandon Aaron wrote: I wonder if setting the background color to transparent will work? background-color: transparent; -- Brandon Aaron On 1/30/07, spl1nter [EMAIL PROTECTED] wrote: This appears to be the case but unfortunately 8 bit PNGs don't have alpha-transparency. I've found one way to prevent it and that's by setting a background colour. Unfortunately I can't do that with my design :( Jonathan Sharp wrote: I think it has to do with whether it's saved as an 8 bit or 24 bit PNG. -js On 1/29/07, Brandon Aaron [EMAIL PROTECTED] wrote: I haven't found the secret yet. Some of my pngs do it and others don't. -- Brandon Aaron On 1/29/07, spl1nter [EMAIL PROTECTED] wrote: Ah, well that's a tad annoying. Is there anyway to prevent this? Any settings I can use in Photoshop or such? Brandon Aaron wrote: This is a known bug in IE7. Sometimes you can get PNGs in IE7 to get that black background when you zoom in or out. They support them, just not very well. -- Brandon Aaron On 1/29/07, spl1nter [EMAIL PROTECTED] wrote: I've only tested this with IE7 (don't have IE6 available - I'd imagine it'd be worse what with it's lack of native alpha-transparency support) but it's pretty strange. http://www.devioustree.co.uk/ At the link above I'm using fadeIn() and fadeOut(). It works fine apart from when I've got a PNG background that uses alpha-transparency. For some reason IE7 shows a black (maybe dark-blue) background behind the PNG during the transition and reverts back to normal afterwards. I'm assuming this has something to do with IE7s PNG rendering but I thought they supported alpha-transparency fully now? -- View this message in context: http://www.nabble.com/Strangeness-with-fade%28%29%2C-alpha-opacity-PNGs-and-IE-tf3136699.html#a8692085 Sent from the JQuery mailing list archive at Nabble.com. ___ jQuery mailing list [EMAIL PROTECTED] http://jquery.com/discuss/ ___ jQuery mailing list [EMAIL PROTECTED] http://jquery.com/discuss/ -- View this message in context: http://www.nabble.com/Strangeness-with-fade%28%29%2C-alpha-opacity-PNGs-and-IE-tf3136699.html#a8693629 Sent from the JQuery mailing list archive at Nabble.com. ___ jQuery mailing list [EMAIL PROTECTED] http://jquery.com/discuss/ ___ jQuery mailing list [EMAIL PROTECTED] http://jquery.com/discuss/ ___ jQuery mailing list [EMAIL PROTECTED] http://jquery.com/discuss/ -- View this message in context: http://www.nabble.com/Strangeness-with-fade%28%29%2C-alpha-opacity-PNGs-and-IE-tf3136699.html#a8712458 Sent from the JQuery mailing list archive at Nabble.com. ___ jQuery mailing list [EMAIL PROTECTED] http://jquery.com/discuss/ ___ jQuery mailing list [EMAIL PROTECTED] http://jquery.com/discuss/ -- View this message in context: http://www.nabble.com/Strangeness-with-fade%28%29%2C-alpha-opacity-PNGs-and-IE-tf3136699.html#a8716595 Sent from the JQuery mailing list archive at Nabble.com. ___ jQuery mailing list [EMAIL PROTECTED] http://jquery.com/discuss/
[jQuery] Re: ANN: jQuery-Powered Sites: The List Continues to Grow
I just spotted jquery on John Edward's site, http://www.supportthetroopsendthewar.com/ I was curious about the script they're using for the rotating google map, but that appears not to be jquery http://www.supportthetroopsendthewar.com/script/MapRotate.js Rey Bango-2 wrote: Just a quick reminder to everyone that the list of sites using jQuery continues to grow at an amazing rate. Check out the sites at: http://docs.jquery.com/Sites_Using_jQuery Rey... -- View this message in context: http://www.nabble.com/ANN%3A-jQuery-Powered-Sites%3A-The-List-Continues-to-Grow-tf3688556s15494.html#a10642943 Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] chaining question
If the function below (which is called in a mouseover event) is run too many times, too quickly it doesn't work (i.e. the html in question is not changed) function loadedContentProcess(tab,result){ content[tab] = result; $ (#popular_quicksearch_content).hide().html(content[tab]).fadeIn(slow); } However if I change the function this (below) it works great not matter how many times (and how quickly) it is called. Why? function loadedContentProcess(tab,result){ content[tab] = result; $(#popular_quicksearch_content).hide(); $(#popular_quicksearch_content).html(content[tab]).fadeIn(slow); } -- Alex
[jQuery] Re: chaining question
Do you have an online example of both methods? -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of bleen Sent: Wednesday, May 16, 2007 9:55 AM To: jQuery (English) Subject: [jQuery] chaining question If the function below (which is called in a mouseover event) is run too many times, too quickly it doesn't work (i.e. the html in question is not changed) function loadedContentProcess(tab,result){ content[tab] = result; $ (#popular_quicksearch_content).hide().html(content[tab]).fadeIn(slow); } However if I change the function this (below) it works great not matter how many times (and how quickly) it is called. Why? function loadedContentProcess(tab,result){ content[tab] = result; $(#popular_quicksearch_content).hide(); $(#popular_quicksearch_content).html(content[tab]).fadeIn(slow); } -- Alex
[jQuery] Re: DOM friendly link creation
On May 13, 10:28 am, Gordon [EMAIL PROTECTED] wrote: I had previously written a javascript that scans a div inside a HTML document for keywords and then wraps those words in hyperlinks, as part of adynamic help system. This worked by modifying the innerHTML of the div in question. This approach worked but had a few problems, namely that you had to be careful you didn't accidentally try to wrap links around form elements, tag attributes and other such things, and that it didn't work in Safari. I did a recode recently that made use of the jQuery library. It cut the line count of the script in half but it still worked in fundamentally the same way as before, by doing regex search and replace on the .html() of the target div. I think replacing innerHTML is kludgy. Below is an example that uses a DOM traversal and replaces matching words within text nodes with wrapped words and text. It's pretty straight forward, you need to skip over some nodes (textareas, selects, etc.) that you don't want to modify. I uses a NodeList and adds nodes to it, so it goes backwards over it. Tested in Firefox and Safari, I'll leave IE to you. I'm new to jQuery so it's not jQuery-ish at all, maybe someone else can do that bit. script // Recursive traverse of DOM from node down function highLight(node, txt){ // Don't wrap content of textarea, select, option or button elements // Add any other elements that shouldn't be processed var tagName = node.tagName.toLowerCase(); if ('textarea' == tagName || 'select' == tagName || 'option' == tagName || 'button' == tagName ) { return; } if (node.nodeType == 3) return wrap(node, txt); var kid, kids = node.childNodes; var i = kids.length; while(i--) { kid = kids[i]; (kid.nodeType == 1)? highLight(kid, txt) : wrap(kid, txt); } // Remove unnecessary text nodes if (node.normalize) node.normalize(); } function wrap(txtNode, txt) { var re = new RegExp('\\b' + txt + '\\b'); var s = txtNode.data.split(re); if (s.length 2) return; var p = txtNode.parentNode; var lastEl, tempEl; // Element to wrap text in, could use em, strong, a, etc. var wrapEl = document.createElement('span'); wrapEl.style.color = 'red'; lastEl = document.createTextNode(s[0]); p.replaceChild(lastEl, txtNode); for (var i=1, len=s.length; ilen; i++) { tempEl = wrapEl.cloneNode(true); tempEl.appendChild(document.createTextNode(txt)); p.insertBefore(tempEl, lastEl.nextSibling); p.insertBefore(document.createTextNode(s[i]), tempEl.nextSibling); lastEl = tempEl.nextSibling; } } /script /head body div id=xxHere is some blah text so that I can blah test pmy new blah/pblah function to see if it blah blah works and joins blahdy blah textareaHere is blah text/textarea selectoptionblahoptionblah/select divblah/div divAnd blah. awsome. blah is blah./div tabletrtdblahtdsome blah texttdblah text blah/table /div button onclick= highLight(document.getElementById('xx'), 'blah'); Hightlight blah/button /body -- Rob
[jQuery] Re: ANN: jQuery-Powered Sites: The List Continues to Grow
Another for the list - put together by my friends and colleagues at Fusion for another Adelaide crew: Krix speakers http://www.krix.com.au/ (Note: I believe there are some outstanding issues in Safari.)
[jQuery] Re: jquery tabs and IE 6
jafar1978 wrote: Hi, I have been using JQuery and it is great. I have a problem which is related to viewing more than anything else. When I click on the tab the text of the div appears on the right of the last tab rather under the tabs. When I use FireFox the text is displayed correctly. I have tried using a table and setting the alignment to left. Or just setting the text to left and using a p. None of these worked. Any suggestions. Regards, --jh You need to include the IE specific style sheet as well, also found in the download. Maybe I should make that a bit clearer on the demo page. It's hidden in Conditional Comments. Have a look at the source code in the demo. You need this: !-- Additional IE/Win specific style sheet (Conditional Comments) -- !--[if lte IE 7] link rel=stylesheet href=jquery.tabs-ie.css type=text/css media=projection, screen ![endif]-- -- Klaus
[jQuery] Re: jquery tabs and IE 6
Hi Klaus, First of all, what you have created is the best I have ever seen. It is just so fantastic. This is what I did: I included the the jquery.tabs-ie.css file in the dir. then I uncommented the following: Recommended usage (Conditional Comments): !--[if lte IE 7] link rel=stylesheet href=tabs_ie.css type=text/css media=projection, screen / ![endif]-- in the jquery.tabs-ie.css Do I need to do anything else? Regards, --jh On May 16, 11:18 am, Klaus Hartl [EMAIL PROTECTED] wrote: jafar1978 wrote: Hi, I have been using JQuery and it is great. I have a problem which is related to viewing more than anything else. When I click on the tab the text of the div appears on the right of the last tab rather under the tabs. When I use FireFox the text is displayed correctly. I have tried using a table and setting the alignment to left. Or just setting the text to left and using a p. None of these worked. Any suggestions. Regards, --jh You need to include the IE specific style sheet as well, also found in the download. Maybe I should make that a bit clearer on the demo page. It's hidden in Conditional Comments. Have a look at the source code in the demo. You need this: !-- Additional IE/Win specific style sheet (Conditional Comments) -- !--[if lte IE 7] link rel=stylesheet href=jquery.tabs-ie.css type=text/css media=projection, screen ![endif]-- -- Klaus
[jQuery] Re: jquery tabs and IE 6
Hi Klaus, You are the best. That did it...Thank you for the great app and your answer. Regards, --jh On May 16, 11:18 am, Klaus Hartl [EMAIL PROTECTED] wrote: jafar1978 wrote: Hi, I have been using JQuery and it is great. I have a problem which is related to viewing more than anything else. When I click on the tab the text of the div appears on the right of the last tab rather under the tabs. When I use FireFox the text is displayed correctly. I have tried using a table and setting the alignment to left. Or just setting the text to left and using a p. None of these worked. Any suggestions. Regards, --jh You need to include the IE specific style sheet as well, also found in the download. Maybe I should make that a bit clearer on the demo page. It's hidden in Conditional Comments. Have a look at the source code in the demo. You need this: !-- Additional IE/Win specific style sheet (Conditional Comments) -- !--[if lte IE 7] link rel=stylesheet href=jquery.tabs-ie.css type=text/css media=projection, screen ![endif]-- -- Klaus
[jQuery] Re: ANN: jQuery-Powered Sites: The List Continues to Grow
What are they using for their navigation menus? Those are nice. Are they jQuery? I took a real brief glance at the source, but couldn't tell straight away what was being used. Cheers! Chris boermans wrote: Another for the list - put together by my friends and colleagues at Fusion for another Adelaide crew: Krix speakers http://www.krix.com.au/ (Note: I believe there are some outstanding issues in Safari.) -- http://cjordan.us
[jQuery] Re: Concurrent Ajax request
Noone? :( here is a screenshot with the issue: http://ste.spa.it/upload/Immagine.png the second post wait until the first finished... Tnx in advance!! Stefano On 15 Mag, 16:04, Stefano Sala [EMAIL PROTECTED] wrote: Maybe it's a firefox limit?
[jQuery] Re: jquery tabs and IE 6
jafar1978 wrote: Hi Klaus, First of all, what you have created is the best I have ever seen. It is just so fantastic. This is what I did: I included the the jquery.tabs-ie.css file in the dir. then I uncommented the following: Recommended usage (Conditional Comments): !--[if lte IE 7] link rel=stylesheet href=tabs_ie.css type=text/css media=projection, screen / ![endif]-- in the jquery.tabs-ie.css Do I need to do anything else? Err, you mustn't uncomment that in the stylesheet itself, although IE will probably load the stylesheet somehow... You need to include the whole snippet I gave you in the head element of your page. Yes, inside the HTML comments. Google for Conditional Comments for more information. -- Klaus
[jQuery] Re: DOM issues with an AJAX loaded form
Hi Karl and Jake, Thank you for those super quick replies, sensational! Jake I did try yours after reading your reply, but it wasn't working. The find(form) was still 'finding' the original form...not the ajax loaded one. This was actually my main problem, because the new form (from the ajax request) wasn't in the loaded DOM I couldn't do: $(#frm).submit(function(){ //validation code here }); I ended up using a generic method for all form posts (from forms generated by a full page load and by ajax), then having onsubmit=return doValidateForm(); in my form tag. Karl that link you posted helped me with the loading of my error message: $(fieldset).children(#id_errors).html(err); Lovely! Thanks again, M On May 17, 12:05 am, Karl Swedberg [EMAIL PROTECTED] wrote: Hi Michael, I think this tutorial will help you solve the problem: http://docs.jquery.com/Tutorials:AJAX_and_Events --Karl _ Karl Swedbergwww.englishrules.comwww.learningjquery.com On May 16, 2007, at 9:49 AM, Michael Sharman wrote: Hi Jake, There is a version here:http://www.21goals.com/demo/ Basically when you submit the 'Add Goal' page (when it's empty) you get jquery validation. If I then click the 'login' link from the header the login page is loaded via Ajax. It is this page which I want to validate exactly like the first form. Michael On May 16, 11:26 pm, Jake McGraw [EMAIL PROTECTED] wrote: Mike: Do you have a live example? - jake On 5/16/07, Michael Sharman [EMAIL PROTECTED] wrote: Hi guys, I have a page which contains javascript validation for an existing form. There is also a link where another form can be loaded onto the page via ajax, this step is working fine. My problem is that the validation/submission code in the page header isn't picking up my *new* form (from the ajax request) as the new form fields aren't in the DOM. Is this something anyone has come across before and has a solution for? Thanks
[jQuery] Re: DOM friendly link creation
After a day's coding, I have come up with this. It's closer to what I need but the final link creation phase isn't there ye.t (also each link will have attributes that point to a different URL, different event handlers, etc, so don't think they're only going to have a jargonbuser class and nothing else) var jargonEnabled = true; var disableCaching = true; var jDivOffsetX = -10; var jDivOffsetY = 12; var targetId= 'content'; var regexOptions= 'gi'; function newJargonEntry (xmlNode) // Create an entry for this item in the jargonTerms array { var newTerm = null; if (thisDesc = xmlNode.getElementsByTagName ('description')[0]) { newTerm = new Object (); newTerm ['term']= xmlNode.getAttribute ('term'); newTerm ['href']= xmlNode.getAttribute ('href'); newTerm ['description'] = thisDesc.firstChild.data; } return (newTerm); } function insertJargonLinks (thisNode, thisTerm) { switch (thisNode.nodeName.toLowerCase ()) { // If this node is plain text then do search and replace on it case ('#text') : temp = thisNode.data; temp = temp.replace (thisTerm, 'a class=jargonBuster$1/a'); thisNode.data = temp; // This only spits the raw HTML into the textnode, which is not what we really want but will do for testing. break; // If this node is one of the following types then skip it case ('!') : // IE 5.5 case ('#cdata-section') : case ('#comment') : case ('#document') : case ('#document-fragment') : case ('a') : case ('button') : case ('h1') : case ('h2') : case ('option') : case ('script') : case ('select') : case ('style') : case ('textarea') : break; // If this node has children then process them recursivly default : if (thisNode.hasChildNodes ()) { $(thisNode.childNodes).each (function () {insertJargonLinks (this, thisTerm);}); } break; } } function insertJargon (xmlObject) // Insert Jargon hyperlinks into content div { // Parse the returned XML if (xmlObject.getElementsByTagName('jargon')[0]) { xmlRoot = xmlObject.documentElement; // Get the jargon terms if (xmlTerms = xmlRoot.getElementsByTagName ('jargonterm')) { // Set up RegExp searchTerm = new RegExp ('', ''); $(xmlTerms).each (function () { // Create a new jargon entry jargonTerms [this.getAttribute ('id')] = newJargonEntry (this); // Prepare keyword search searchTerm.compile ('(' + this.getAttribute ('regex') + ')', regexOptions); // Do search and replace on all the children of the target node $(document.getElementById (targetId).childNodes).each (function () { insertJargonLinks (this, searchTerm); }); }); } } return (false); } function jargonDiv (selectedTerm) // Manage the jargon buster div { if (!document.getElementById ('ajaxNode')) { // Hide the div closeJargonDiv (); // Update div contents ajaxHeadTitle.innerHTML = jargonTerms [selectedTerm]['term']; ajaxNodeText.innerHTML = jargonTerms [selectedTerm]['description']; // Show the div document.body.appendChild (ajaxNode); } return (false); } function closeJargonDiv () // If the div is already visable, then hide it { try { document.body.removeChild (ajaxNode); } catch (e) {} return (false); } function doJargon
[jQuery] Re: jqModal question
Ok, so I explained what I'm trying to do below, in part. I also have this function: statusChange = function(scope){ $('.invited, .accepted, .declined', scope).css('cursor','pointer').click(function(){ var url = 'ajaxunited.lasso?task=eventmethod=invitationvolunteer='; url += $(this).attr('id'); url += 'status=' + $(this).attr('class'); console.log (url); $('#invitation').jqm({ajax: url}).jqmShow(); }); } The problem I'm having is that the modal isn't using the new url after the status is changed the first time. I have included the firebug output: Console log of URL variable ajaxunited.lasso?task=eventmethod=invitationvolunteer=9e4bc236c3ab21e2sta tus=declined /// Firebug GET displays calling this URL variable GET http://urpdev.llnl.gov/admin/ajaxunited.lasso?task=eventmethod=invitationv olunteer=9e4bc236c3ab21e2status=declined (131ms) // Firebug POST shows the action occuring within the modal POST http://urpdev.llnl.gov/admin/ajaxunited.lasso Console log of URL variable after statusChange has been called again to reflect changes by modal (see the status is now accepted) ajaxunited.lasso?task=eventmethod=invitationvolunteer=4cd0f4bd3a8fc7a9sta tus=accepted /// Firebug GET displays calling the first URL variable GET http://urpdev.llnl.gov/admin/ajaxunited.lasso?task=eventmethod=invitationv olunteer=9e4bc236c3ab21e2status=declined (135ms) SO, jqModal isn't reflecting the new URL. How can I make sure this is cleared after the first time to make sure it gets the right one the second (third, fourth, etc) time? On 5/15/07 9:45 AM, Shelane [EMAIL PROTECTED] wrote: I have a page with a list of volunteers for an event. Their status is displayed as to whether the have not received an invitation (class=invite), they received an invitation and haven't responded (class=unknown), they accepted the invitation (class=accepted), they declined the invitation (class=declined). These are displayed as images with the volunteer's ID as the id of the image. I have successfully attached a click event to send the invitation when none has been sent (class=invite), (no modal). I want to attach a modal to each of the other classes to allow the administrator to manual set the status. So it would pull up a dialog of choices. To the URL, it must pass in the ID of the volunteer in id of the image, and a couple of other known parameters. Then the modal may or may not read the invitation message on the main page (if resending the invitation). Clicking on one of the three options needs to send the results back to the server. So, I've read through the documentation and I'm a little lost of what I need to do. I want to assign the modal dialog div id=invitation class=jqmWindowimg src=/admin/images/ purplegirlkickball.gif width=90 height=90 //div To all images with a class of unknown. $(function(){ $('.invited').css('cursor','pointer').click(function(){ var url = 'myserverpage.lasso?task=eventevent=1volunteer='; url += $(this).attr('id'); $('#invitation').jqm({ajax: url, trigger: $(this)}); }); }); Am I going about this the right way? Any gotchas I should know about with this approach. Thanks (this is my first attempt as using any modal)
[jQuery] Re: Convert xml string to dom document
if the files is xhtml (or xml of some type) and it's being served as text/html, the browser won't give you a dom. UNLESS you override the mime-type! beforeSend : function(req){req.overrideMimeType('text/xml')}, dataType: xml, inside the $,ajax call. On 5/16/07, tcollogne [EMAIL PROTECTED] wrote: Hello, I have a static html page containing xml code. Problem is that when I do an ajax request to get the content, it is always returned as a text/html I would like to parse the return string as a dom document. It is impossible for us to change the extension, so I was wondering if there is a possibility to convert the return string to a dom document. I use sarissa now for this, but It would be much better if jquery had somthing like this. Can somebody help me please? -- View this message in context: http://www.nabble.com/Convert-xml-string-to-dom-document-tf3763257s15494.html#a10637769 Sent from the JQuery mailing list archive at Nabble.com. -- Ⓙⓐⓚⓔ - יעקב ʝǡǩȩ ᎫᎪᏦᎬ
[jQuery] Re: Convert xml string to dom document
ps... this may not work in IE! On 5/16/07, Ⓙⓐⓚⓔ [EMAIL PROTECTED] wrote: if the files is xhtml (or xml of some type) and it's being served as text/html, the browser won't give you a dom. UNLESS you override the mime-type! beforeSend : function(req){req.overrideMimeType('text/xml')}, dataType: xml, inside the $,ajax call. On 5/16/07, tcollogne [EMAIL PROTECTED] wrote: Hello, I have a static html page containing xml code. Problem is that when I do an ajax request to get the content, it is always returned as a text/html I would like to parse the return string as a dom document. It is impossible for us to change the extension, so I was wondering if there is a possibility to convert the return string to a dom document. I use sarissa now for this, but It would be much better if jquery had somthing like this. Can somebody help me please? -- View this message in context: http://www.nabble.com/Convert-xml-string-to-dom-document-tf3763257s15494.html#a10637769 Sent from the JQuery mailing list archive at Nabble.com. -- Ⓙⓐⓚⓔ - יעקב ʝǡǩȩ ᎫᎪᏦᎬ -- Ⓙⓐⓚⓔ - יעקב ʝǡǩȩ ᎫᎪᏦᎬ
[jQuery] Re: Convert xml string to dom document
Here's a fn for converting strings to docs: function stringToDoc(s) { var doc; if (window.ActiveXObject) { doc = new ActiveXObject('Microsoft.XMLDOM'); doc.async = 'false'; doc.loadXML(s); } else doc = (new DOMParser()).parseFromString(s, 'text/xml'); return (doc doc.documentElement doc.documentElement.tagName != 'parsererror') ? doc : null; } I would like to parse the return string as a dom document. It is impossible for us to change the extension, so I was wondering if there is a possibility to convert the return string to a dom document.
[jQuery] Re: Small delay in animate function - how can I fix it?
Have you found any info about this? I am seeing this too _ From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Andy Matthews Sent: Tuesday, May 15, 2007 6:38 AM To: jquery-en@googlegroups.com Subject: [jQuery] Small delay in animate function - how can I fix it? http://www.commadelimited.com/clients/haven/atkins/floor-plans.html On this page, if you click any of the olive colored buttons on the left, you'll see the text slide to the right as an indicator for which floor plan is active. It also slides any other active item back to the left. When clicked, there's a small delay before the plan slides right...I don't know why this is happening. Can anyone help me out with this? Also, is there a list of properties that can be animated using this function? I tried animating the text-align property and it didn't work. Andy Matthews Senior Coldfusion Developer Office: 877.707.5467 x747 Direct: 615.627.9747 Fax: 615.467.6249 [EMAIL PROTECTED] www.dealerskins.com http://www.dealerskins.com/ image001.gif
[jQuery] Re: jqModal question
Shelane, Do you have a url I can take a look at? I have some thoughts, but I need to see it in action. -- Benjamin Sterling http://www.KenzoMedia.com http://www.KenzoHosting.com
[jQuery] ajax issue with ie6 ie7 ?
Hi, I have this ajax call: $.get(/cgi/check, function(data) { $(#check).append(data); }); as part of my local home page. The first time this loads on IE6 , IE7 it prompts an Operation cancelled alert, but later viewing/launching of the home page do not cause this behavior. This works ok with FF2. Any ideas why this might be ? Thanks jose
[jQuery] Re: New jTip, Plugged In - now clueTip
On May 16, 2007, at 10:05 AM, Scott Sauyet wrote: Two suggestions: First, on the documentation page, it would be nice if all the examples showed the HTML markup as well as the JS, the way you do with the non-link H4 example. Second, it's probably only really useful with non-link elements, but it would be nice to be have a titleAttribute option (defaulting of course to title). Thanks for the ideas, Scott! And thanks to everyone for the encouragement. Much appreciated. I followed both of Scott's suggestions, so now each link's text on the demo page shows its markup, and you can use a custom 'titleAttribute' for the tip title. On May 15, 2007, at 10:59 PM, Shelane wrote: How about jClue? ;-) jSuperTip? Good suggestions, Shelane! After riffing on them for a bit, I came up with clueTip. Hence, the new URL: http://test.learningjquery.com/cluetip/ --Karl _ Karl Swedberg www.englishrules.com www.learningjquery.com
[jQuery] Descendant axis with node context
The following script throws the error this.getElementsByTagName is not a function using the current jquery release. $(//tr).each(function(i) { f = $(//td, this).text(); alert(f); }); The problem appears to be in lines 869-880, where jQuery assumes that an XPath expression that leads with // or / is always evaluated in a document context rather than a node context. // Handle the common XPath // expression if ( !t.indexOf(//) ) { context = context.documentElement; t = t.substr(2,t.length); // And the / root expression } else if ( !t.indexOf(/) ) { context = context.documentElement; t = t.substr(1,t.length); if ( t.indexOf(/) = 1 ) t = t.substr(t.indexOf(/),t.length); } documentElement is undefined for a DOM node. Do these blocks need to be present? Is there a reason that the descendant axis should not be evaluated in a node context? Cut-and-paste example: head script type=text/javascript src=http://jquery.com/src/jquery-latest.pack.js; /script script type=text/javascript $(document).ready(function() { $(//tr).each(function(i) { f = $(//td, this).text(); alert(f); }); }); /script /head body tabletrtdf1/tdtdf2/td/tr/table /body -- View this message in context: http://www.nabble.com/Descendant-axis-with-node-context-tf3767593s15494.html#a10651129 Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Re: Descendant axis with node context
This problem is resolved in jQuery SVN. It'll be included in jQuery 1.1.3 (which should be coming out this weekend). --John On 5/16/07, billhowe [EMAIL PROTECTED] wrote: The following script throws the error this.getElementsByTagName is not a function using the current jquery release. $(//tr).each(function(i) { f = $(//td, this).text(); alert(f); }); The problem appears to be in lines 869-880, where jQuery assumes that an XPath expression that leads with // or / is always evaluated in a document context rather than a node context. // Handle the common XPath // expression if ( !t.indexOf(//) ) { context = context.documentElement; t = t.substr(2,t.length); // And the / root expression } else if ( !t.indexOf(/) ) { context = context.documentElement; t = t.substr(1,t.length); if ( t.indexOf(/) = 1 ) t = t.substr(t.indexOf(/),t.length); } documentElement is undefined for a DOM node. Do these blocks need to be present? Is there a reason that the descendant axis should not be evaluated in a node context? Cut-and-paste example: head script type=text/javascript src=http://jquery.com/src/jquery-latest.pack.js; /script script type=text/javascript $(document).ready(function() { $(//tr).each(function(i) { f = $(//td, this).text(); alert(f); }); }); /script /head body tabletrtdf1/tdtdf2/td/tr/table /body -- View this message in context: http://www.nabble.com/Descendant-axis-with-node-context-tf3767593s15494.html#a10651129 Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Next/Previous Links
Hey all! Here is the URL for the issue I am referring to: http://manhattanwest.com/media-center/video-images.php Problem: I need to make the Previous and Next links function to rotate through the 4 columns of links below the image area and unfortunately I am not the best with Javascript so any help would be AWESOME! Any ideas? Thanks in advance! -- View this message in context: http://www.nabble.com/Next-Previous-Links-tf3766061s15494.html#a10646671 Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Re: kelvinluck - date-picker V2
Sam Collett wrote: On May 15, 11:21 pm, Kelvin Luck [EMAIL PROTECTED] wrote: Hi, Sorry about the console.log statement - I should have removed that... I'm afraid I don't have IE7 here to test with... Can you confirm that you experience the problem on my demo page: http://kelvinluck.com/assets/jquery/datePicker/v2/demo/datePickerInto... If you do and can give me any further information from the error then I can look into it. If the problem doesn't exist on my page then can you post a link to your page and we can try and look into it... Thanks, Kelvin :) Works fine for me in IE7. I've been using it a while for a site I have been working on (internal use, so no link). Thanks for checking, Cheers, Kelvin :)
[jQuery] Re: kelvinluck - date-picker V2
Vincent Majer wrote: In fact, the code on your demo page works with IE7.. seems it's my integration of your plugin which is not good.. maybee an interaction with other scripts running on that page, i'll search.. thanks anyway for that plugin.. very helpful Cool. Good lick with the integration, Cheers, Kelvin :)
[jQuery] Re: Linking each list item to respective div container.
*Not sure why my prev message isn't showing up, so posting again. Thanks Karl, I tried using the functions you suggested, but now I think using id's is the best approach... Earlier I wasn't keen on using them because I want to dynamically generate/delete list items... Any way.. All I have is a dropdown with a list that changes the div container below. http://cattails.biz/js/jq/try.html Problems I'm having now: 1. Need the dropdown to appear on hover instead of click 2. The hover needs to have a lag after the mouseout. Some stickyness that is.. Also how can I load forms via Ajax, is it easy enough..? Hints are good too.. Just show me the right way and I will do my research. Thank you for reading the problem.. Harsh On May 15, 7:01 pm, Karl Rudd [EMAIL PROTECTED] wrote: Why don't you want do this without naming ids and classes? My recommendation would be to use something like this: $(function() { var targets = $('[EMAIL PROTECTED]'); if ( !targets.length ) return; var firstTarget = targets[0]; var pageLinks = $('[EMAIL PROTECTED]#]'); targets .hide() .each( function() { var target = $(this); function showTarget() { targets.hide(); target.show(); return false; } $(pageLinks) .filter('[EMAIL PROTECTED]#' + this.id + ']') .click( showTarget ); if ( this == firstTarget ) showTarget.apply( firstTarget ); }); }); You use it like this: html head script type=text/javascript src=jquery.js/script script type=text/javascript src=hashShow.js/script titleTest/title /head body pa href=#section1Show Section 1/a/p pa href=#section2Show Section 2/a/p div class=hashShow id=section1 h1Section 1/h2 /div div class=hashShow id=section2 h1Section 2/h2 /div /body /html There's also an added advantage that should JavaScript be not available the links will still work. I'll be putting this into a more flexible plugin format a little later. If anyone's interested let me know. Karl Rudd On 5/16/07, [EMAIL PROTECTED] d [EMAIL PROTECTED] wrote: Hi there, I just started to working on jQuery and am finding it extremely easy to use. However I've been trying to find a solution to a simple navigation problem here.. My markup has a list with a few 'li' items. So for each click on a list item it would show the respective div container and hide the rest... !-- List Menu -- div id=dropbox ul liCash/li liPersonal Assets/li liCertificates of Deposit/li /ul /div !-- Div Containers -- div class=formcash h2Cash/h2 /div div class=formpersonal h2Personal Assets/h2 /div div class=formdeposit h2Certificates of Deposit /h2 /div Can I some how do the toggle without naming ids and classes? Any ideas people?
[jQuery] Re: kelvinluck - date-picker V2
Kelvin, Did you ever have any luck at getting the date selector to detect the edge of the browser window and re-position itself? On May 16, 1:59 pm, Kelvin Luck [EMAIL PROTECTED] wrote: Vincent Majer wrote: In fact, the code on your demo page works with IE7.. seems it's my integration of your plugin which is not good.. maybee an interaction with other scripts running on that page, i'll search.. thanks anyway for that plugin.. very helpful Cool. Good lick with the integration, Cheers, Kelvin :)
[jQuery] Re: Linking each list item to respective div container.
Hi, Now, I feel this is the right way to do this (and the most simple, also): The menu caption (e.g. Add an Item (»)) and the menu itself should be in the same container (ul, div, whatever). Then you bind the hover event (http://docs.jquery.com/Events#hover.28_over.2C_out_.29) $('#mymenu').hover( function () { // When the mouse enters $(this).addClass('showElements'); }, function () { // When the mouse leaves $(this).removeClass('showElements'); }); By default the styling will be: #mymenu li { display: none; } And the class .showElements li { display: block; } I believe this will fix the flickering when mouse move in and out. About the part with showing different divs on a anchor click I would do it like this: a href=# divToShow=correspondingDivIdshow div1/a !-- Remember, in XHTML - X stands for eXtensible -- Then in jquery: $(#mymenu a).click(function () { $('some class or some other rule to select all the divs').hide(); $('#' + $(this).attr('correspondingDivId')).show(); }); About the ajax it's also easy: $('div to load data to').load(url); (http://docs.jquery.com/Ajax) The previous 2 steps together: $(#mymenu a).click(function () { var anchorTag = $(this).attr('someTag'); // This you can pass to the server $('the ajax div').load(url + '?tag=' + anchorTag); }); Regards, Emil Ivanov On May 16, 10:20 pm, [EMAIL PROTECTED] d [EMAIL PROTECTED] wrote: *Not sure why my prev message isn't showing up, so posting again. Thanks Karl, I tried using the functions you suggested, but now I think using id's is the best approach... Earlier I wasn't keen on using them because I want to dynamically generate/delete list items... Any way.. All I have is a dropdown with a list that changes the div container below.http://cattails.biz/js/jq/try.html Problems I'm having now: 1. Need the dropdown to appear on hover instead of click 2. The hover needs to have a lag after the mouseout. Some stickyness that is.. Also how can I load forms via Ajax, is it easy enough..? Hints are good too.. Just show me the right way and I will do my research. Thank you for reading the problem.. Harsh On May 15, 7:01 pm, Karl Rudd [EMAIL PROTECTED] wrote: Why don't you want do this without naming ids and classes? My recommendation would be to use something like this: $(function() { var targets = $('[EMAIL PROTECTED]'); if ( !targets.length ) return; var firstTarget = targets[0]; var pageLinks = $('[EMAIL PROTECTED]#]'); targets .hide() .each( function() { var target = $(this); function showTarget() { targets.hide(); target.show(); return false; } $(pageLinks) .filter('[EMAIL PROTECTED]#' + this.id + ']') .click( showTarget ); if ( this == firstTarget ) showTarget.apply( firstTarget ); }); }); You use it like this: html head script type=text/javascript src=jquery.js/script script type=text/javascript src=hashShow.js/script titleTest/title /head body pa href=#section1Show Section 1/a/p pa href=#section2Show Section 2/a/p div class=hashShow id=section1 h1Section 1/h2 /div div class=hashShow id=section2 h1Section 2/h2 /div /body /html There's also an added advantage that should JavaScript be not available the links will still work. I'll be putting this into a more flexible plugin format a little later. If anyone's interested let me know. Karl Rudd On 5/16/07, [EMAIL PROTECTED] d [EMAIL PROTECTED] wrote: Hi there, I just started to working on jQuery and am finding it extremely easy to use. However I've been trying to find a solution to a simple navigation problem here.. My markup has a list with a few 'li' items. So for each click on a list item it would show the respective div container and hide the rest... !-- List Menu -- div id=dropbox ul liCash/li liPersonal Assets/li liCertificates of Deposit/li /ul /div !-- Div Containers -- div class=formcash h2Cash/h2 /div div class=formpersonal h2Personal Assets/h2 /div div class=formdeposit h2Certificates of Deposit /h2 /div Can I some how do the toggle without naming ids and classes? Any ideas people?
[jQuery] Re: kelvinluck - date-picker V2
Thanks! I think that will work for our needs. On May 16, 3:40 pm, Kelvin Luck [EMAIL PROTECTED] wrote: tlphipps wrote: Kelvin, Did you ever have any luck at getting the date selector to detect the edge of the browser window and re-position itself? Hi, I decided that it would probably be a bit much for the plugin to do this automatically but I added in functionality to make it easy for you to choose how the popup datepicker is placed relative to it's associated element:http://kelvinluck.com/assets/jquery/datePicker/v2/demo/datePickerPosi... I figured this would probably help in most situations (as you would know which part of your page your date picker was going to appear in and could choose how to align it). Does this help in your situation? Cheers, Kelvin :)
[jQuery] Jquery mailinglist suggestion
hello to the jQuery team, i was wondering, does google group allows to have the post thread weblink automatically appended to each message? This would be useful to me because i don't use gmail but outlook to follow the discussion, and sometimes i'd wish to just have a link to click to get the whole discussion context/ thread. jThanks, Alexandre Alexandre Plennevaux - LAb[au] asbl.vzw / MediaRuimte Lakensestraat/Rue de Laeken 104 B-1000 Brussel-Bruxelles-Brussels Belgie-Belgique-Belgium Tel:+32(0)2.219.65.55 Fax:+32(0)2.426.69.86 Mobile:+32(0)476.23.21.42 HYPERLINK blocked::http://www.lab-au.com/http://www.lab-au.com HYPERLINK blocked::http://www.mediaruimte.be/http://www.mediaruimte.be HYPERLINK blocked::http://www.mediaruimte.be/__ The information in this e-mail is intended only for the addressee named above. If you are not that addressee, please note that any disclosure, distribution or copying of this e-mail is prohibited. Because e-mail can be electronically altered, the integrity of this communication cannot be guaranteed. __ Ce message Envoi est certifié sans virus connu. Analyse effectuée par AVG. Version: 7.5.467 / Base de données virus: 269.7.1/805 - Date: 15/05/2007 10:47
[jQuery] Re: Simple .load does not work in IE7
firebug says it works! after the click the dom was changed to : htmlheadtitleAjax with jQuery Example/title script type=text/javaScript src=/js/jquery.js/script script type=text/javaScript $(document).ready(function(){ $(#ajax).click(function(){ $(#quote p).load(test2.html); }); }); /script/headbody input id=ajax value=Ajax type=submit div id=quoteppWhy won't you work?/p/p/div /body/html Of course you have 2 ps ... but that's because you have a p in 1 and a p in 2. On 5/16/07, Sean [EMAIL PROTECTED] wrote: Hi all, I'm very new to jquery and am really excited about it. But I'm having a rough time even getting the simplest .load ajax call to work in IE. Here's my code, it works fine in Firefox 2, but I get a Line 1, Char 1, Unknown runtime error in IE. test1.html html head titleAjax with jQuery Example/title script type=text/javaScript src=jquery-1.1.2.pack.js/script script type=text/javaScript $(document).ready(function(){ $(#ajax).click(function(){ $(#quote p).load(test2.html); }); }); /script /head body input type=submit id=ajax value=Ajax div id=quotep /p/div /body /html test2.html pWhy won't you work?/p Any clues would be greatly appreciated. I cannot figure out what I'm doing wrong :( Thanks, Sean -- Ⓙⓐⓚⓔ - יעקב ʝǡǩȩ ᎫᎪᏦᎬ
[jQuery] Adding a Callback function.
Hi folks, I've got a need for one of my functions to accept a callback function as a parameter (if that's even the right way to do it). Anyway, I'm having trouble and I'm hoping that someone here could help me. This particular situation deals with a parent page, and a child page which is loaded inside of a thickbox window. So the parent page has a function that looks like this: function DisplayScreen(currentScreenString, methodName, contentID){ if(arguments.length 3){ contentID = MainContent; } if(currentScreenString.length){ gCurrentScreen = currentScreenString; } $.AjaxCFC({ url: CFC/Display.cfc, method: methodName, data: {}, unnamedargs: false, serialization: html, success: function(data) { $(# + contentID).empty().append(data); // add the hover effect if possible... $(.ScoreBox).mouseover( function(){ $(this).addClass(OnHover); }).mouseout( function(){ $(this).removeClass(OnHover); }); }, error: function(){ DisplayScreen(homeScreen, displayHomeScreen) } }); } in the child window I've got a code snippet that looks like this: if(parent.gCurrentScreen !== newTitleLoanEvaluation){ parent.DisplayScreen('newTitleLoanEvaluation','displayNewTitleLoanEvaluationWorksheet',TestFunction); elmLastName = parent.document.getElementById(LastNameID); elmFirstName = parent.document.getElementById(FirstNameID); elmCustomerNumber = parent.document.getElementById(CustomerNumberID); elmLastName.value = data.LASTNAME; elmFirstName.value = data.FIRSTNAME; elmCustomerNumber.value = data.CUSTOMERNUMBER; } so what I'm doing is updating the parent page with some data that are the results of a search done in the child page. This is great if the parent page is already the one that I want updated, but the user can get to this search window from anywhere in the application, so what I need to do is switch the parent page to the one I'm wanting to update before I get the three elements (Last,First,CustomerNumber) and then try to set their values. Since parent.DisplayScreen() itself makes an ajax call. So, I want a way to tell that function that once it's though if it's been called with a call back function it should execute it on return. I feel like there's a simple concept I'm missing here. Essentially I *think* that my function definition would look something like: function test(a, b, returnFunc){ var c = a + b; //... bah! This is where I go bananas. My first instinct is to say something like... eval(returnFunc); // but that seems wrong... //...so what about... returnFunc(); } ... but I don't want to waste time running down paths that may go nowhere. Can someone on the list give me a quick hand understanding how to do this? Thanks heaps, Chris -- http://cjordan.us
[jQuery] Re: Next/Previous Links
I was storing the onclick text, and eval() evaluates a string of javascript. This means that the functions that would be executed on click would instead be executed right then (at the eval). I hope that helps. ~Sean
[jQuery] Re: what is the license of this beautiful plugin innerfade
Thanks Sean! On May 16, 7:02 pm, Sean Catchpole [EMAIL PROTECTED] wrote: If there is no license, then it's probably safe to assume opensource, like MIT style. ~Sean
[jQuery] Re: DOM friendly link creation
On May 17, 1:49 am, Gordon [EMAIL PROTECTED] wrote: After a day's coding, I have come up with this. It's closer to what I need but the final link creation phase isn't there ye.t (also each link will have attributes that point to a different URL, different event handlers, etc, so don't think they're only going to have a jargonbuser class and nothing else) It goes without saying that this type of thing is much better done on the server, but anyhow I'll suggest an alternative strategy. Consider allowing the user to select text themselves. When your document.body receives a mouseup event, it looks to see if a range is selected. If so, look at the words selected and if any match your jargon dictionary, display a help button next to the selection. If the user clicks on the button, display help for the recognised words. If they click anywhere else, clear the button. This way, you can provide your own glossary for your jargon, anthing not in your dictionary could be sourced from some online dictionary or tossed into Google and presented in a new window or similar. It requires no client-side processing of the page and you don't have to find and highlight all the jargon words - I find highlighted words very distracting, especially since I only need to learn about a jargon word once (or maybe twice on a slow day), I don't want the word repeatedly highlighted just because you think I might need that. Anyhow, over to you. -- Rob
[jQuery] Re: Jquery mailinglist suggestion
would you mean having this link automatically attached to this mail as http://groups.google.com/group/jquery-en/browse_thread/thread/2050e744b4ee7fbf you could always get a gmail account - and use that for your mailing lists On 16/05/07, Alexandre Plennevaux [EMAIL PROTECTED] wrote: hello to the jQuery team, i was wondering, does google group allows to have the post thread weblink automatically appended to each message? This would be useful to me because i don't use gmail but outlook to follow the discussion, and sometimes i'd wish to just have a link to click to get the whole discussion context/ thread. jThanks, Alexandre Alexandre Plennevaux - LAb[au] asbl.vzw / MediaRuimte Lakensestraat/Rue de Laeken 104 B-1000 Brussel-Bruxelles-Brussels Belgie-Belgique-Belgium Tel:+32(0)2.219.65.55 Fax:+32(0)2.426.69.86 Mobile:+32(0)476.23.21.42 http://www.lab-au.com http://www.mediaruimte.be __ The information in this e-mail is intended only for the addressee named above. If you are not that addressee, please note that any disclosure, distribution or copying of this e-mail is prohibited. Because e-mail can be electronically altered, the integrity of this communication cannot be guaranteed. __ Ce message Envoi est certifié sans virus connu. Analyse effectuée par AVG. Version: 7.5.467 / Base de données virus: 269.7.1/805 - Date: 15/05/2007 10:47
[jQuery] Disabling Tooltips + Tooltip Text
1] I'd like to make a request to have a flag to turn off all tool-tips (http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/). The easiest way to do this might be to retain existing object events, and simply put a flag in the code to not process tip events. Alternately is there a simple way to identify all tip events and remove them? 2] Is there a way to send in the tool-tip text as a parameter rather than relying on the Title attribute? The reason I'd like to do this is to source all tip text in a central location. ~ ~ Dave
[jQuery] Re: Linking each list item to respective div container.
I don't have a lot of time at the moment. For the delayed hover effect have a look at this plugin. http://cherne.net/brian/resources/jquery.hoverIntent.html Emil has given you the link to the AJAX documentation. Karl Rudd On 5/17/07, [EMAIL PROTECTED] d [EMAIL PROTECTED] wrote: *Not sure why my prev message isn't showing up, so posting again. Thanks Karl, I tried using the functions you suggested, but now I think using id's is the best approach... Earlier I wasn't keen on using them because I want to dynamically generate/delete list items... Any way.. All I have is a dropdown with a list that changes the div container below. http://cattails.biz/js/jq/try.html Problems I'm having now: 1. Need the dropdown to appear on hover instead of click 2. The hover needs to have a lag after the mouseout. Some stickyness that is.. Also how can I load forms via Ajax, is it easy enough..? Hints are good too.. Just show me the right way and I will do my research. Thank you for reading the problem.. Harsh On May 15, 7:01 pm, Karl Rudd [EMAIL PROTECTED] wrote: Why don't you want do this without naming ids and classes? My recommendation would be to use something like this: $(function() { var targets = $('[EMAIL PROTECTED]'); if ( !targets.length ) return; var firstTarget = targets[0]; var pageLinks = $('[EMAIL PROTECTED]#]'); targets .hide() .each( function() { var target = $(this); function showTarget() { targets.hide(); target.show(); return false; } $(pageLinks) .filter('[EMAIL PROTECTED]#' + this.id + ']') .click( showTarget ); if ( this == firstTarget ) showTarget.apply( firstTarget ); }); }); You use it like this: html head script type=text/javascript src=jquery.js/script script type=text/javascript src=hashShow.js/script titleTest/title /head body pa href=#section1Show Section 1/a/p pa href=#section2Show Section 2/a/p div class=hashShow id=section1 h1Section 1/h2 /div div class=hashShow id=section2 h1Section 2/h2 /div /body /html There's also an added advantage that should JavaScript be not available the links will still work. I'll be putting this into a more flexible plugin format a little later. If anyone's interested let me know. Karl Rudd On 5/16/07, [EMAIL PROTECTED] d [EMAIL PROTECTED] wrote: Hi there, I just started to working on jQuery and am finding it extremely easy to use. However I've been trying to find a solution to a simple navigation problem here.. My markup has a list with a few 'li' items. So for each click on a list item it would show the respective div container and hide the rest... !-- List Menu -- div id=dropbox ul liCash/li liPersonal Assets/li liCertificates of Deposit/li /ul /div !-- Div Containers -- div class=formcash h2Cash/h2 /div div class=formpersonal h2Personal Assets/h2 /div div class=formdeposit h2Certificates of Deposit /h2 /div Can I some how do the toggle without naming ids and classes? Any ideas people?
[jQuery] OT: My Collection of Ajax Feeds
Here's my list of feeds that I review daily. Some offer more than just Ajax-related content but I read these mainly for the Ajax material. http://jquery.com/blog/feed/ http://ajaxian.com/index.xml http://www.dzone.com/feed/frontpage/ajax/rss.xml http://blogs.pathf.com/agileajax/rss.xml http://ajax.phpmagazine.net/atom.xml http://feeds.feedburner.com/encytemedia http://www.jackslocum.com/yui/feed/atom/ http://feeds.yuiblog.com/YahooUserInterfaceBlog http://feeds.feedburner.com/miraculous http://www.ajaxmatters.com/blog/feed/ http://www.learningjquery.com/feed/ http://remysharp.com/feed/atom/ http://trainofthoughts.org/blog/feed/ http://www.danwebb.net/feed/atom.xml Enjoy. Rey
[jQuery] Re: NEWS: Wordpress 2.2 Switches to jQuery
Jquery is making its presence felt everywhere On May 16, 10:05 pm, Rey Bango [EMAIL PROTECTED] wrote: You can read the details here: http://ajax.phpmagazine.net/2007/05/wordpress_22_released_and_swit.html Rey... -- BrightLight Development, LLC. 954-775- (o) 954-600-2726 (c) [EMAIL PROTECTED]://www.iambright.com
[jQuery] Re: Simple .load does not work in IE7
if you have a link on the net, maybe some IE user can hit it... the code looked good to me, and runs for me on Opera, Firefox Safari. On 5/16/07, Sean [EMAIL PROTECTED] wrote: I just tried it on a different computer, using the exact same code except I just downloaded the latest uncompressed from the website. Works in Firefox, same error in IE. On May 16, 5:15 pm, Ⓙⓐⓚⓔ [EMAIL PROTECTED] wrote: after I posted I noticed that your problem is in IE. did you try the not-packed version? the error might not be in your code, but in the jquery.js file. http://cigar.dynalias.org/test1.html uses my latest version (packed) Of course you have 2 ps ... but that's because you have a p in 1 and a p in 2. On 5/16/07, Sean [EMAIL PROTECTED] wrote: Hi all, I'm very new to jquery and am really excited about it. But I'm having a rough time even getting the simplest .load ajax call to work in IE. Here's my code, it works fine in Firefox 2, but I get a Line 1, Char 1, Unknown runtime error in IE. test1.html html head titleAjax with jQuery Example/title script type=text/javaScript src=jquery-1.1.2.pack.js /script script type=text/javaScript $(document).ready(function(){ $(#ajax).click(function(){ $(#quote p).load(test2.html); }); }); /script /head body input type=submit id=ajax value=Ajax div id=quotep /p/div /body /html test2.html pWhy won't you work?/p Any clues would be greatly appreciated. I cannot figure out what I'm doing wrong :( Thanks, Sean -- Ⓙⓐⓚⓔ - יעקב ʝǡǩȩ ᎫᎪᏦᎬ -- Ⓙⓐⓚⓔ - יעקב ʝǡǩȩ ᎫᎪᏦᎬ -- Ⓙⓐⓚⓔ - יעקב ʝǡǩȩ ᎫᎪᏦᎬ
[jQuery] Re: Simple .load does not work in IE7
I don't have it up on the net, but anyone with windows can set up the files pretty quick. I will see what I can do tomorrow about getting it online to help out. Thanks for the suggestions though. On May 16, 9:48 pm, Ⓙⓐⓚⓔ [EMAIL PROTECTED] wrote: if you have a link on the net, maybe some IE user can hit it... the code looked good to me, and runs for me on Opera, Firefox Safari. On 5/16/07, Sean [EMAIL PROTECTED] wrote: I just tried it on a different computer, using the exact same code except I just downloaded the latest uncompressed from the website. Works in Firefox, same error in IE. On May 16, 5:15 pm, Ⓙⓐⓚⓔ [EMAIL PROTECTED] wrote: after I posted I noticed that your problem is in IE. did you try the not-packed version? the error might not be in your code, but in the jquery.js file. http://cigar.dynalias.org/test1.htmluses my latest version (packed) Of course you have 2 ps ... but that's because you have a p in 1 and a p in 2. On 5/16/07, Sean [EMAIL PROTECTED] wrote: Hi all, I'm very new to jquery and am really excited about it. But I'm having a rough time even getting the simplest .load ajax call to work in IE. Here's my code, it works fine in Firefox 2, but I get a Line 1, Char 1, Unknown runtime error in IE. test1.html html head titleAjax with jQuery Example/title script type=text/javaScript src=jquery-1.1.2.pack.js /script script type=text/javaScript $(document).ready(function(){ $(#ajax).click(function(){ $(#quote p).load(test2.html); }); }); /script /head body input type=submit id=ajax value=Ajax div id=quotep /p/div /body /html test2.html pWhy won't you work?/p Any clues would be greatly appreciated. I cannot figure out what I'm doing wrong :( Thanks, Sean -- Ⓙⓐⓚⓔ - יעקב ʝǡǩȩ ᎫᎪᏦᎬ -- Ⓙⓐⓚⓔ - יעקב ʝǡǩȩ ᎫᎪᏦᎬ -- Ⓙⓐⓚⓔ - יעקב ʝǡǩȩ ᎫᎪᏦᎬ
[jQuery] Re: Simple .load does not work in IE7
My link is live! ANY IE TAKERS??? http://cigar.dynalias.org/test1.html On 5/16/07, Sean [EMAIL PROTECTED] wrote: I don't have it up on the net, but anyone with windows can set up the files pretty quick. I will see what I can do tomorrow about getting it online to help out. Thanks for the suggestions though. On May 16, 9:48 pm, Ⓙⓐⓚⓔ [EMAIL PROTECTED] wrote: if you have a link on the net, maybe some IE user can hit it... the code looked good to me, and runs for me on Opera, Firefox Safari. On 5/16/07, Sean [EMAIL PROTECTED] wrote: I just tried it on a different computer, using the exact same code except I just downloaded the latest uncompressed from the website. Works in Firefox, same error in IE. On May 16, 5:15 pm, Ⓙⓐⓚⓔ [EMAIL PROTECTED] wrote: after I posted I noticed that your problem is in IE. did you try the not-packed version? the error might not be in your code, but in the jquery.js file. http://cigar.dynalias.org/test1.htmluses my latest version (packed) Of course you have 2 ps ... but that's because you have a p in 1 and a p in 2. On 5/16/07, Sean [EMAIL PROTECTED] wrote: Hi all, I'm very new to jquery and am really excited about it. But I'm having a rough time even getting the simplest .load ajax call to work in IE. Here's my code, it works fine in Firefox 2, but I get a Line 1, Char 1, Unknown runtime error in IE. test1.html html head titleAjax with jQuery Example/title script type=text/javaScript src=jquery-1.1.2.pack.js/script script type=text/javaScript $(document).ready(function(){ $(#ajax).click(function(){ $(#quote p).load(test2.html); }); }); /script /head body input type=submit id=ajax value=Ajax div id=quotep /p/div /body /html test2.html pWhy won't you work?/p Any clues would be greatly appreciated. I cannot figure out what I'm doing wrong :( Thanks, Sean -- Ⓙⓐⓚⓔ - יעקב ʝǡǩȩ ᎫᎪᏦᎬ -- Ⓙⓐⓚⓔ - יעקב ʝǡǩȩ ᎫᎪᏦᎬ -- Ⓙⓐⓚⓔ - יעקב ʝǡǩȩ ᎫᎪᏦᎬ -- Ⓙⓐⓚⓔ - יעקב ʝǡǩȩ ᎫᎪᏦᎬ
[jQuery] Re: How to use easing plugin equation in innerfade plugin
got it! On May 16, 10:37 pm, joomlafreak [EMAIL PROTECTED] wrote: I have been trying hard for some time now to use the equations of a href=http://gsgd.co.uk/sandbox/jquery.easing.php;easing plugin/a in innerfade plugin. I included the easing plugin JS in page. This is the innerfade function in which I am using it $.innerfade.next = function (elements, settings, current, last) { if ( settings.animationtype == 'slide' ) { $(elements[last]).slideUp(settings.speed, $ (elements[current]).slideDown(settings.speed)); } else if ( settings.animationtype == 'fade' ) { $(elements[last]).css(z-index,-1).fadeOut(settings.speed); $(elements[current]).animate({top:0}, {duration:settings.speed*2,easing: bounceout}); } else { alert('animationtype must either be \'slide\' or \'fade\''); }; but it gives error, bounceout is not defined. Then I tried to extract the bounceout equation and put it in the $.innerfade.next function but still the same error. I wonder how do I achieve this easing effect in this plugin. Any suggestions please
[jQuery] Re: Simple .load does not work in IE7
Here are my results: Firefox 2 Mac: worked. IE 6 Win: did not work, but no JavaScript error. --Karl _ Karl Swedberg www.englishrules.com www.learningjquery.com On May 16, 2007, at 11:02 PM, Ⓙⓐⓚⓔ wrote: http://cigar.dynalias.org/test1.html
[jQuery] Re: Simple .load does not work in IE7
Ⓙⓐⓚⓔ wrote on 5/16/2007 8:02 PM: My link is live! ANY IE TAKERS??? http://cigar.dynalias.org/test1.html I get a runtime error within jquery.js: Line: 0 Error: Unknown runtime error It's highlighting the error as c[e[d]]=a within this bit: if(e[d]){if(a!=undefined)c[e[d]]=a; Try switching to the uncompressed version of jQuery. - Bil
[jQuery] Re: Simple .load does not work in IE7
I can help out a little there. I started stepping through the error with a debugger. Since it's the packed version, I don't know where exactly it's breaking, but I can tell you that your ajax request is working properly. Here's what little I can tell you. The execution breaks in an anonymous function. The local variables at this time are c, which looks like a P element; d, which is the string innerHTML; a, which is a string pWhy won't you work?/p; and e, which is an object that looks kinda like a mapping of DOM attributes to javascript properties--probably a JQuery internal object. So basically that code is saying: if there is a DOM property that maps to innerHTML { if the ajax response is defined { set the P element's innerHTML to the value of the response } } Chad On May 16, 11:48 pm, Bil Corry [EMAIL PROTECTED] wrote: Ⓙⓐⓚⓔ wrote on 5/16/2007 8:02 PM: My link is live! ANY IE TAKERS??? http://cigar.dynalias.org/test1.html I get a runtime error within jquery.js: Line: 0 Error: Unknown runtime error It's highlighting the error as c[e[d]]=a within this bit: if(e[d]){if(a!=undefined)c[e[d]]=a; Try switching to the uncompressed version of jQuery. - Bil
[jQuery] question about the jQuery which is the ext adapter
i'm familiar with jQuery ,new to ext. I wanna know when I use jQuery with ext. Can i coding with the jQuery style? This is very important to me.thank you!
[jQuery] Re: Simple .load does not work in IE7
Ⓙⓐⓚⓔ wrote on 5/16/2007 9:05 PM: Bill, do a refresh for the guy, it's now on the full jQuery! Ok, now I get the error in the jQuery.js: Line: 1571 Error: Unknown runtime error The error highlights elem[fix[name]] = value within the attr function: // Certain attributes only work when accessed via the old DOM 0 way if ( fix[name] ) { if ( value != undefined ) elem[fix[name]] = value; return elem[fix[name]]; - Bil
[jQuery] Re: Simple .load does not work in IE7
agh! what does that mean is it the p inside the p IE hates me as much as I hate IE!!! On 5/16/07, Bil Corry [EMAIL PROTECTED] wrote: Ⓙⓐⓚⓔ wrote on 5/16/2007 9:05 PM: Bill, do a refresh for the guy, it's now on the full jQuery! Ok, now I get the error in the jQuery.js: Line: 1571 Error: Unknown runtime error The error highlights elem[fix[name]] = value within the attr function: // Certain attributes only work when accessed via the old DOM 0 way if ( fix[name] ) { if ( value != undefined ) elem[fix[name]] = value; return elem[fix[name]]; - Bil -- Ⓙⓐⓚⓔ - יעקב ʝǡǩȩ ᎫᎪᏦᎬ
[jQuery] Re: Simple .load does not work in IE7
So I booted up my windows machine, and ran a modified version, http://cigar.dynalias.org/test3.html http://cigar.dynalias.org/test1.html basically the same without the pp issue it works. Who knew IE would care about such things So, the moral of the story is Don't pp on IE, or it will crap on you! On 5/16/07, Ⓙⓐⓚⓔ [EMAIL PROTECTED] wrote: agh! what does that mean is it the p inside the p IE hates me as much as I hate IE!!! On 5/16/07, Bil Corry [EMAIL PROTECTED] wrote: Ⓙⓐⓚⓔ wrote on 5/16/2007 9:05 PM: Bill, do a refresh for the guy, it's now on the full jQuery! Ok, now I get the error in the jQuery.js: Line: 1571 Error: Unknown runtime error The error highlights elem[fix[name]] = value within the attr function: // Certain attributes only work when accessed via the old DOM 0 way if ( fix[name] ) { if ( value != undefined ) elem[fix[name]] = value; return elem[fix[name]]; - Bil -- Ⓙⓐⓚⓔ - יעקב ʝǡǩȩ ᎫᎪᏦᎬ -- Ⓙⓐⓚⓔ - יעקב ʝǡǩȩ ᎫᎪᏦᎬ
[jQuery] Re: Simple .load does not work in IE7
A quick search uncovered some discussion around this problem here: http://piecesofrakesh.blogspot.com/2007/02/ies-unknown-runtime-error- when-using.html -Matt On May 16, 2007, at 9:55 PM, Ⓙⓐⓚⓔ wrote: So I booted up my windows machine, and ran a modified version, http://cigar.dynalias.org/test3.html basically the same without the pp issue it works. Who knew IE would care about such things So, the moral of the story is Don't pp on IE, or it will crap on you!
[jQuery] Re: Simple .load does not work in IE7
Ⓙⓐⓚⓔ wrote on 5/16/2007 9:41 PM: agh! what does that mean is it the p inside the p I'm not sure, but since it's the attr function, and there's a few bugs reported for the attr function with IE (including one of mine), I can only surmise it is probably related. - Bil
[jQuery] Re: Simple .load does not work in IE7
Matt Vanderpol wrote on 5/16/2007 10:00 PM: A quick search uncovered some discussion around this problem here: http://piecesofrakesh.blogspot.com/2007/02/ies-unknown-runtime-error-when-using.html Ah, Internet Explorer, defender of web standards! - Bil
[jQuery] Re: Simple .load does not work in IE7
And to all , a good night!!! On 5/16/07, Bil Corry [EMAIL PROTECTED] wrote: Matt Vanderpol wrote on 5/16/2007 10:00 PM: A quick search uncovered some discussion around this problem here: http://piecesofrakesh.blogspot.com/2007/02/ies-unknown-runtime-error-when-using.html Ah, Internet Explorer, defender of web standards! - Bil -- Ⓙⓐⓚⓔ - יעקב ʝǡǩȩ ᎫᎪᏦᎬ
[jQuery] Re: Simple .load does not work in IE7
Matt Vanderpol wrote on 5/16/2007 10:00 PM: A quick search uncovered some discussion around this problem here: http://piecesofrakesh.blogspot.com/2007/02/ies-unknown-runtime-error-when-using.html For kicks, I tried it in both Standards and Quirks mode, same error with both. - Bil