[jQuery] Re: corner plugin ie7 bug
is there any helper:)..?
[jQuery] Re: ajaxStart don't work for ajax/load?
i'm still here :) ...?
[jQuery] Re: Browser Hangs while hiding 2K+ table rows
I wrote a test page with 4 different methods for hiding the rows. !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.1//EN http://www.w3.org/ TR/xhtml11/DTD/xhtml11.dtd html xmlns=http://www.w3.org/1999/xhtml; head meta http-equiv=Content-Type content=text/html; charset=UTF-8 / titleUntitled Document/title script type=text/javascript src=/js/jquery/jquery.js/script /head body input type=button id=jqHideRows value=Hide rows / input type=button id=jqHideBody value=Hide tbody then rows / input type=button id=cssHideRows value=CSS rows / input type=button id=cssHideBody value=CSS tbody then rows / br / input type=button id=clear value=reset / table id=test border=1 width=100% tbody /tbody /table script type=text/javascript !-- $(function () { var table = $('#test'), tbody = $('#test tbody'), rows; function jqHideRows () { rows.hide (); } function jqHideBody () { tbody.hide (); rows.hide (); } function cssHideRows () { rows.css ('display', 'none'); } function cssHideBody () { tbody.css ('display', 'none'); rows.css ('display', 'none'); } function clear () { tbody.show (); rows.show (); } for (var loop = 0; loop 2000; loop++) { tbody.append ('trtdRow ' + (loop + 1) + '/td/tr'); } rows= ('tr', tbody); $('#jqHideRows').click (jqHideRows); $('#jqHideBody').click (jqHideBody); $('#cssHideRows').click (cssHideRows); $('#cssHideBody').click (cssHideBody); $('#clear').click (clear); }); -- /script /body /html Profiling in FireBug said using cssHideRows () was the fastest method. On Dec 18, 6:28 pm, RickyBerg bergbra...@gmail.com wrote: I've been converting a legacy web app to use JQuery. I've now cleaned it up so that my HTML validates and I have instrumented the code with classes and id's as appropriate. This app is essentially a table that displays the status of jobs for Autosys. The problem that I'm having is that when I hide the entire list, the browser hangs for several minutes. There are sometimes over 2000 rows. I have cached the full resultset into a variable, though I'm not sure how helpful this is. In the code below, the initial setting of $allRows doesn't take much time at all, but when I hit the hide() line, the browser hangs for wy too long. interestingly, if I comment out the hide() command, and then manually issue a comand like $allRows.css(color, red); it works in a very reasonable amount of time. $(function() { $allRows = $(tbodytr); $allRows.hide(); } Also, if I let it run once to completion and all of the rows are hidden, then I can show() them and hide() them in reasonable time. Is it something with my selector? Thanks, folks. Eric
[jQuery] intro using fadeTo and setTimeout won't work
I've been trying for a week and spent endless hours on a tiny little code, and I cannot take any more of it so please help... code nr 1. not working, but I think should: $(document).ready(function(){ $(#logo).css('opacity','0.01'); for (var i = 1; i0; i-=100) { setTimeout(function() { $(#logo).fadeTo(fast,1-i/1); $(#percentage).html(i/100 + '%'); },i); } }); Code nr 2. not working, but I think should (it's supposed to do the same thing as the one above): function changeFade(i) { $(#logo).fadeTo(fast,1-i/1); $(#percentage).html(i/100 + '%'); i += 100; if (i=1) setTimeout(changeFade(i),100); } $(document).ready(function(){ alert('test'); $(#logo).css('opacity','0.01'); changeFade(100); } I have to div and I start out by rendering one of them invisible, then I continually update the percentage as the image fades in. What is wrong with this?
[jQuery] [validate plugin] How to call a function before the validation start?
Hi, I'm using the validate plugin, I have a comment form where I want to leave the possibility to insert an anonymous comment, but I want to alert the user before the submit. Then, if I have this code, what I have to do, to add a confirm('Are you sure')? I'm looking for a method like onBeforeSubmit :-) Thank you. if($('#commenti_form').size() 0) { $(#commenti_form).validate({ invalidHandler: function(form, validator) { var errors = validator.numberOfInvalids(); if (errors) { $(div#error_container).show(); } else { $(div#error_container).hide(); } }, onfocusout: false, onkeyup: false, onclick:false, meta: validate, errorClass: invalid, errorPlacement: function(error, element) { $labelToAppendTo = $('label[for='+element[0].id+']'); error.appendTo($(div#error_container)).clone().appendTo($labelToAppendTo); $('br /').appendTo($(div#error_container)); } }); } -- gianiaz.net - web solutions via angelo custode, 10 - 23100 sondrio (so) - italy +39 347 7196482
[jQuery] accordian, with selected item, mostly done....
hi all, Im trying to produce a menu where if the list item has a class of selected it will remain open... the menu im using is ul class='menu' li class='selected' /store/Apparel/arsenal-football Arsenal ul li class='selected' /store/Books/arsenal-football Books /li li class='selected' /store/Apparel/arsenal-football Clothing amp; Apparel /li li class='selected' /store/DVD/arsenal-football DVD's /li li class='selected' /store/Music/arsenal-football Music amp; Cds /li li class='selected' /store/VHS/arsenal-football Video /li /ul /li li ul li $(document).ready(function(){ $(ul.menu li ul:not(ul.menu li.selected ul)).hide(); $(ul.menu li a).click(function(){ $(ul.menu li ul).slideUp(slow); $(this).next().slideDown(slow); return false; }); }); /script which mostly works, but not quite, I cant get it to keep the selected non hidden, and also i cant get it to allow me to click the nested li's either. Any advice? thanks -- View this message in context: http://www.nabble.com/accordian%2C-with-selected-item%2C-mostly-done-tp21142259s27240p21142259.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] question
Hi, Has anybody a solution? showing a few jQuery methods : var Typeof = {}; for (v in $) { Typeof = typeof $[v]; $('divspan'+Typeof+' /spanspan '+v+' /span/div').appendTo('body'); } Is it possible showing parameters list for each method above? thank you!!! Dirceu Barquette
[jQuery] Change image to black and white on hover
Hi all, I'd like to think this is possible with JQuery, but can't find a reference online. Basically, I have a bunch of coloured logos that have links wrapped around them. I would like to create a hover state using JQuery that makes the images turn black and white when you hover over them. Currently I am creating two images - one colour, one black and white then swapping them out using CSS. If I could create the black and white hover state using JQuery, it would save a lot of hassle. Would appreciate any help.
[jQuery] Re: Change image to black and white on hover
The only way to do that without a separate black and white image would be to use the filter CSS property, which is nonstandard and would only work in internet explorer. On Dec 23, 11:16 am, Paul Collins pauldcoll...@gmail.com wrote: Hi all, I'd like to think this is possible with JQuery, but can't find a reference online. Basically, I have a bunch of coloured logos that have links wrapped around them. I would like to create a hover state using JQuery that makes the images turn black and white when you hover over them. Currently I am creating two images - one colour, one black and white then swapping them out using CSS. If I could create the black and white hover state using JQuery, it would save a lot of hassle. Would appreciate any help.
[jQuery] IE issue if using $(self.element[0]).html(object/object) rather than $(self.element[0]).innerHTML = object/object ;
I was having a nasty issue with IE trying to invoke swf method from javascript after inserting the movie in the DOM with $(self.element [0]).html(object id=movie01/object). It was working nicely in all browsers but IE where I would get a Object doesn't support this property or method message and javascript to actionscript communication would fail. Adobe knowledge base was talking about object naming issues or ActiveX kill bits but none of the recommendations would work for me. I finally found out that replacing the $(self.element[0]).html (object id=movie01/object) by $(self.element[0]).innerHTML = object id=movie01/object solves the problem. While it looks like the DOM content is the same using one method or the other, it seems that IE does not interpret it the same way. Hope it helps !
[jQuery] Re: Change image to black and white on hover
That's a shame, thanks for letting me know Gordon. Are there any other similar hover effects that could be achieved with JQuery? Cheers Paul 2008/12/23 Gordon gordon.mc...@ntlworld.com The only way to do that without a separate black and white image would be to use the filter CSS property, which is nonstandard and would only work in internet explorer. On Dec 23, 11:16 am, Paul Collins pauldcoll...@gmail.com wrote: Hi all, I'd like to think this is possible with JQuery, but can't find a reference online. Basically, I have a bunch of coloured logos that have links wrapped around them. I would like to create a hover state using JQuery that makes the images turn black and white when you hover over them. Currently I am creating two images - one colour, one black and white then swapping them out using CSS. If I could create the black and white hover state using JQuery, it would save a lot of hassle. Would appreciate any help.
[jQuery] jQuery unbind not working in greasemonkey ... simple test case included
Hi all, Thanks for any help with this one. I've developed a very simple test case to demonstrate the behavior. First I created unbind.html (below) that includes jQuery, binds, then immediately unbinds all anchor tags to tmpfunc that would print 'hello world' on the firebug console. It works as expected. On unbind.html, I include a link to unbind.user.js (below) that does exactly what the script on unbind.html does. That is it binds and then immediately unbinds all anchor tags to tmpfunc. Expected behavior when running the GM script: nothing. It should bind, then immediately unbind the same tmpfunc. What actually happens, it binds, and I see 'hello world' on the console. It DOES NOT unbind. Can anyone help me with this test case or explain what's going on? I'm using FF 3 and GM 0.8. (You can modify unbind.html once you have the GM scrip loaded comment out its jQuery script and head script to make sure that there is no conflict. You see the same behavior.) Thanks, Keith ps. I realize this may be a GM isse and not a jQuery issue, but any insight is appreciated. unbind.html src: !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.0 Transitional//EN html head titleTesting unbind/title script src=http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/ jquery.min.js /script script $(document).ready(function (){ var CL = console.log CL('running on '+location.href+' without GM'); var tmpfunc = function () { CL('hello world'); return false; } $('a').bind('click', tmpfunc); $('a').unbind('click', tmpfunc); }); /script /head body a href=./unbind.user.jstest/ /body /html unbind.user.js src: // ==UserScript== // @name unbind // @namespace myname // @descriptiontesting jQuery unbind in GM // @includehttp://*/unbind.html // @require http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js // ==/UserScript== $(document).ready(function (){ var CL = unsafeWindow.console.log CL('GM running on '+location.href); var tmpfunc = function () { CL('hello world'); return false; } $('a').bind('click', tmpfunc); $('a').unbind('click', tmpfunc); }); -- Keith Bentrup http://www.keithbentrup.com http://www.c21gt.com
[jQuery] Re: Extract Dropdown Menu Items to Array?
Try something like this: $('option', mySelect).map(function() { return $(this).text(); }).get(); That'll go over every option in your select, grab the text, and then use get() to get a normal array out of it. On Dec 22, 11:47 pm, Vik v...@mindspring.com wrote: Is there a way to extract the text of all the items included in a dropdown menu, into an array? Thanks in advance to all for any info.
[jQuery] Re: question
Advice: more specific subject lines than the ultra vague and useless question will get you better and faster help On Dec 23, 6:10 am, Dirceu Barquette dirceu.barque...@gmail.com wrote: Hi, Has anybody a solution? showing a few jQuery methods : var Typeof = {}; for (v in $) { Typeof = typeof $[v]; $('divspan'+Typeof+' /spanspan '+v+' /span/div').appendTo('body'); } Is it possible showing parameters list for each method above? thank you!!! Dirceu Barquette
[jQuery] Re: two submits in the same form
Thanks Jörn! The link you send me was very helpfull for me. For solving my case I used: $ http://docs.jquery.com/Core/%24(#myinput).*rules*(add, { required: true, minlength: 2, messages: { required: Required input, minlength: jQuery.format(Please, at least {0} characters are necessary) } }); $ http://docs.jquery.com/Core/%24(#myinput).*rules*(remove); Thanks very much!!! sole
[jQuery] Re: question
Thanks. You are right! But, do you have any suggest? Thank you! Dirceu Barquette 2008/12/23 MorningZ morni...@gmail.com Advice: more specific subject lines than the ultra vague and useless question will get you better and faster help On Dec 23, 6:10 am, Dirceu Barquette dirceu.barque...@gmail.com wrote: Hi, Has anybody a solution? showing a few jQuery methods : var Typeof = {}; for (v in $) { Typeof = typeof $[v]; $('divspan'+Typeof+' /spanspan '+v+' /span/div').appendTo('body'); } Is it possible showing parameters list for each method above? thank you!!! Dirceu Barquette
[jQuery] Re: question
did you try listing the arguments array within each detected function ? On Tue, Dec 23, 2008 at 1:18 PM, Dirceu Barquette dirceu.barque...@gmail.com wrote: Thanks. You are right! But, do you have any suggest? Thank you! Dirceu Barquette 2008/12/23 MorningZ morni...@gmail.com Advice: more specific subject lines than the ultra vague and useless question will get you better and faster help On Dec 23, 6:10 am, Dirceu Barquette dirceu.barque...@gmail.com wrote: Hi, Has anybody a solution? showing a few jQuery methods : var Typeof = {}; for (v in $) { Typeof = typeof $[v]; $('divspan'+Typeof+' /spanspan '+v+' /span/div').appendTo('body'); } Is it possible showing parameters list for each method above? thank you!!! Dirceu Barquette
[jQuery] Requesting a file in a parent directory with .ajax
Hi there! If the file I want to to load is in my web root and is called: loadme.php And my javascript with all my JQuery code is in: js/jquery.js If I call the following function in jquery.js, what's the correct path? $.ajax({ url: '../loadme.php', Will adding the ../ correctly refer it to load from a parent directory?
[jQuery] issue regarding superfish horizontal menu
Hai Joel Please let us know one thing is that menu (ul item) are appearing smooth on internet exploer 7. But problem is that the (li item) is not showing smooth on internet explorer 7. li item edges is too sharp than Ul item. Please let us know how can i do it smooth. Thanks Best Regards Amit Negi
[jQuery] how to wrap an given part
hi guys ... my html is something like that h3head1/h3 pcontent content/p h3head2/h3 content content content Now i want to add divs to split this into containers. It should look like that div class=1 h3head1/h3 pcontent content/p /div div class=2 h3head2/h3 content content content /div What is the best way to do this?? I started with somethink like that: var first = jQuery('div.prod_left_content h3:first').html(); jQuery('div.prod_left_content h3').each(function(){ var catname = jQuery(this).html(); if (catname==first) { jQuery(this).before('div class=t'+z+''); } else { jQuery(this).before('/divdiv class=t'+z+''); } z++; }); // last clos div tag var lastel = jQuery('div.prod_left_content *:last'); jQuery(lastel).after('/div'); The problem with that is that before ignores the div close tag. Thanks for help
[jQuery] Need documentation for error status strings in $.ajax:error
Looking through the source, I see that the textStatus parameter of $.ajax's error callback can be one of the following values: * timeout - when your specified timeout is exceeded * error - http error, like 404 * notmodified - when requested resource was not modified since last request * parsererror - when an xml/json response is bad I would like it if this was in the documentation for $.ajax and $.ajaxError - I didn't realize those statuses were being provided by jQuery, and I don't think I could have found out about them without reading the source.
[jQuery] Toggle Animation?
I'm relatively new to jquery, and i'm trying to find a way to toggle a simple animation? At the moment I have this, which moves a div 400px to the left upon clicking a link. Pretty straight forward. $(document).ready(function(){ $(.slide).click(function () { $(#slider).animate({marginLeft: -400px}, 1000, easeInOutQuad) }); }); I want the link with the slide class to toggle that div to animate 400px to the left on click, and then animate it back to 0px upon another click. Really just toggle between those two positions. I've tried searching tutorials, and plugins, but I can't seem to find anything to for something I though would be relatively simple. Any help would be much appreciated! Thanks.
[jQuery] Improvements to jQuery's Trac installation?
Hey guys, I'm finding it really hard to use Trac to keep tabs on jQuery development and the bugs I've filed. There are just a couple of weird things about jQuery's instance of Trac that make things hard: * I don't get emailed when tickets are updated. Maybe this problem is limited to just me, but it makes it hard to give timely responses to ticket comments. * The My Tickets view doesn't seem to work. This means I can't easily keep track of tickets I'm involved in. * I can't modify tickets I've filed. This makes it hard for me to close tickets I've filed incorrectly, fix mistakes in the ticket, etc. I know everybody's busy working on 1.3, but I'd really appreciate it if somebody could take a look and see if this stuff could be tweaked. -Ben
[jQuery] Sortable...flash object losing its state when dragged. See example
See example at http://jsbin.com/areko I'm using jQuery UI's sortable functionality. Try playing the youtube video, then click on the text DRAG to drag the elements around the youtube video, it continues to play fine. But if you attempt to drag the video itself, it will reload the flash, causing it to lose whatever state it was in. Anyone have an idea on how to keep this from happening? I'm working on an application where the flash object needs to hold its state while being dragged. example code in nicer format at http://jsbin.com/areko/edit Any insights would be appreciated!
[jQuery] Re: Change image to black and white on hover
It's not jQuery (although I believe it can act as a plugin - check the documentation), but this library covers that kind of image manipulation: http://www.pixastic.com/ On Dec 23, 9:16 pm, Paul Collins pauldcoll...@gmail.com wrote: Hi all, I'd like to think this is possible with JQuery, but can't find a reference online. Basically, I have a bunch of coloured logos that have links wrapped around them. I would like to create a hover state using JQuery that makes the images turn black and white when you hover over them. Currently I am creating two images - one colour, one black and white then swapping them out using CSS. If I could create the black and white hover state using JQuery, it would save a lot of hassle. Would appreciate any help.
[jQuery] Re: hiding a div using html select (drop down)
Try using change instead of click. -Ben On Dec 22, 8:44 pm, Louie Miranda lmira...@gmail.com wrote: I tried to hide the div id=divarea using the toggle() function below. javascript code script type=text/javascript $(document).ready(function() { $(#dropdown).click(function() { $(#divarea).toggle(); }); }); /script html code p select id=dropdown name=layout optionNone/option option value=singleSingle/option option value=doubleDouble/option /select /p br /br / div id=divareaLouie Miranda (web.LM), JQuery show/hide toggle effect/div Unfortunately, upon clicking the select drop down switch, it automatically hides it right away. How can I hide it, if it only selects the value Double? I have the actual demo here:http://labs.louiemiranda.net/js/jquery_show_hide_toggle_dropdown.php Help! -- Louie Miranda (lmira...@gmail.com)http://www.louiemiranda.net Security Is A Series Of Well-Defined Steps chmod -R 0 / ; and smile :)
[jQuery] Re: Requesting a file in a parent directory with .ajax
Did you simply try it? as .. means go up one directory On Dec 23, 1:30 am, Steve realestatest...@gmail.com wrote: Hi there! If the file I want to to load is in my web root and is called: loadme.php And my javascript with all my JQuery code is in: js/jquery.js If I call the following function in jquery.js, what's the correct path? $.ajax({ url: '../loadme.php', Will adding the ../ correctly refer it to load from a parent directory?
[jQuery] Re: Toggle Animation?
I'm relatively new to jquery, and i'm trying to find a way to toggle a simple animation? At the moment I have this, which moves a div 400px to the left upon clicking a link. Pretty straight forward. $(document).ready(function(){ $(.slide).click(function () { $(#slider).animate({marginLeft: -400px}, 1000, easeInOutQuad) }); }); I want the link with the slide class to toggle that div to animate 400px to the left on click, and then animate it back to 0px upon another click. Really just toggle between those two positions. I've tried searching tutorials, and plugins, but I can't seem to find anything to for something I though would be relatively simple. Any help would be much appreciated! Thanks. $(document).ready(function(){ $(.slide).toggle( function () { $(#slider).animate({marginLeft: -400px}, 1000, easeInOutQuad) }, function () { $(#slider).animate({marginLeft: 0}, 1000, easeInOutQuad) } ); });
[jQuery] Re: question
How can I do this? This is my question! Thank you!!! Dirceu Barquette 2008/12/23 Alexandre Plennevaux aplennev...@gmail.com did you try listing the arguments array within each detected function ? On Tue, Dec 23, 2008 at 1:18 PM, Dirceu Barquette dirceu.barque...@gmail.com wrote: Thanks. You are right! But, do you have any suggest? Thank you! Dirceu Barquette 2008/12/23 MorningZ morni...@gmail.com Advice: more specific subject lines than the ultra vague and useless question will get you better and faster help On Dec 23, 6:10 am, Dirceu Barquette dirceu.barque...@gmail.com wrote: Hi, Has anybody a solution? showing a few jQuery methods : var Typeof = {}; for (v in $) { Typeof = typeof $[v]; $('divspan'+Typeof+' /spanspan '+v+' /span/div').appendTo('body'); } Is it possible showing parameters list for each method above? thank you!!! Dirceu Barquette
[jQuery] Re: Toggle Animation?
Awesome. Thanks so much Mike. Looks nice and straight forward to me. On Dec 23, 10:42 pm, Mike Alsup mal...@gmail.com wrote: $(document).ready(function(){ $(.slide).toggle( function () { $(#slider).animate({marginLeft: -400px}, 1000, easeInOutQuad) }, function () { $(#slider).animate({marginLeft: 0}, 1000, easeInOutQuad) } ); });
[jQuery] Re: Can datepicker do individual linking?
Sorry, yes this should be possible with the onSelect option. See: http://docs.jquery.com/UI/Datepicker/datepicker#options On Tue, Dec 23, 2008 at 3:47 PM, sabastian sabastiangron...@yahoo.comwrote: Please, can someone inform me if it is possible to have individual html links for each date in datepicker. On Dec 22, 7:42 pm, sabastian sabastiangron...@yahoo.com wrote: For instance if someone chooses 5/5/09 in datepicker I would like them to be linked to one html page. In contrast, if someone chooses 4/2/09 I would like them linked to another html page. Each day will have it's own individual html page. Is this possible in datepicker? -- Ca-Phun Ung + http://yelotofu.com + css, django, hongkong, html, javascript, php
[jQuery] Re: Can datepicker do individual linking?
could you please write an example for me and show me where it needs to go and in which file. On Dec 23, 12:56 pm, Ca-Phun Ung cap...@yelotofu.com wrote: Sorry, yes this should be possible with the onSelect option. See:http://docs.jquery.com/UI/Datepicker/datepicker#options On Tue, Dec 23, 2008 at 3:47 PM, sabastian sabastiangron...@yahoo.comwrote: Please, can someone inform me if it is possible to have individual html links for each date in datepicker. On Dec 22, 7:42 pm, sabastian sabastiangron...@yahoo.com wrote: For instance if someone chooses 5/5/09 in datepicker I would like them to be linked to one html page. In contrast, if someone chooses 4/2/09 I would like them linked to another html page. Each day will have it's own individual html page. Is this possible in datepicker? -- Ca-Phun Ung +http://yelotofu.com + css, django, hongkong, html, javascript, php
[jQuery] Re: Can datepicker do individual linking?
Ok, on line 109 in uidatepicker.js I have onSelect: null. How can I change this? On Dec 23, 1:20 pm, sabastian sabastiangron...@yahoo.com wrote: could you please write an example for me and show me where it needs to go and in which file. On Dec 23, 12:56 pm, Ca-Phun Ung cap...@yelotofu.com wrote: Sorry, yes this should be possible with the onSelect option. See:http://docs.jquery.com/UI/Datepicker/datepicker#options On Tue, Dec 23, 2008 at 3:47 PM, sabastian sabastiangron...@yahoo.comwrote: Please, can someone inform me if it is possible to have individual html links for each date in datepicker. On Dec 22, 7:42 pm, sabastian sabastiangron...@yahoo.com wrote: For instance if someone chooses 5/5/09 in datepicker I would like them to be linked to one html page. In contrast, if someone chooses 4/2/09 I would like them linked to another html page. Each day will have it's own individual html page. Is this possible in datepicker? -- Ca-Phun Ung +http://yelotofu.com + css, django, hongkong, html, javascript, php
[jQuery] [TUTORIAL] How to Create a plugin for jQuery
Hi guys I continue posting tutorials about jQuery, this time it's a little introduction with 2 examples to create jQuery plugins, I hope you find it useful! http://yensdesign.com/2008/12/how-to-create-a-plugin-for-jquery/
[jQuery] Re: Can datepicker do individual linking?
You don't. onSelect is a callback. The documentation states: onSelect is a callback function when a date is selected. The function receives the date text and date picker instance as parameters. So in your code you could do something like this: $('#datepicker').datepicker({onSelect: function(datestr, inst) { // Your code goes here. }}); On Tue, Dec 23, 2008 at 9:31 PM, sabastian sabastiangron...@yahoo.comwrote: Ok, on line 109 in uidatepicker.js I have onSelect: null. How can I change this? On Dec 23, 1:20 pm, sabastian sabastiangron...@yahoo.com wrote: could you please write an example for me and show me where it needs to go and in which file. On Dec 23, 12:56 pm, Ca-Phun Ung cap...@yelotofu.com wrote: Sorry, yes this should be possible with the onSelect option. See: http://docs.jquery.com/UI/Datepicker/datepicker#options On Tue, Dec 23, 2008 at 3:47 PM, sabastian sabastiangron...@yahoo.com wrote: Please, can someone inform me if it is possible to have individual html links for each date in datepicker. On Dec 22, 7:42 pm, sabastian sabastiangron...@yahoo.com wrote: For instance if someone chooses 5/5/09 in datepicker I would like them to be linked to one html page. In contrast, if someone chooses 4/2/09 I would like them linked to another html page. Each day will have it's own individual html page. Is this possible in datepicker? -- Ca-Phun Ung +http://yelotofu.com + css, django, hongkong, html, javascript, php -- Ca-Phun Ung + http://yelotofu.com + css, django, hongkong, html, javascript, php
[jQuery] Re: How to Create a plugin for jQuery
I'll be honest, and please don't take this as anything but constructive criticism (which seemed to be a problem last tutorial you posted - Your sample plugin breaks the chain (which is the whole power of extending jQuery) - You don't mention closures - Nothing is gained by # // jQuery.fn object # jQuery.fn.first = function(message){ # this.each(function(){ # alert(message + + this.id); # }); # } over # function first($obj, message){ # $obj.each(function(){ # alert(message + + this.id); # }); # } except the namespacing which first is a bad example of a function name since that is a very common work plus is a selector option (might seem confusing) This tutorial is much more detailed and leaves me with a much better sense of what is gained by a plugin http://www.learningjquery.com/2007/10/a-plugin-development-pattern Again, as someone who helps out as much as i can on this mailing list, the effort and purpose is nice, but so far they simply haven't really shown anything new/useful On Dec 23, 8:34 am, AdrianMG yens...@gmail.com wrote: Hi guys I continue posting tutorials about jQuery, this time it's a little introduction with 2 examples to create jQuery plugins, I hope you find it useful!http://yensdesign.com/2008/12/how-to-create-a-plugin-for-jquery/
[jQuery] Re: Can datepicker do individual linking?
For instance $('#datepicker').datepicker({onSelect: function(datestr, inst) {GetUrl(this.value)option value=http://google.com;Get Google/option/select}}); where would this code go? Does it matter where in the ui.datepicker.js file it goes? On Dec 23, 2:13 pm, Ca-Phun Ung cap...@yelotofu.com wrote: You don't. onSelect is a callback. The documentation states: onSelect is a callback function when a date is selected. The function receives the date text and date picker instance as parameters. So in your code you could do something like this: $('#datepicker').datepicker({onSelect: function(datestr, inst) { // Your code goes here. }}); On Tue, Dec 23, 2008 at 9:31 PM, sabastian sabastiangron...@yahoo.comwrote: Ok, on line 109 in uidatepicker.js I have onSelect: null. How can I change this? On Dec 23, 1:20 pm, sabastian sabastiangron...@yahoo.com wrote: could you please write an example for me and show me where it needs to go and in which file. On Dec 23, 12:56 pm, Ca-Phun Ung cap...@yelotofu.com wrote: Sorry, yes this should be possible with the onSelect option. See: http://docs.jquery.com/UI/Datepicker/datepicker#options On Tue, Dec 23, 2008 at 3:47 PM, sabastian sabastiangron...@yahoo.com wrote: Please, can someone inform me if it is possible to have individual html links for each date in datepicker. On Dec 22, 7:42 pm, sabastian sabastiangron...@yahoo.com wrote: For instance if someone chooses 5/5/09 in datepicker I would like them to be linked to one html page. In contrast, if someone chooses 4/2/09 I would like them linked to another html page. Each day will have it's own individual html page. Is this possible in datepicker? -- Ca-Phun Ung +http://yelotofu.com + css, django, hongkong, html, javascript, php -- Ca-Phun Ung +http://yelotofu.com + css, django, hongkong, html, javascript, php
[jQuery] Re: corner plugin ie7 bug
Hi, which version of the plugin is this? Can you post a link to a demo page? The problem may be in the markup so it would help to see that.
[jQuery] Re: Can datepicker do individual linking?
For instance $('#datepicker').datepicker({onSelect: function(datestr, inst) {GetUrl(this.value)option value=http://google.com;Get Google/option/select}}); This won't work. I'm not entirely sure what you're doing here. Could you post up a demo page? where would this code go? Does it matter where in the ui.datepicker.js file it goes? I recommend placing custom code in a separate file, not inside ui.datepicker.js. -- Ca-Phun Ung + http://yelotofu.com + css, django, hongkong, html, javascript, php
[jQuery] Re: IE issue if using $(self.element[0]).html(object/object) rather than $(self.element[0]).innerHTML = object/object ;
Thanks for posting your findings. I think it may be a result of this IE bug: http://dev.jquery.com/ticket/925
[jQuery] Re: Can datepicker do individual linking?
I am sorry for my incompetence. I am new to javascript. All I want to do is when a date is chosen in datepicker a person will be automatically linked to a webpage, I used google as an example. On Dec 23, 2:35 pm, Ca-Phun Ung cap...@yelotofu.com wrote: For instance $('#datepicker').datepicker({onSelect: function(datestr, inst) {GetUrl(this.value)option value=http://google.com;Get Google/option/select}}); This won't work. I'm not entirely sure what you're doing here. Could you post up a demo page? where would this code go? Does it matter where in the ui.datepicker.js file it goes? I recommend placing custom code in a separate file, not inside ui.datepicker.js. -- Ca-Phun Ung +http://yelotofu.com + css, django, hongkong, html, javascript, php
[jQuery] Re: Can datepicker do individual linking?
I am sorry for my incompetence. I am new to javascript. All I want to do is when a date is chosen in datepicker a person will be automatically linked to a webpage, I used google as an example. On Dec 23, 2:35 pm, Ca-Phun Ung cap...@yelotofu.com wrote: For instance $('#datepicker').datepicker({onSelect: function(datestr, inst) {GetUrl(this.value)option value=http://google.com;Get Google/option/select}}); This won't work. I'm not entirely sure what you're doing here. Could you post up a demo page? where would this code go? Does it matter where in the ui.datepicker.js file it goes? I recommend placing custom code in a separate file, not inside ui.datepicker.js. -- Ca-Phun Ung +http://yelotofu.com + css, django, hongkong, html, javascript, php
[jQuery] Re: [validate plugin] How to call a function before the validation start?
The option you are looking for is called submitHandler. Details here: http://docs.jquery.com/Plugins/Validation/validate#toptions Jörn On Tue, Dec 23, 2008 at 11:43 AM, Giovanni Battista Lenoci gian...@gmail.com wrote: Hi, I'm using the validate plugin, I have a comment form where I want to leave the possibility to insert an anonymous comment, but I want to alert the user before the submit. Then, if I have this code, what I have to do, to add a confirm('Are you sure')? I'm looking for a method like onBeforeSubmit :-) Thank you. if($('#commenti_form').size() 0) { $(#commenti_form).validate({ invalidHandler: function(form, validator) { var errors = validator.numberOfInvalids(); if (errors) { $(div#error_container).show(); } else { $(div#error_container).hide(); } }, onfocusout: false, onkeyup: false, onclick:false, meta: validate, errorClass: invalid, errorPlacement: function(error, element) { $labelToAppendTo = $('label[for='+element[0].id+']'); error.appendTo($(div#error_container)).clone().appendTo($labelToAppendTo); $('br /').appendTo($(div#error_container)); } }); } -- gianiaz.net - web solutions via angelo custode, 10 - 23100 sondrio (so) - italy +39 347 7196482
[jQuery] Re: Can datepicker do individual linking?
I am sorry for my incompetence. I am new to javascript. All I want to do is when a date is chosen in datepicker a person will be automatically linked to a webpage, I used google as an example. On Dec 23, 2:35 pm, Ca-Phun Ung cap...@yelotofu.com wrote: For instance $('#datepicker').datepicker({onSelect: function(datestr, inst) {GetUrl(this.value)option value=http://google.com;Get Google/option/select}}); This won't work. I'm not entirely sure what you're doing here. Could you post up a demo page? where would this code go? Does it matter where in the ui.datepicker.js file it goes? I recommend placing custom code in a separate file, not inside ui.datepicker.js. -- Ca-Phun Ung +http://yelotofu.com + css, django, hongkong, html, javascript, php
[jQuery] Re: Can datepicker do individual linking?
I am sorry for my incompetence. I am new to javascript. All I want to do is when a date is chosen in datepicker a person will be automatically linked to a webpage, I used google as an example. On Dec 23, 2:35 pm, Ca-Phun Ung cap...@yelotofu.com wrote: For instance $('#datepicker').datepicker({onSelect: function(datestr, inst) {GetUrl(this.value)option value=http://google.com;Get Google/option/select}}); This won't work. I'm not entirely sure what you're doing here. Could you post up a demo page? where would this code go? Does it matter where in the ui.datepicker.js file it goes? I recommend placing custom code in a separate file, not inside ui.datepicker.js. -- Ca-Phun Ung +http://yelotofu.com + css, django, hongkong, html, javascript, php
[jQuery] Re: Improvements to jQuery's Trac installation?
I know what you mean, Ben. I think the site is having load problems as well; I get a lot of timeout errors in the evening. One problem was that people are trying to grab their copies of jQuery directly from the jQuery site, rather than making their own copies or using the Google copy. Can you post a message to the jQuery-dev list about this?
[jQuery] Re: Can datepicker do individual linking?
I am trying to set up a tour/ day trip company. When people visit the website I would like them to be able to select a date for the tour and then check availability. Thus, when people select a calendar date I would like them to be redirected to another html page indicating availability. Ideally, I would like a calendar like 'easyjet.co.uk' but I don't know how to make something like this. On Dec 23, 2:43 pm, sabastian sabastiangron...@yahoo.com wrote: I am sorry for my incompetence. I am new to javascript. All I want to do is when a date is chosen in datepicker a person will be automatically linked to a webpage, I used google as an example. On Dec 23, 2:35 pm, Ca-Phun Ung cap...@yelotofu.com wrote: For instance $('#datepicker').datepicker({onSelect: function(datestr, inst) {GetUrl(this.value)option value=http://google.com;Get Google/option/select}}); This won't work. I'm not entirely sure what you're doing here. Could you post up a demo page? where would this code go? Does it matter where in the ui.datepicker.js file it goes? I recommend placing custom code in a separate file, not inside ui.datepicker.js. -- Ca-Phun Ung +http://yelotofu.com + css, django, hongkong, html, javascript, php
[jQuery] Re: Can datepicker do individual linking?
I am trying to set up a tour/ day trip company. When people visit the website I would like them to be able to select a date for the tour and then check availability. Thus, when people select a calendar date I would like them to be redirected to another html page indicating availability. Ideally, I would like a calendar like 'easyjet.co.uk' but I don't know how to make something like this. On Dec 23, 2:43 pm, sabastian sabastiangron...@yahoo.com wrote: I am sorry for my incompetence. I am new to javascript. All I want to do is when a date is chosen in datepicker a person will be automatically linked to a webpage, I used google as an example. On Dec 23, 2:35 pm, Ca-Phun Ung cap...@yelotofu.com wrote: For instance $('#datepicker').datepicker({onSelect: function(datestr, inst) {GetUrl(this.value)option value=http://google.com;Get Google/option/select}}); This won't work. I'm not entirely sure what you're doing here. Could you post up a demo page? where would this code go? Does it matter where in the ui.datepicker.js file it goes? I recommend placing custom code in a separate file, not inside ui.datepicker.js. -- Ca-Phun Ung +http://yelotofu.com + css, django, hongkong, html, javascript, php
[jQuery] Re: Can datepicker do individual linking?
No problem. That's what we're here for - here to help where possible. Currently the datepicker only supports choosing a date and having the value written to an input textbox. Or choosing a date and using the onSelect to do something with the selected date. In your case I'm assuming you want multiple links per day depending on the tours available? If that's the case the datepicker doesn't support this feature but it is definitely in the works. See http://jqueryui.pbwiki.com/DatePickerCalendar for more information on the direction datepicker is headed. On Tue, Dec 23, 2008 at 10:50 PM, sabastian sabastiangron...@yahoo.comwrote: I am trying to set up a tour/ day trip company. When people visit the website I would like them to be able to select a date for the tour and then check availability. Thus, when people select a calendar date I would like them to be redirected to another html page indicating availability. Ideally, I would like a calendar like 'easyjet.co.uk' but I don't know how to make something like this. On Dec 23, 2:43 pm, sabastian sabastiangron...@yahoo.com wrote: I am sorry for my incompetence. I am new to javascript. All I want to do is when a date is chosen in datepicker a person will be automatically linked to a webpage, I used google as an example. On Dec 23, 2:35 pm, Ca-Phun Ung cap...@yelotofu.com wrote: For instance $('#datepicker').datepicker({onSelect: function(datestr, inst) {GetUrl(this.value)option value=http://google.com;Get Google/option/select}}); This won't work. I'm not entirely sure what you're doing here. Could you post up a demo page? where would this code go? Does it matter where in the ui.datepicker.js file it goes? I recommend placing custom code in a separate file, not inside ui.datepicker.js. -- Ca-Phun Ung +http://yelotofu.com + css, django, hongkong, html, javascript, php -- Ca-Phun Ung + http://yelotofu.com + css, django, hongkong, html, javascript, php
[jQuery] Re: Please help me to find my mistakes on below code
Hi, I have solve this issue by replacing ajaxStart by onclick event and ajaxStart by complete: ajax request but can not solve using ajaxStart and ajaxStop On Dec 22, 8:03 pm, bookme rarockthewo...@gmail.com wrote: Hi, I am trying to solve ajaxStart and ajaxStop issue from last 3 days but can not solve...can somebody tellmewhat'smymistake here. I want to show a loader image for different DOM element ids on different ajax request. Problem is that when I am calling an ajax request on one form submission then not only it's corresponding but also other loader image is showing, while only one loader image must be show. Here ismycode: First Blockcode - script $(document).ready(function(){ $(form#submit).submit(function() { $.ajax({ type: POST, url: test1.php, success: function(del){ $('div.success').fadeIn(); } }); jQuery('#id_fav_loading').ajaxStart(function() { jQuery('#id_fav_loading').show(); }).ajaxStop (function() { jQuery('#id_fav_loading').hide();; }); return false; });}); /script div class=container form id=submit method=post label for=lnameClient Last Name:/label input id=lname class=text name=lname size=20 type=text / button class=button positive img src=../images/icons/ tick.png alt= / Add Client /button /form div style=display:none; id=id_fav_loading img src=loader.gif / /div div class=success style=display:none; Client has been added successfully. /div /div - Second blockcode --- script $(document).ready(function(){ $(form#submit1).submit(function() { $.ajax({ type: POST, url: test1.php, success: function(del){ $('div.success1').fadeIn(); } }); jQuery('#id_fav_loading1').ajaxStart(function() { jQuery('#id_fav_loading1').show(); }).ajaxStop (function() { jQuery('#id_fav_loading1').hide();; }); return false; });}); /script div class=container form id=submit1 method=post label for=lnameClient Last Name:/label input id=lname class=text name=lname size=20 type=text / button class=button positive img src=../images/icons/ tick.png alt= / Add Server /button /form div style=display:none; id=id_fav_loading1 img src=loader.gif / /div div class=success1 style=display:none; Server has been added successfully. /div /div If I clicks on Add Client then image for add client and add server is displaying while only add client block loader image must be display. Pleasehelpmeto come out this problem. Thanks
[jQuery] Re: corner plugin ie7 bug
hi, thanks for the answer.. both the plugin and jquery versions are the latest ones. here i put the single page with the problem. Html and css are as little as i could do. Hope it is clear enough. http://www.tasker.it/demo/ VItto On 23 Dic, 15:24, Dave Methvin dave.meth...@gmail.com wrote: Hi, which version of the plugin is this? Can you post a link to a demo page? The problem may be in the markup so it would help to see that.
[jQuery] Re: intro using fadeTo and setTimeout won't work
function changeFade(i) { $(#logo).fadeTo(fast,1-i/1); $(#percentage).html(i/100 + '%'); i += 100; if (i=1) setTimeout(changeFade(i),100); } $(document).ready(function(){ alert('test'); $(#logo).css('opacity','0.01'); changeFade(100); } You need to wait until the fadeTo is done before continuing on to the next step; neither one of those waits. This one-liner will give you a linear 10-second fade-in: $(#logo).hide().fadeIn(1); Is the problem that you need to display the percentage as it fades in? If so, try this: $(document).ready(function(){ var step = 1; (function(){ step -= 100; $(#percentage).text(step/100 + '%'); if ( step 0 ) $(#logo).fadeTo(100,1-step/1, arguments.callee); })(); }); Because of overhead issues, that will most likely end up running longer than 10 seconds but if it's just a visual effect it won't matter.
[jQuery] Re: Can datepicker do individual linking?
No, what I needed is one link for one day. For instance a person selects a date, date 'x', they are then taken to a webpage dedicated to that day. We will manually update each webpage to indicate the availability of each trip. (365 webpages) If this is not possible I would settle for select anydate and get taken directed to a single webpage. Thank you for all your help and patience. On Dec 23, 2:59 pm, Ca-Phun Ung cap...@yelotofu.com wrote: No problem. That's what we're here for - here to help where possible. Currently the datepicker only supports choosing a date and having the value written to an input textbox. Or choosing a date and using the onSelect to do something with the selected date. In your case I'm assuming you want multiple links per day depending on the tours available? If that's the case the datepicker doesn't support this feature but it is definitely in the works. Seehttp://jqueryui.pbwiki.com/DatePickerCalendarfor more information on the direction datepicker is headed. On Tue, Dec 23, 2008 at 10:50 PM, sabastian sabastiangron...@yahoo.comwrote: I am trying to set up a tour/ day trip company. When people visit the website I would like them to be able to select a date for the tour and then check availability. Thus, when people select a calendar date I would like them to be redirected to another html page indicating availability. Ideally, I would like a calendar like 'easyjet.co.uk' but I don't know how to make something like this. On Dec 23, 2:43 pm, sabastian sabastiangron...@yahoo.com wrote: I am sorry for my incompetence. I am new to javascript. All I want to do is when a date is chosen in datepicker a person will be automatically linked to a webpage, I used google as an example. On Dec 23, 2:35 pm, Ca-Phun Ung cap...@yelotofu.com wrote: For instance $('#datepicker').datepicker({onSelect: function(datestr, inst) {GetUrl(this.value)option value=http://google.com;Get Google/option/select}}); This won't work. I'm not entirely sure what you're doing here. Could you post up a demo page? where would this code go? Does it matter where in the ui.datepicker.js file it goes? I recommend placing custom code in a separate file, not inside ui.datepicker.js. -- Ca-Phun Ung +http://yelotofu.com + css, django, hongkong, html, javascript, php -- Ca-Phun Ung +http://yelotofu.com + css, django, hongkong, html, javascript, php
[jQuery] Re: Can datepicker do individual linking?
No, what I needed is one link for one day. For instance a person selects a date, date 'x', they are then taken to a webpage dedicated to that day. We will manually update each webpage to indicate the availability of each trip. (365 webpages) If this is not possible I would settle for select anydate and get taken directed to a single webpage. Thank you for all your help and patience. On Dec 23, 2:59 pm, Ca-Phun Ung cap...@yelotofu.com wrote: No problem. That's what we're here for - here to help where possible. Currently the datepicker only supports choosing a date and having the value written to an input textbox. Or choosing a date and using the onSelect to do something with the selected date. In your case I'm assuming you want multiple links per day depending on the tours available? If that's the case the datepicker doesn't support this feature but it is definitely in the works. Seehttp://jqueryui.pbwiki.com/DatePickerCalendarfor more information on the direction datepicker is headed. On Tue, Dec 23, 2008 at 10:50 PM, sabastian sabastiangron...@yahoo.comwrote: I am trying to set up a tour/ day trip company. When people visit the website I would like them to be able to select a date for the tour and then check availability. Thus, when people select a calendar date I would like them to be redirected to another html page indicating availability. Ideally, I would like a calendar like 'easyjet.co.uk' but I don't know how to make something like this. On Dec 23, 2:43 pm, sabastian sabastiangron...@yahoo.com wrote: I am sorry for my incompetence. I am new to javascript. All I want to do is when a date is chosen in datepicker a person will be automatically linked to a webpage, I used google as an example. On Dec 23, 2:35 pm, Ca-Phun Ung cap...@yelotofu.com wrote: For instance $('#datepicker').datepicker({onSelect: function(datestr, inst) {GetUrl(this.value)option value=http://google.com;Get Google/option/select}}); This won't work. I'm not entirely sure what you're doing here. Could you post up a demo page? where would this code go? Does it matter where in the ui.datepicker.js file it goes? I recommend placing custom code in a separate file, not inside ui.datepicker.js. -- Ca-Phun Ung +http://yelotofu.com + css, django, hongkong, html, javascript, php -- Ca-Phun Ung +http://yelotofu.com + css, django, hongkong, html, javascript, php
[jQuery] JQuery Spell Checker plugin
Hi, I am looking for JQuery spell checker plugin from brandon... I can below below link but there is no script and documentation available.. Any idea how to get this plugin. http://plugins.jquery.com/project/spellcheck Thanks Raghu
[jQuery] Querying XML with jQuery in IE6
Hi all. I'm trying to get some values from an XML document in jQuery but lack of a (good) debugger in IE6 means that I can't figure this out. The XML is simple: XML: Tests Test name=Help json![CDATA[help.json]]/json /Test Test name=telia-big-box json![CDATA[telia-big-box.json]]/json /Test /Tests I get it through jQuery.get and the document is in the variable data: $(Test, data).each(function(i){ alert(this.childNodes[0].textContent); /*toc.append( tc.li( testLink(this.childNodes[1].textContent, this.attributes[0].nodeValue) ) );*/ }); The commented bit works in FF3 and I have found that it's the childNodes of the Test element that differs. Is there a safer way to query an XML document with jQuery, so I don't run into these abnormalties between browsers? Thanks in advance, Jon.
[jQuery] Re: corner plugin ie7 bug
The page isn't loading properly, it almost seems like the stylesheet is missing.
[jQuery] Re: corner plugin ie7 bug
mmh..that's weird..i can see it right.. here's the screenshot as i see it http://www.tasker.it/demo/demo.jpg how do you see it? On 23 Dic, 16:40, Dave Methvin dave.meth...@gmail.com wrote: The page isn't loading properly, it almost seems like the stylesheet is missing.
[jQuery] Re: Extract Dropdown Menu Items to Array?
Very cool. Thanks very much, Ben. On Dec 23, 12:35 am, ben.hollis ben.hol...@gmail.com wrote: Try something like this: $('option', mySelect).map(function() { return $(this).text(); }).get(); That'll go over every option in your select, grab the text, and then use get() to get a normal array out of it. On Dec 22, 11:47 pm, Vik v...@mindspring.com wrote: Is there a way to extract the text of all the items included in a dropdown menu, into an array? Thanks in advance to all for any info.
[jQuery] Re: Change image to black and white on hover
That works perfectly with JQuery Nathan. Thanks for your help. Much appreciated. Paul 2008/12/23 Nathan i...@nathan-adams.net It's not jQuery (although I believe it can act as a plugin - check the documentation), but this library covers that kind of image manipulation: http://www.pixastic.com/ On Dec 23, 9:16 pm, Paul Collins pauldcoll...@gmail.com wrote: Hi all, I'd like to think this is possible with JQuery, but can't find a reference online. Basically, I have a bunch of coloured logos that have links wrapped around them. I would like to create a hover state using JQuery that makes the images turn black and white when you hover over them. Currently I am creating two images - one colour, one black and white then swapping them out using CSS. If I could create the black and white hover state using JQuery, it would save a lot of hassle. Would appreciate any help.
[jQuery] Re: corner plugin ie7 bug
mmh..that's weird..i can see it right.. All of the scripts and stylesheets on that page return 403 Forbidden.
[jQuery] Re: JQuery Spell Checker plugin
Any idea how to get this plugin - Load up Firefox and Firebug (which you should have as a JavaScript developer) - Pull up the page you link to above - in the Net tab on Firebug, go to the jquery.spell.check.js line - Right click the Response tab and choose Copy Response Body The contents of the script is now sitting in your clipboard On Dec 23, 10:40 am, Raghu techhel...@gmail.com wrote: Hi, I am looking for JQuery spell checker plugin from brandon... I can below below link but there is no script and documentation available.. Any idea how to get this plugin. http://plugins.jquery.com/project/spellcheck Thanks Raghu
[jQuery] Re: Change image to black and white on hover
Hi all, I'm a little stuck and I can't seem to get exactly what I'm after googling Basically, I want to apply the pixastic - desaturate function when I hover over an image. I've got this working, but I want to be able to remove that effect when I mouseout of the image. I can't for the life of me find something that removes a function, only a class. Here is my code, as I say the hover state works when you mouseover, but the mouseout effect isn't working: // greyscale on hover $(document).ready(function() { // find the div.fade elements and hook the hover event $(.test).hover(function() { $(this).pixastic(desaturate); }, function() { this.reset(); }); }); Thanks for any help. Paul 2008/12/23 Paul Collins pauldcoll...@gmail.com That works perfectly with JQuery Nathan. Thanks for your help. Much appreciated. Paul 2008/12/23 Nathan i...@nathan-adams.net It's not jQuery (although I believe it can act as a plugin - check the documentation), but this library covers that kind of image manipulation: http://www.pixastic.com/ On Dec 23, 9:16 pm, Paul Collins pauldcoll...@gmail.com wrote: Hi all, I'd like to think this is possible with JQuery, but can't find a reference online. Basically, I have a bunch of coloured logos that have links wrapped around them. I would like to create a hover state using JQuery that makes the images turn black and white when you hover over them. Currently I am creating two images - one colour, one black and white then swapping them out using CSS. If I could create the black and white hover state using JQuery, it would save a lot of hassle. Would appreciate any help.
[jQuery] Re: JQuery Spell Checker plugin
even simpler: right-click view source. http://brandonaaron.net/jquery/plugins/spellcheck/jquery.spellcheck.js On Tue, Dec 23, 2008 at 5:12 PM, MorningZ morni...@gmail.com wrote: Any idea how to get this plugin - Load up Firefox and Firebug (which you should have as a JavaScript developer) - Pull up the page you link to above - in the Net tab on Firebug, go to the jquery.spell.check.js line - Right click the Response tab and choose Copy Response Body The contents of the script is now sitting in your clipboard On Dec 23, 10:40 am, Raghu techhel...@gmail.com wrote: Hi, I am looking for JQuery spell checker plugin from brandon... I can below below link but there is no script and documentation available.. Any idea how to get this plugin. http://plugins.jquery.com/project/spellcheck Thanks Raghu
[jQuery] Re: [validate plugin] How to call a function before the validation start?
Hi, Giovanni... I don't have an answer to your specific question, but I do have a question for you, if you don't mind. I've been trying to use Jorn's Validate plug-in, as well, and trying to get it to validate onblur or onfocusout. Have you been able to accomplish this? Rick -Original Message- From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On Behalf Of Giovanni Battista Lenoci Sent: Tuesday, December 23, 2008 5:43 AM To: jquery-en@googlegroups.com Subject: [jQuery] [validate plugin] How to call a function before the validation start? Hi, I'm using the validate plugin, I have a comment form where I want to leave the possibility to insert an anonymous comment, but I want to alert the user before the submit. Then, if I have this code, what I have to do, to add a confirm('Are you sure')? I'm looking for a method like onBeforeSubmit :-) Thank you. if($('#commenti_form').size() 0) { $(#commenti_form).validate({ invalidHandler: function(form, validator) { var errors = validator.numberOfInvalids(); if (errors) { $(div#error_container).show(); } else { $(div#error_container).hide(); } }, onfocusout: false, onkeyup: false, onclick:false, meta: validate, errorClass: invalid, errorPlacement: function(error, element) { $labelToAppendTo = $('label[for='+element[0].id+']'); error.appendTo($(div#error_container)).clone().appendTo($labelToAppendTo); $('br /').appendTo($(div#error_container)); } }); } -- gianiaz.net - web solutions via angelo custode, 10 - 23100 sondrio (so) - italy +39 347 7196482
[jQuery] I wrote a YUI Multi FIle Compression Utility
Hey Guys, I just finished writing a YUI Multi-File Compression Utility. It's really simple, it just runs some CLI commands, but more importantly, it compiles entire directories and sub directories with a clean UI. For us IT guys, it makes quick site changes a breeze from source to compressed in just seconds. Anyway, find it here: http://jqueryplugins.weebly.com/yui-compressor-multi-file-utility.html If you like it, let me know. Also, source is available in C#. K-BL
[jQuery] Re: I wrote a YUI Multi FIle Compression Utility
it sounds very interesting, but i'm quite puzzled on how to do it correctly. i'm interested in reducing the load time of my websites but i don't really master these compression logics. I would have assumed i'd have to point to the html file loading the js+css files but your app seems to look for folders. If i'm correct, what file structure is supposed to work for this? I for one store all my javascript in a _js folder , which contains a frontend for the files dealing with the frontend, and a backend for the javascript files used in the backend app. I have a 3rd folder jquery_plugins folder inside this _js, which contains a folder for each plugin that i use. given that folder structure, is it possible to use your app? Sorry if this is out of my league... On Tue, Dec 23, 2008 at 5:27 PM, K-BL axel...@aim.com wrote: Hey Guys, I just finished writing a YUI Multi-File Compression Utility. It's really simple, it just runs some CLI commands, but more importantly, it compiles entire directories and sub directories with a clean UI. For us IT guys, it makes quick site changes a breeze from source to compressed in just seconds. Anyway, find it here: http://jqueryplugins.weebly.com/yui-compressor-multi-file-utility.html If you like it, let me know. Also, source is available in C#. K-BL
[jQuery] Re: I wrote a YUI Multi FIle Compression Utility
Very interesting. We added the Java .jar file to our build process so it keeps our code in source control legible and the code pushed to prod compressed. YUI compressor, IMO, is the best and most consistent. Joe http://www.subprint.com On Dec 23, 11:03 am, Alexandre Plennevaux aplennev...@gmail.com wrote: it sounds very interesting, but i'm quite puzzled on how to do it correctly. i'm interested in reducing the load time of my websites but i don't really master these compression logics. I would have assumed i'd have to point to the html file loading the js+css files but your app seems to look for folders. If i'm correct, what file structure is supposed to work for this? I for one store all my javascript in a _js folder , which contains a frontend for the files dealing with the frontend, and a backend for the javascript files used in the backend app. I have a 3rd folder jquery_plugins folder inside this _js, which contains a folder for each plugin that i use. given that folder structure, is it possible to use your app? Sorry if this is out of my league... On Tue, Dec 23, 2008 at 5:27 PM, K-BL axel...@aim.com wrote: Hey Guys, I just finished writing a YUI Multi-File Compression Utility. It's really simple, it just runs some CLI commands, but more importantly, it compiles entire directories and sub directories with a clean UI. For us IT guys, it makes quick site changes a breeze from source to compressed in just seconds. Anyway, find it here:http://jqueryplugins.weebly.com/yui-compressor-multi-file-utility.html If you like it, let me know. Also, source is available in C#. K-BL
[jQuery] Re: Serial Scroll, animated images look jagged
Bump. I've tried researching this, and the only thing I found is an old issue about left to right being switched to right to left and therefore something in parallel needs to scale then scroll... but I can't find anything in the code that does this. Does anyone have any ideas on why the images in this slider fragment when they move? Thanks in advance! On Dec 22, 12:23 pm, jen timeyout...@gmail.com wrote: Bump. Does anyone have any ideas why the images seem to fragment? On Dec 19, 3:24 pm, jen timeyout...@gmail.com wrote: http://www.louriecutler.com.ws019.alentus.com/people/slider.php What am I doing wrong, that the images slide across looking so jagged? Thanks!
[jQuery] Re: question
So you have a list of the methods of an object and you want to find out what the parameters to each method are, is that right? There are three ways you can do this: 1) In Firefox, you can call the .toSource() method of an object (including a function) to see its source code. For example, try this in the Firebug console: (function foo(a,b,c){}).toSource() .toSource() isn't available in all browsers. 2) Of course, if you're doing that, you may as well just go back to the original source code, which will also have some comments: http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.js For most functions, you can search for functionname: to find it. There are a few exceptions such as the height() and width() methods - you'll find those with a search for Height or Width. 3) There is the documentation too: http://docs.jquery.com/Main_Page -Mike _ From: Behalf Of Dirceu Barquette Thanks. You are right! But, do you have any suggest? Thank you! Dirceu Barquette 2008/12/23 MorningZ morni...@gmail.com Advice: more specific subject lines than the ultra vague and useless question will get you better and faster help On Dec 23, 6:10 am, Dirceu Barquette dirceu.barque...@gmail.com wrote: Hi, Has anybody a solution? showing a few jQuery methods : var Typeof = {}; for (v in $) { Typeof = typeof $[v]; $('divspan'+Typeof+' /spanspan '+v+' /span/div').appendTo('body'); } Is it possible showing parameters list for each method above? thank you!!! Dirceu Barquette
[jQuery] Re: hiding a div using html select (drop down)
It's doing exactly what your code asks it to do, which is to toggle the visibility of #divarea every time you click the dropdown. What you want is $('#dropdown').change(function(){ $('#divarea')[ ($(this).val() == 'double') ? 'hide' : 'show' ]() }); equivalent to $('#dropdown').change(function(){ if ($(this).val() == 'double') $('#divarea').hide(); else $('#divarea').show(); }); cheers, - ricardo On Dec 23, 2:44 am, Louie Miranda lmira...@gmail.com wrote: I tried to hide the div id=divarea using the toggle() function below. javascript code script type=text/javascript $(document).ready(function() { $(#dropdown).click(function() { $(#divarea).toggle(); }); }); /script html code p select id=dropdown name=layout optionNone/option option value=singleSingle/option option value=doubleDouble/option /select /p br /br / div id=divareaLouie Miranda (web.LM), JQuery show/hide toggle effect/div Unfortunately, upon clicking the select drop down switch, it automatically hides it right away. How can I hide it, if it only selects the value Double? I have the actual demo here:http://labs.louiemiranda.net/js/jquery_show_hide_toggle_dropdown.php Help! -- Louie Miranda (lmira...@gmail.com)http://www.louiemiranda.net Security Is A Series Of Well-Defined Steps chmod -R 0 / ; and smile :)
[jQuery] Re: [validate plugin] How to call a function before the validation start?
Thanks, Jorn... I'll check it out. Rick -Original Message- From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On Behalf Of Jörn Zaefferer Sent: Tuesday, December 23, 2008 9:42 AM To: jquery-en@googlegroups.com Subject: [jQuery] Re: [validate plugin] How to call a function before the validation start? The option you are looking for is called submitHandler. Details here: http://docs.jquery.com/Plugins/Validation/validate#toptions Jörn On Tue, Dec 23, 2008 at 11:43 AM, Giovanni Battista Lenoci gian...@gmail.com wrote: Hi, I'm using the validate plugin, I have a comment form where I want to leave the possibility to insert an anonymous comment, but I want to alert the user before the submit. Then, if I have this code, what I have to do, to add a confirm('Are you sure')? I'm looking for a method like onBeforeSubmit :-) Thank you. if($('#commenti_form').size() 0) { $(#commenti_form).validate({ invalidHandler: function(form, validator) { var errors = validator.numberOfInvalids(); if (errors) { $(div#error_container).show(); } else { $(div#error_container).hide(); } }, onfocusout: false, onkeyup: false, onclick:false, meta: validate, errorClass: invalid, errorPlacement: function(error, element) { $labelToAppendTo = $('label[for='+element[0].id+']'); error.appendTo($(div#error_container)).clone().appendTo($labelToAppendTo); $('br /').appendTo($(div#error_container)); } }); } -- gianiaz.net - web solutions via angelo custode, 10 - 23100 sondrio (so) - italy +39 347 7196482
[jQuery] Re: I wrote a YUI Multi FIle Compression Utility
My utility is used for manual compression, this would ensure best results from your server. YUI Compressor (and some other compression engines) take unnecessary characters out of your code (line breaks, spaces, comments), optimizes private functions/variables, and returns a non-encoded, single line output. On Dec 23, 12:03 pm, Alexandre Plennevaux aplennev...@gmail.com wrote: it sounds very interesting, but i'm quite puzzled on how to do it correctly. i'm interested in reducing the load time of my websites but i don't really master these compression logics. I would have assumed i'd have to point to the html file loading the js+css files but your app seems to look for folders. If i'm correct, what file structure is supposed to work for this? I for one store all my javascript in a _js folder , which contains a frontend for the files dealing with the frontend, and a backend for the javascript files used in the backend app. I have a 3rd folder jquery_plugins folder inside this _js, which contains a folder for each plugin that i use. given that folder structure, is it possible to use your app? Sorry if this is out of my league... On Tue, Dec 23, 2008 at 5:27 PM, K-BL axel...@aim.com wrote: Hey Guys, I just finished writing a YUI Multi-File Compression Utility. It's really simple, it just runs some CLI commands, but more importantly, it compiles entire directories and sub directories with a clean UI. For us IT guys, it makes quick site changes a breeze from source to compressed in just seconds. Anyway, find it here:http://jqueryplugins.weebly.com/yui-compressor-multi-file-utility.html If you like it, let me know. Also, source is available in C#. K-BL
[jQuery] Re: Sortable...flash object losing its state when dragged. See example
Hmm. I think you can't do that kind of 'sorting' with elements if you don't want the content reloaded. Everytime you change an element's position in the DOM it's actually being removed and inserted again, not moved. You'll need to use the simple drag functionality, and figure out a way of 'sorting' absolutely positioned stuff. On Dec 23, 4:24 am, Chris Varenhorst var...@gmail.com wrote: See example athttp://jsbin.com/areko I'm using jQuery UI's sortable functionality. Try playing the youtube video, then click on the text DRAG to drag the elements around the youtube video, it continues to play fine. But if you attempt to drag the video itself, it will reload the flash, causing it to lose whatever state it was in. Anyone have an idea on how to keep this from happening? I'm working on an application where the flash object needs to hold its state while being dragged. example code in nicer format athttp://jsbin.com/areko/edit Any insights would be appreciated!
[jQuery] [Validate Plug-in] Jorn, et al... how do I made this validate onblur?
Hi, Jorn, et al... How can I adjust this plug-in code to validate only on blur? Thanks, Rick script type=text/javascript $(document).ready(function() { $('#add-rental-property-form').validate({ errorPlacement: function(error, element) { error.appendTo('#'+element.attr('id')+'_error'); }, rules: { street_number: required, street_name: required, city: required }, messages: { street_number: Please enter the property street number., street_name: Please enter the street name., city: Please enter the city. }, onsubmit: false }); }); /script
[jQuery] Re: Dynamic form validation on different names possible?
It seems as if the rules object is never being passed to validate(). From what I can see there are no rules when normalizeRules is being called however the elements are being called correctly. Would I need to call the compare function in a different form? I can't see much difference on the way I create a hardcoded rule: rules: { period_dates-0.period: { compare: [#form_period_dates_0_start_date,#form_period_dates_0_end_date] } } or a dynamic one: rules[rule_name] = { compare: [# + start_date, # + end_date] } Anyone done anything similar? Diego. On Dec 19, 10:00 am, dfiguero dfigu...@gmail.com wrote: So far I got: $(function(){ $.validator.addMethod(compare, function(value, element, param){ Date.format = 'mmm. dd, '; sdate = Date.fromString($(param[0]).val()); edate = Date.fromString($(param[1]).val()); return (sdate.getTime() = edate.getTime()) || this.optional (element); }, End date must be later than the Start date) var rules = {}; $(.repeatingformfield).each(function(){ $(this).find(:text).each(function(n){ if (n == 0) rule_name = this.name; if (n == 1) start_date = this.id; if (n == 2) end_date = this.id; }); rules[rule_name] = { compare: [# + start_date, # + end_date] } }); $(.tableform).validate({debug: true, options: rules}); }); But I guess my logic is not that great since the compare method doesn't seem to be called. Perhaps the method definition does not match the way I'm calling it but I'm not able to see that on firebug. Any suggestions? Diego. On Dec 18, 4:10 pm,dfiguerodfigu...@gmail.com wrote: Thanks Jörn I'll give it a try! On Dec 18, 12:17 pm, Jörn Zaefferer joern.zaeffe...@googlemail.com wrote: You could generate the rules object. var rules = {}; $(:input[name*=date-start]).each(function() { rules[this.name] = { ... }}); $(...).validate({options:rules}); Jörn On Thu, Dec 18, 2008 at 3:01 PM,dfiguerodfigu...@gmail.com wrote: Hi, I'm trying to validate a form with a dynamic date fields. Something like: tr id=period1 class=someclass td input type=text name=date-1-start id=date_1-start value=Mar. 29, 2008 / input type=text name=date-1-end id=date_1-end value=Mar. 29, 2008 / /td /tr tr id=period2 class=someclass td input type=text name=date-2-start id=date_2-start value=Jun. 02, 2010 / input type=text name=date-2-end id=date_2-end value=Jun. 02, 2010 / /td /tr ... tr id=period3 class=someclass td input type=text name=date-n-start id=date_n-start value=aaa. 99, / input type=text name=date-n-end id=date_n-end value=aaa. 99, / /td /tr I got my validation rules working but only if I hardcode each of the input's names: $(form).validate({ rules: { date-1-start: compare [#date_1-start,#date_1-end], date-2-start: compare [#date_2-start,#date_2-end], ... date-n-start: compare [#date_n-start,#date_n-end] } }); Would there be a way to dynamically generate the rules? Something like: $(form).validate({ rules: { $(:input[name*=date-start]): compare [$(:input[name*=date- start]),$(:input[name*=date-end])], } }); I know I could perhaps do this by adding classes to the input fields but I would prefer avoiding that option. Thanks
[jQuery] Re: Dynamic form validation on different names possible?
Replace this: $(.tableform).validate({debug: true, options: rules}); with this: $(.tableform).validate({debug: true, rules: rules}); Jörn On Fri, Dec 19, 2008 at 4:00 PM, dfiguero dfigu...@gmail.com wrote: So far I got: $(function(){ $.validator.addMethod(compare, function(value, element, param){ Date.format = 'mmm. dd, '; sdate = Date.fromString($(param[0]).val()); edate = Date.fromString($(param[1]).val()); return (sdate.getTime() = edate.getTime()) || this.optional (element); }, End date must be later than the Start date) var rules = {}; $(.repeatingformfield).each(function(){ $(this).find(:text).each(function(n){ if (n == 0) rule_name = this.name; if (n == 1) start_date = this.id; if (n == 2) end_date = this.id; }); rules[rule_name] = { compare: [# + start_date, # + end_date] } }); $(.tableform).validate({debug: true, options: rules}); }); But I guess my logic is not that great since the compare method doesn't seem to be called. Perhaps the method definition does not match the way I'm calling it but I'm not able to see that on firebug. Any suggestions? Diego. On Dec 18, 4:10 pm, dfiguero dfigu...@gmail.com wrote: Thanks Jörn I'll give it a try! On Dec 18, 12:17 pm, Jörn Zaefferer joern.zaeffe...@googlemail.com wrote: You could generate the rules object. var rules = {}; $(:input[name*=date-start]).each(function() { rules[this.name] = { ... }}); $(...).validate({options:rules}); Jörn On Thu, Dec 18, 2008 at 3:01 PM,dfiguerodfigu...@gmail.com wrote: Hi, I'm trying to validate a form with a dynamic date fields. Something like: tr id=period1 class=someclass td input type=text name=date-1-start id=date_1-start value=Mar. 29, 2008 / input type=text name=date-1-end id=date_1-end value=Mar. 29, 2008 / /td /tr tr id=period2 class=someclass td input type=text name=date-2-start id=date_2-start value=Jun. 02, 2010 / input type=text name=date-2-end id=date_2-end value=Jun. 02, 2010 / /td /tr ... tr id=period3 class=someclass td input type=text name=date-n-start id=date_n-start value=aaa. 99, / input type=text name=date-n-end id=date_n-end value=aaa. 99, / /td /tr I got my validation rules working but only if I hardcode each of the input's names: $(form).validate({ rules: { date-1-start: compare [#date_1-start,#date_1-end], date-2-start: compare [#date_2-start,#date_2-end], ... date-n-start: compare [#date_n-start,#date_n-end] } }); Would there be a way to dynamically generate the rules? Something like: $(form).validate({ rules: { $(:input[name*=date-start]): compare [$(:input[name*=date- start]),$(:input[name*=date-end])], } }); I know I could perhaps do this by adding classes to the input fields but I would prefer avoiding that option. Thanks
[jQuery] Select all even row in table that are not with a specified class.
Hallo all. I got a table like this table class=font_quotazioni thead tr th title=Data Contabile class=chars4Nome/th /tr /thead tbody tr class=midlight tdfoo/td /tr tr tdfoo/td /tr tr tdfoo/td /tr /tbody /table In my document.ready I set a class on even rows $(table.font_quotazioni tr:even).addClass(even); I would like to exclude all the rows that got a certain class (e.g tr class=midlight ) Is it possible?
[jQuery] Re: cycle plugin ovelapping in IE6/IE7
malsup wrote: Give the menus a higher z-index. Dear Marc I follow your advice, and gave the div a high z-index but it didnt work. I have been obliged to call the menu div, after calling the cycle slideshow. Now it's fine (just not logical in terrm of html code ;-) ) Thank you for the quick answer. Regards, Cyril -- View this message in context: http://www.nabble.com/cycle-plugin-ovelapping-in-IE6-IE7-tp21131740s27240p21148818.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: Change image to black and white on hover
When you apply the effect the img is replaced by a canvas tag (on browsers other than IE). To 'reset' it you need to reappend the original image, and for the events you need a parent element otherwise you'll lose them: div id=test img src=test.jpg alt= / /div var img = $(#test img); //save the image for later $('#test').hover(function() { //apply the handlers $('img', this).pixastic(desaturate); }, function() { $('#test').html(img); }); }); In my opinion that's overly complicated and won't have very good performance, you're better off creating a simple :hover with CSS and two images. - ricardo On Dec 23, 2:20 pm, Paul Collins pauldcoll...@gmail.com wrote: Hi all, I'm a little stuck and I can't seem to get exactly what I'm after googling Basically, I want to apply the pixastic - desaturate function when I hover over an image. I've got this working, but I want to be able to remove that effect when I mouseout of the image. I can't for the life of me find something that removes a function, only a class. Here is my code, as I say the hover state works when you mouseover, but the mouseout effect isn't working: // greyscale on hover $(document).ready(function() { // find the div.fade elements and hook the hover event $(.test).hover(function() { $(this).pixastic(desaturate); }, function() { this.reset(); }); }); Thanks for any help. Paul 2008/12/23 Paul Collins pauldcoll...@gmail.com That works perfectly with JQuery Nathan. Thanks for your help. Much appreciated. Paul 2008/12/23 Nathan i...@nathan-adams.net It's not jQuery (although I believe it can act as a plugin - check the documentation), but this library covers that kind of image manipulation: http://www.pixastic.com/ On Dec 23, 9:16 pm, Paul Collins pauldcoll...@gmail.com wrote: Hi all, I'd like to think this is possible with JQuery, but can't find a reference online. Basically, I have a bunch of coloured logos that have links wrapped around them. I would like to create a hover state using JQuery that makes the images turn black and white when you hover over them. Currently I am creating two images - one colour, one black and white then swapping them out using CSS. If I could create the black and white hover state using JQuery, it would save a lot of hassle. Would appreciate any help.
[jQuery] Re: Can datepicker do individual linking?
Well then my original suggestion should work. e.g. $('#datepicker').datepicker({ dateFormat: 'yy-mm-dd', onSelect: function(datestr, inst){ window.open(datestr + '.html'); } }); The above assumes you name the individual pages like yy-mm-dd.html, e.g. today would be 08-12-23.html. Obviously you could be more creative than me here but that's the basic idea. You could get all this info from the documentation aswell. It's pretty complete: http://docs.jquery.com/UI/Datepicker Good luck! On Tue, Dec 23, 2008 at 11:31 PM, sabastian sabastiangron...@yahoo.comwrote: No, what I needed is one link for one day. For instance a person selects a date, date 'x', they are then taken to a webpage dedicated to that day. We will manually update each webpage to indicate the availability of each trip. (365 webpages) If this is not possible I would settle for select anydate and get taken directed to a single webpage. Thank you for all your help and patience. On Dec 23, 2:59 pm, Ca-Phun Ung cap...@yelotofu.com wrote: No problem. That's what we're here for - here to help where possible. Currently the datepicker only supports choosing a date and having the value written to an input textbox. Or choosing a date and using the onSelect to do something with the selected date. In your case I'm assuming you want multiple links per day depending on the tours available? If that's the case the datepicker doesn't support this feature but it is definitely in the works. Seehttp:// jqueryui.pbwiki.com/DatePickerCalendarfor more information on the direction datepicker is headed. On Tue, Dec 23, 2008 at 10:50 PM, sabastian sabastiangron...@yahoo.com wrote: I am trying to set up a tour/ day trip company. When people visit the website I would like them to be able to select a date for the tour and then check availability. Thus, when people select a calendar date I would like them to be redirected to another html page indicating availability. Ideally, I would like a calendar like 'easyjet.co.uk' but I don't know how to make something like this. On Dec 23, 2:43 pm, sabastian sabastiangron...@yahoo.com wrote: I am sorry for my incompetence. I am new to javascript. All I want to do is when a date is chosen in datepicker a person will be automatically linked to a webpage, I used google as an example. On Dec 23, 2:35 pm, Ca-Phun Ung cap...@yelotofu.com wrote: For instance $('#datepicker').datepicker({onSelect: function(datestr, inst) {GetUrl(this.value)option value=http://google.com Get Google/option/select}}); This won't work. I'm not entirely sure what you're doing here. Could you post up a demo page? where would this code go? Does it matter where in the ui.datepicker.js file it goes? I recommend placing custom code in a separate file, not inside ui.datepicker.js. -- Ca-Phun Ung +http://yelotofu.com + css, django, hongkong, html, javascript, php -- Ca-Phun Ung +http://yelotofu.com + css, django, hongkong, html, javascript, php -- Ca-Phun Ung + http://yelotofu.com + css, django, hongkong, html, javascript, php
[jQuery] Re: XML data consumption issue with Internet Explorer
I am running into the same issue, anything inside the curly braces in this scenario does not work in internet explorer. $('data',xml).each(function(i) { } anyone know why this is or have a work around? Oki wrote: Hello, I'm new to jQuery and I've been playing around with an example I found regarding xml consumption. The thing is it works perfectly in every browser, except IE, where it only displays the tables headers. I'm sure many of you here have already seen something like this. Here is the code: /**/ // Start function when DOM has completely loaded $(document).ready(function(){ // Open the xml file $.get(data.xml,{},function(xml){ // Build an HTML string dataTable = ''; dataTable += 'table width=100% border=0 cellspacing=0 cellpadding=0 class=Data'; dataTable += 'th width=28% scope=colData1/thth width=33% scope=colData2/thth width=23% scope=colData3/thth width=16% scope=colData4/th'; // Run the function for each data tag in the XML file $('data',xml).each(function(i) { data1 = $(this).find(data1).html(); data2 = $(this).find(data2).html(); data3 = $(this).find(data3).html(); data4 = $(this).find(data4).html(); // Build row HTML data and store in string mydata = BuildDataHTML(data1,data2,data3,data4); dataTable = dataTable + mydata; }); dataTable += '/table'; // Update the DIV called Content Area with the HTML string $(#div_Id).append(dataTable); }); }); function BuildDataHTML(data1,data2,data3,data4){ // Build HTML string and return output = ''; output += 'tr'; output += 'td valign=top'+ data1 +'/td'; output += 'td valign=top'+ data2 +'/td'; output += 'td valign=top'+ data3 +'/td'; output += 'td valign=top'+ data4 +'/td'; output += '/tr'; return output; } /**/ Seems to me like IE skips this part: /**/ ]// Run the function for each data tag in the XML file $('data',xml).each(function(i) { data1 = $(this).find(data1).html(); data2 = $(this).find(data2).html(); data3 = $(this).find(data3).html(); data4 = $(this).find(data4).html(); // Build row HTML data and store in string mydata = BuildDataHTML(data1,data2,data3,data4); dataTable = impactDataTable + mydata; }); /**/ Any help would be greatly appreciated. -- View this message in context: http://www.nabble.com/XML-data-consumption-issue-with-Internet-Explorer-tp20853767s27240p20853767.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] $.post not working with object arrays
Hello, Whenever I try to pass an object containing array data through jQuery AJAX only the last value of the array is sent. Consider this example: var test = new Object(); test.arr = new Array(1, 2, 3); $.post(script.php, test, callback); If I print_r($_POST) in the script.php all I get is: Array ( [arr] = 3 ) Instead of: Array ( [arr] = Array ( [0] = 1 [1] = 2 [2] = 3 ) ) Any idea what's causing this? Thanks
[jQuery] append can not with form submit for IE
hi all ! i usage jquery appent 2 radio group to form. It work when submit in FF but does't work in IE. My code function checklistPanel (type, id,url){ var memory = false; var str = new String(); var newId = id.substr(1)+'-new'; var newIdo = id+'-new'; var currId = id.substr(1)+'-curr'; var currIdo = id+'-curr'; var button = new String(); var width = new Number(); var rows = new Number(); var title = $(id).text(); $(id).click(function(){ if(memory == true) { return false; } else if(memory == currIdo) { $.blockUI({ message: $(currIdo)[0], css: { width: width+'px', marginLeft: '-'+(width/2)+'px' }, overlayCSS: { background: #333, opacity: 0.7 } }); return false; } else { $(#et-search-main).block({ overlayCSS: { opacity: 0.4, backgroundColor: #fff } }); memory = true; $.getJSON(url, function(data){ width = (data.width == null || data.width == 0) ? 300 : data.width; rows = (data.rows == null || data.rows == 0) ? 3 : data.rows; $.each(data.items, function(i,item) { if(type == select) { if(i == 0) str += 'tr'; if((i%rows) == 0) str += '/trtr'; str += ' \ td \ label for='+data.name+item.id+' \ input name='+data.name+'[] type=checkbox id='+data.name +item.id+' value='+item.id+' title='+item.title+' / \ '+item.title+' \ /label \ /td'; if((i+1) == data.total) str += '/tr'; } else if(type == radio) { if(i == 0) str += 'tr'; if((i%rows) == 0) str += '/trtr'; str += ' \ td \ label for='+data.name+item.id+' \ input name='+data.name+' type=radio id='+data.name +item.id+' value='+item.id+' title='+item.title+' / \ '+item.title+' \ /label \ /td'; if((i+1) == data.total) str += '/tr'; } }); if(type == select) { button = ' \ div class=et-checklist-checkall id=et-checkall title=div class=\'et-tooltip-wrapper\' \ div class=\'et-tooltip\'Check alll/div \ /div \ /div \ div class=et-checklist-uncheckall id=et-uncheckall title=div class=\'et-tooltip-wrapper\' \ div class=\'et-tooltip\'Uncheck all/div \ /div \ /div'; } $(id).parent(td).append(' \ div class=et-checklist-wrapper id='+currId+' style=width:'+width+'px \ div class=et-checklist-box clearfix \ div class=et-checklist-title'+title+'/div \
[jQuery] Re: how to wrap an given part
You can't insert 'pieces' of HTML, you need the complete elements, as when they are inserted the browser automatically fixes your markup and adds the missing closing/opening tags. To avoid that you must concatenate everything into a string, and then append the whole string at once - that's also faster. But an easier way to achieve this is looping over the H3 elements, add the p next to it and then wrap both: $('h3').each(function(i){ $(this).add( $(this).next('p') ).wrapAll('div class=t'+i+'/'); }); - ricardo On Dec 23, 8:11 am, j.schmid...@googlemail.com j.schmid...@googlemail.com wrote: hi guys ... my html is something like that h3head1/h3 pcontent content/p h3head2/h3 content content content Now i want to add divs to split this into containers. It should look like that div class=1 h3head1/h3 pcontent content/p /div div class=2 h3head2/h3 content content content /div What is the best way to do this?? I started with somethink like that: var first = jQuery('div.prod_left_content h3:first').html(); jQuery('div.prod_left_content h3').each(function(){ var catname = jQuery(this).html(); if (catname==first) { jQuery(this).before('div class=t'+z+''); } else { jQuery(this).before('/divdiv class=t'+z+''); } z++; }); // last clos div tag var lastel = jQuery('div.prod_left_content *:last'); jQuery(lastel).after('/div'); The problem with that is that before ignores the div close tag. Thanks for help
[jQuery] Re: question
(before reading... my English is so terrible... :-( ) Hi Mike, Thanks for your attention and thank you very much for the answers! My goal is a CMS application. I've been writing this code from 2 month ago. Now a day I'm ending the project. So, I need to make something like dummy end user plugin. When the user needs write a jquery code, a tabs plugin shows the jquery functions list grouped like docs.jquery.com http://docs.jquery.com/Main_Page page. So this list isn't truly necessary, but it will be a lovely feature for the end users!!! And, of course, avoid I write an object like: { jquery: { version:'1.2.6', functions:[{ core:{ jQuery:{ params:[...],options:[...]}}}]}} to display it into tabs! And 1.3 jquery version coming soon!!! 3) There is the documentation too: http://docs.jquery.com/Main_Page LOL LOL LOL LOL [?] jquery has a very nice documentation and I always discover anything good! realy thank you!!! ;-) Dirceu Barquette 2008/12/23 Michael Geary m...@mg.to So you have a list of the methods of an object and you want to find out what the parameters to each method are, is that right? There are three ways you can do this: 1) In Firefox, you can call the .toSource() method of an object (including a function) to see its source code. For example, try this in the Firebug console: (function foo(a,b,c){}).toSource() .toSource() isn't available in all browsers. 2) Of course, if you're doing that, you may as well just go back to the original source code, which will also have some comments: http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.js For most functions, you can search for functionname: to find it. There are a few exceptions such as the height() and width() methods - you'll find those with a search for Height or Width. 3) There is the documentation too: http://docs.jquery.com/Main_Page -Mike -- *From:* *Behalf Of *Dirceu Barquette Thanks. You are right! But, do you have any suggest? Thank you! Dirceu Barquette 2008/12/23 MorningZ morni...@gmail.com Advice: more specific subject lines than the ultra vague and useless question will get you better and faster help On Dec 23, 6:10 am, Dirceu Barquette dirceu.barque...@gmail.com wrote: Hi, Has anybody a solution? showing a few jQuery methods : var Typeof = {}; for (v in $) { Typeof = typeof $[v]; $('divspan'+Typeof+' /spanspan '+v+' /span/div').appendTo('body'); } Is it possible showing parameters list for each method above? thank you!!! Dirceu Barquette 360.gif
[jQuery] Re: SimpleModal container size problem
That is strange - can you get the latest version (1.2.2) and upload the full version, so I can trace it through? On Dec 22, 11:23 pm, Isaac isaactaw...@gmail.com wrote: I have a script that dynamically detects the size (using outerwidth and outerheight) of a div tag that I use as my modal window. It works on all pages of my site except this page: http://www.lacopts.org/dbase/register.php where it erroneously displays the container height, eventhough it is passed the correct height in containerCSS property. I've tried looking at the generated code with FF but I don't seem to spot the problem. Any thoughts? Thanks, Isaac
[jQuery] Re: Can datepicker do individual linking?
Thank you, for your time and support. I have a couple of final questions and I should be finished. 1. In Dreamweaver, 'datepicker' appears as several files 'jquery-1.2.6.js', 'ui.datepicker.js', where do I save this new script? and do I give it the extension .js? 2. and for the script I would type $('#datepicker').datepicker({ dateFormat: '09-08-22', onSelect: function(datestr, inst){ window.open(09-08-22.html'); } }); and when someone picked 09-08-22 they would be taken to the webpage for that date? On Dec 23, 6:07 pm, Ca-Phun Ung cap...@yelotofu.com wrote: Well then my original suggestion should work. e.g. $('#datepicker').datepicker({ dateFormat: 'yy-mm-dd', onSelect: function(datestr, inst){ window.open(datestr + '.html'); } }); The above assumes you name the individual pages like yy-mm-dd.html, e.g. today would be 08-12-23.html. Obviously you could be more creative than me here but that's the basic idea. You could get all this info from the documentation aswell. It's pretty complete: http://docs.jquery.com/UI/Datepicker Good luck! On Tue, Dec 23, 2008 at 11:31 PM, sabastian sabastiangron...@yahoo.comwrote: No, what I needed is one link for one day. For instance a person selects a date, date 'x', they are then taken to a webpage dedicated to that day. We will manually update each webpage to indicate the availability of each trip. (365 webpages) If this is not possible I would settle for select anydate and get taken directed to a single webpage. Thank you for all your help and patience. On Dec 23, 2:59 pm, Ca-Phun Ung cap...@yelotofu.com wrote: No problem. That's what we're here for - here to help where possible. Currently the datepicker only supports choosing a date and having the value written to an input textbox. Or choosing a date and using the onSelect to do something with the selected date. In your case I'm assuming you want multiple links per day depending on the tours available? If that's the case the datepicker doesn't support this feature but it is definitely in the works. Seehttp:// jqueryui.pbwiki.com/DatePickerCalendarfor more information on the direction datepicker is headed. On Tue, Dec 23, 2008 at 10:50 PM, sabastian sabastiangron...@yahoo.com wrote: I am trying to set up a tour/ day trip company. When people visit the website I would like them to be able to select a date for the tour and then check availability. Thus, when people select a calendar date I would like them to be redirected to another html page indicating availability. Ideally, I would like a calendar like 'easyjet.co.uk' but I don't know how to make something like this. On Dec 23, 2:43 pm, sabastian sabastiangron...@yahoo.com wrote: I am sorry for my incompetence. I am new to javascript. All I want to do is when a date is chosen in datepicker a person will be automatically linked to a webpage, I used google as an example. On Dec 23, 2:35 pm, Ca-Phun Ung cap...@yelotofu.com wrote: For instance $('#datepicker').datepicker({onSelect: function(datestr, inst) {GetUrl(this.value)option value=http://google.com Get Google/option/select}}); This won't work. I'm not entirely sure what you're doing here. Could you post up a demo page? where would this code go? Does it matter where in the ui.datepicker.js file it goes? I recommend placing custom code in a separate file, not inside ui.datepicker.js. -- Ca-Phun Ung +http://yelotofu.com + css, django, hongkong, html, javascript, php -- Ca-Phun Ung +http://yelotofu.com + css, django, hongkong, html, javascript, php -- Ca-Phun Ung +http://yelotofu.com + css, django, hongkong, html, javascript, php
[jQuery] Re: Serious bug in JQuery
I figured it out. I was using the validation framework and erroneously tried to add validation rules to a span instead of an input. Stepping through the code, I saw that it was asking for the element.form, and the spans don't have that property defined. Thanks On Dec 22, 6:33 pm, donb falconwatc...@comcast.net wrote: I would guess you've passed a parameter to a function, but done so incorrectly. For example writing xyz(bar) when you should have written .xyz( {foo: bar} ) On Dec 22, 5:25 pm, Andy Matthews li...@commadelimited.com wrote: Care to share some code? Have you done your debugging to determine what line of your code is causing the error from jQuery? Have you posted this bug to the jquery bug mailing list? andy -Original Message- From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On Behalf Of kayode81un...@gmail.com Sent: Monday, December 22, 2008 4:18 PM To: jQuery (English) Subject: [jQuery] Serious bug in JQuery I have a page that when loaded, it gets a javascript error. It occurs in jquery-1.2.6.js on line 662 on this line: var id = elem[ expando ]; It says elem is undefined. This occurs in IE and FF. This only occurs on this specific page. It is an aspx page. Thanks
[jQuery] Re: cycle plugin ovelapping in IE6/IE7
I have de same problem, in my case, we have element where the style tag position is relative, and then de z-index is invalid On 23 dic, 12:08, cym cy...@cym.fr wrote: malsup wrote: Give the menus a higher z-index. Dear Marc I follow your advice, and gave the div a high z-index but it didnt work. I have been obliged to call the menu div, after calling the cycle slideshow. Now it's fine (just not logical in terrm of html code ;-) ) Thank you for the quick answer. Regards, Cyril -- View this message in context:http://www.nabble.com/cycle-plugin-ovelapping-in-IE6-IE7-tp21131740s2... Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: intro using fadeTo and setTimeout won't work
It works like a charm! Thanks a lot! =) On 23 Dec, 16:24, Dave Methvin dave.meth...@gmail.com wrote: function changeFade(i) { $(#logo).fadeTo(fast,1-i/1); $(#percentage).html(i/100 + '%'); i += 100; if (i=1) setTimeout(changeFade(i),100); } $(document).ready(function(){ alert('test'); $(#logo).css('opacity','0.01'); changeFade(100); } You need to wait until the fadeTo is done before continuing on to the next step; neither one of those waits. This one-liner will give you a linear 10-second fade-in: $(#logo).hide().fadeIn(1); Is the problem that you need to display the percentage as it fades in? If so, try this: $(document).ready(function(){ var step = 1; (function(){ step -= 100; $(#percentage).text(step/100 + '%'); if ( step 0 ) $(#logo).fadeTo(100,1-step/1, arguments.callee); })(); }); Because of overhead issues, that will most likely end up running longer than 10 seconds but if it's just a visual effect it won't matter.
[jQuery] Re: I wrote a YUI Multi FIle Compression Utility
ok , i tried it out and i can see it spits out my js files completely minified. Nice... really nice. how about going to the next automation process: what if i could point your app to my index.html, which contains a dozen LINK to css files and SCRIPT to js files. Could it compile all of the CSS in one css file, and all of the js in one js file (so as to decrease the http connections), both minified, outputting a index.prod.html with the link to the optimized css file and js file ? i would have so much use for such a tool i'd pay for it, allowing me to keep a dev version and a prod version synchronised automatically. thanks for listening. On Tue, Dec 23, 2008 at 6:46 PM, K-BL axel...@aim.com wrote: My utility is used for manual compression, this would ensure best results from your server. YUI Compressor (and some other compression engines) take unnecessary characters out of your code (line breaks, spaces, comments), optimizes private functions/variables, and returns a non-encoded, single line output. On Dec 23, 12:03 pm, Alexandre Plennevaux aplennev...@gmail.com wrote: it sounds very interesting, but i'm quite puzzled on how to do it correctly. i'm interested in reducing the load time of my websites but i don't really master these compression logics. I would have assumed i'd have to point to the html file loading the js+css files but your app seems to look for folders. If i'm correct, what file structure is supposed to work for this? I for one store all my javascript in a _js folder , which contains a frontend for the files dealing with the frontend, and a backend for the javascript files used in the backend app. I have a 3rd folder jquery_plugins folder inside this _js, which contains a folder for each plugin that i use. given that folder structure, is it possible to use your app? Sorry if this is out of my league... On Tue, Dec 23, 2008 at 5:27 PM, K-BL axel...@aim.com wrote: Hey Guys, I just finished writing a YUI Multi-File Compression Utility. It's really simple, it just runs some CLI commands, but more importantly, it compiles entire directories and sub directories with a clean UI. For us IT guys, it makes quick site changes a breeze from source to compressed in just seconds. Anyway, find it here:http://jqueryplugins.weebly.com/yui-compressor-multi-file-utility.html If you like it, let me know. Also, source is available in C#. K-BL
[jQuery] IE7 event problem
I have a drawer that I want to pop open whenever you an anchor with a certain class assigned to it is clicked. If you look at this page in Safari, Firefox, or Chrome you can see the desired result The links in question are: 1. The first Click here in the bulleted list. class=open_drawer_questions (Opens a contact form) 2. The Click here in the firt column of text class=open_drawer_questions (opens the same contact form as above) 3. The click here in the last column of text class=open_drawer_body (opens the same box as the Buy now blue button) What happens in IE7 for me is this: All of them work fine besides the two links within the three columns of text. The first link doesn't open anything and the second link which is supposed to open the drawer opens the contact form... Compare to firefox etc. You can view it here. http://www.alamode.com/agent/broker_xsites Here's a snippet of the code: $('a.open_drawer').click(function() { $(this).parent('li.boxParent').find('.box').fadeIn('slow'); }); $('.open_drawer_body').click(function() { $('.box:not(.questions)').fadeIn('slow'); }); $('.open_drawer_questions').click(function() { $('.questions').fadeIn('slow'); }); Thanks in advance.
[jQuery] Re: I wrote a YUI Multi FIle Compression Utility
I've actually built, almost, such a beast. Myn configures which css/ js files are needed for any given page, but I'm getting ready to release one that does exactly what you said, it's C#/asp.net 3.5 though. Email me with a proposal, feature list, and language needed, axel...@aim.com, we'll talk business. On Dec 23, 3:18 pm, Alexandre Plennevaux aplennev...@gmail.com wrote: ok , i tried it out and i can see it spits out my js files completely minified. Nice... really nice. how about going to the next automation process: what if i could point your app to my index.html, which contains a dozen LINK to css files and SCRIPT to js files. Could it compile all of the CSS in one css file, and all of the js in one js file (so as to decrease the http connections), both minified, outputting a index.prod.html with the link to the optimized css file and js file ? i would have so much use for such a tool i'd pay for it, allowing me to keep a dev version and a prod version synchronised automatically. thanks for listening. On Tue, Dec 23, 2008 at 6:46 PM, K-BL axel...@aim.com wrote: My utility is used for manual compression, this would ensure best results from your server. YUI Compressor (and some other compression engines) take unnecessary characters out of your code (line breaks, spaces, comments), optimizes private functions/variables, and returns a non-encoded, single line output. On Dec 23, 12:03 pm, Alexandre Plennevaux aplennev...@gmail.com wrote: it sounds very interesting, but i'm quite puzzled on how to do it correctly. i'm interested in reducing the load time of my websites but i don't really master these compression logics. I would have assumed i'd have to point to the html file loading the js+css files but your app seems to look for folders. If i'm correct, what file structure is supposed to work for this? I for one store all my javascript in a _js folder , which contains a frontend for the files dealing with the frontend, and a backend for the javascript files used in the backend app. I have a 3rd folder jquery_plugins folder inside this _js, which contains a folder for each plugin that i use. given that folder structure, is it possible to use your app? Sorry if this is out of my league... On Tue, Dec 23, 2008 at 5:27 PM, K-BL axel...@aim.com wrote: Hey Guys, I just finished writing a YUI Multi-File Compression Utility. It's really simple, it just runs some CLI commands, but more importantly, it compiles entire directories and sub directories with a clean UI. For us IT guys, it makes quick site changes a breeze from source to compressed in just seconds. Anyway, find it here:http://jqueryplugins.weebly.com/yui-compressor-multi-file-utility.html If you like it, let me know. Also, source is available in C#. K-BL
[jQuery] Re: IE7 event problem
I just read my message and it's not as clear as can be. Sorry I'm in some what of a hurry.
[jQuery] Re: Select all even row in table that are not with a specified class.
Sure. $(table.font_quotazioni tr:even:not('.midlight'))... http://docs.jquery.com/Selectors/not#selector stephen On Tue, Dec 23, 2008 at 10:01, m.ugues m.ug...@gmail.com wrote: Hallo all. I got a table like this table class=font_quotazioni thead tr th title=Data Contabile class=chars4Nome/th /tr /thead tbody tr class=midlight tdfoo/td /tr tr tdfoo/td /tr tr tdfoo/td /tr /tbody /table In my document.ready I set a class on even rows $(table.font_quotazioni tr:even).addClass(even); I would like to exclude all the rows that got a certain class (e.g tr class=midlight ) Is it possible?
[jQuery] CSS problem on IE6?
Yes, i know this is jQuery group! But i'm on working and i really need help from someone:(! This is an Joomla site which display in IE7,FF! But it is wrong in IE6! I don't understand why! It's so trange! This is test site http://www.bluesilverdesign.com/brown-stone/ View it with Ie6 and you will see problem right now! Does anyone have any suggestions? Thanks so much! -- / * Người ta thưởng chỉ chú ý đến những kẻ lên như diều gặp gió! Nhưng hỡi ôi, chỉ có cát, bụi và lông hồng mới là những thứ lên nhanh nhất */
[jQuery] validate plugin date()
hello all, I have a date filed that needs to be validated only for one type of date format: mm/dd/yyy. http://bassistance.de/jquery-plugins/jquery-plugin-validation/ the validate plugin's date() method validates all sorts of date formats. is there a way to restrict that to only one format? do I need to write my own rule for that? thanks Luke
[jQuery] superfish dumb question
Hi, I am using Superfish in Joomla and think that it is great! I have set up my main navigation bar using a horizontal Superfish menu.I am having one problem. I can't figure out how to change the a:link color for any ul levels. I changed the background to match my template, but don't want my links to be the blue that Superfish comes set up with.I would appreciate any suggestions. Thanks, J http://converse1schools.org
[jQuery] working in FF but not in IE
So I got help to create a script this far: $(document).ready(function(){ var step = 4000; (function(){ step -= 40; $(#percentage).text(Math.round((1-step/4000)*100) + '%'); if ( step 0 ) $(#logo).fadeTo(40,1-step/4000, arguments.callee); })(); setTimeout(function () { $(#percentage).fadeTo(slow,0.01, function () { $(#percentage).text(For life - for fashion - for life).fadeTo (slow,1); }); },6000); setTimeout(function () { window.location = 'http://uf.ekdahlproduction.com/itsvintage2/ home.html'; },8000); }); At first it seemed to work like a charm, and it really did in FF, but then in IE it didn't work much at all. Both logo-opacity and percentage got stuck, at low opacity and 1%. However, it still replaced the text and faded in/out and continued onto the next page correctly. How can I make the fade-in logo update percentage thingy work correctly in IE?