[jQuery] Re: [OT] Massive List of User Agents
If you want to play about with user agents, this plugin for FF does the trick http://addons.mozilla.org/en-US/firefox/addon/59 It allows you to change the user agent as reported OS on the fly. Stehphan - I'm not sure if it would work - but try out the Firebug mini-debug server. It was designed for debugging the iPhone remotley, you might be able to get the PSP to work. On 7/20/07, Stephan Beal [EMAIL PROTECTED] wrote: On Jul 20, 5:31 am, Rey Bango [EMAIL PROTECTED] wrote: http://www.user-agents.org/ I'm not associated with the site in anyway. I just thought that it would be a good resource for your guys. Somewhat related, but even more off-topic: i got a Sony PSP yesterday. The built-in web browser is fantastic when it comes to rendering CSS- styled pages, and it claims to have JS support, but it the browser hangs when i load any of my jQuery-powered pages. Not at all certain why, and of course there's no browser debugging plugin for it (like Firebug). :( -- Tane Piper http://digitalspaghetti.tooum.net This email is: [ ] blogable [ x ] ask first [ ] private
[jQuery] Re: ANNOUNCE: tablesorter 2.0 beta released!
2007/7/19, Kia [EMAIL PROTECTED]: Personally I would prefer if the string wasn't lowercased. I think the parser should lowercase it (or use the regexp modifier 'i'), if needed. I will change this in time for the final release. /christian
[jQuery] Re: changing the value of a global variable inside an post callback function?
I've just spotted it after debugging it in Firebug. Anything which requires having a response for it to execute correctly, must be in the response-handling function. This is behaving exactly as required - the request is asynchronous, and you cannot guarantee that it will execute after the code that comes after it. The checkEmailDups() function cannot tell you the value without having to wait block execution until the response is received. Far better would be to send the check, and handle both cases within the callback function instead. This will also allow you to remove the (horrible) global variable. function checkEmailDups(myemail) { $.post(checkemail.cfm, { email: myemail }, function(data) { if ($.trim(data) === available) { // allow whatever action is being performed } else if ($.trim(data) == taken) { alert(That email address is taken); } }); } --rob On 7/19/07, bdee1 [EMAIL PROTECTED] wrote: ok i may have figured out why this is happening. i put replaces alert(dupsfound) with setTimeout('alert(dupsfound)',3000) so that the script waited 3 seconds before displaying the alert and then it displayed the correct value so the key is that it IS settign the value properly but it just takes a minute for the post to complete. so the next question is, how do i prevent the rest of the function from running until the post is finished? Rob Desbois-2 wrote: That should work if errorsFound is global - can you provide your code or give us a link to look at? --rob On 7/19/07, bdee1 [EMAIL PROTECTED] wrote: i am building a function to validate a registration form for my site. one of the things i need to validate is that the email address entered into the form does not already exist in the database. in my formValidate function i perform several tests. if a test fails i increment a errorsFound variable. at the end of my function if errorsFound is greater than 0, i do not submit the form. the test for my email field does a $.post to a checkEmail - a page that checks the database for duplicate email addresses. then my callback function looks st the results of the post - if duplicates were found, i increment my errorsFound variable. problem is that from within my $.post callback function i cannot seem to access my errorsFound variable. how can i get my post callback function to increment my errorsFound variable? -- View this message in context: http://www.nabble.com/changing-the-value-of-a-global-variable-inside-an-post-callback-function--tf4111860s15494.html#a11691585 Sent from the JQuery mailing list archive at Nabble.com. -- Rob Desbois Eml: [EMAIL PROTECTED] Tel: 01452 760631 Mob: 07946 705987 There's a whale there's a whale there's a whale fish he cried, and the whale was in full view. ...Then ooh welcome. Ahhh. Ooh mug welcome. -- View this message in context: http://www.nabble.com/changing-the-value-of-a-global-variable-inside-an-post-callback-function--tf4111860s15494.html#a11693506 Sent from the JQuery mailing list archive at Nabble.com. -- Rob Desbois Eml: [EMAIL PROTECTED] Tel: 01452 760631 Mob: 07946 705987 There's a whale there's a whale there's a whale fish he cried, and the whale was in full view. ...Then ooh welcome. Ahhh. Ooh mug welcome.
[jQuery] Re: Find missing HTML tags
How about stripping tags and showing 30 characters of unformatted text? It's quite a common thing to do for displaying summaries and would solve the problem instead of just fixing the symptoms. --rob On 7/19/07, Shawn Tumey [EMAIL PROTECTED] wrote: If the the content is being fetched using AJAX and the return type is text that you are using to plop in as the inner-html for the div, than you should be able to parse through the text and push elements onto a stack when opening tags are encountered. Pop when closing tags are encountered. Any tags on the stack at the end of the input need closed. -Shawn On 7/19/07, Jonathan Sharp [EMAIL PROTECTED] wrote: I think you're going to have to attack that server side as the html is interperted browserside into the dom tree which automatically closes tags as necessairy. -js On 7/19/07, sozzi [EMAIL PROTECTED] wrote: I have a rather odd problem where I am looking for potentially missing html tags due to truncation and need to close them. I am displaying a short summaries for an overview of published articles by showing a title and the first 30 words. Unfortunately sometimes the article starts with an OL or UL and the closing tags get truncated. Is there a way to find missing closing tags within a div and close them automatically? I don't need a final solution, any hint where to start would be great, preferably client-side (jQuery) until I get it sorted on the server-side Thanks -- Rob Desbois Eml: [EMAIL PROTECTED] Tel: 01452 760631 Mob: 07946 705987 There's a whale there's a whale there's a whale fish he cried, and the whale was in full view. ...Then ooh welcome. Ahhh. Ooh mug welcome.
[jQuery] Error in IE 5.5 / jQuery 1.1.3.1 - 'nodeName' is Null
Hi, I just upgraded from 1.2 to 1.1.3.1 (compressed version) Everything works fine, but in IE 5.5 there seems to be a problem with the new version: It says: 'nodeName' is Null or no Object, line 185 best ragards Bernd -- View this message in context: http://www.nabble.com/Error-in-IE-5.5---jQuery-1.1.3.1%27nodeName%27-is-Null-tf4115982s15494.html#a11704870 Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Re: DatePicker | adding multiple selectedDates into input field
Figured it out! - At this part - console.log(selectedDates); - Just add... - console.log(selectedDates); $(this).val(selectedDates); However the only remaining issue is now I get very long dates. I get this: Fri Jul 20 2007 00:00:00 GMT-0400 (EDT), Sat Jul 21 2007 00:00:00 GMT-0400 (EDT) I would like: Fri Jul 20 2007, Sat Jul 21 2007 I would like to loose the Time information in the array of dates. Does anyone know how this could be done? On Jul 19, 8:23 pm, newbie [EMAIL PROTECTED] wrote: Hello all, Current Issue I currently have a form that offers users a date picker to select multiple dates. Currently the text field will only update it's self to show the last date selected. Does anyon know how I can take the array of selectedDates and update the textfield with the multiple dates once they close the calendar for that selected input ? If I had 3 dates selected ideally the input values would seperate each entry with a , and an example could look like 01/01/07, 01/02/07, 01/03/07. Code Below !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN http://www.w3.org/ TR/html4/strict.dtd html lang=en head meta http-equiv=Content-Type content=text/html; charset=utf-8 titleuntitled/title !-- jQuery -- script type=text/javascript src=jquery-1.1.2.js/script !-- required plugins -- script type=text/javascript src=date.js/script script type=text/javascript src=jquery.dimensions.js/script !--[if IE]script type=text/javascript src=jquery.bgiframe.js/script![endif]-- !-- jquery.datePicker.js -- script type=text/javascript src=jquery.datePicker.js/script !-- datePicker required styles -- link rel=stylesheet type=text/css media=screen href=datePicker.css !-- page specific styles -- link rel=stylesheet type=text/css media=screen href=demo.css !-- page specific scripts -- script type=text/javascript charset=utf-8 $(function() { $('.date-pick') .datePicker( { createButton:true, displayClose:true, closeOnSelect:false, selectMultiple:true } ) .bind( 'click', function() { $(this).dpDisplay(); this.blur(); return false; } ) .bind( 'dateSelected', function(e, selectedDate, $td, state) { console.log('You ' + (state ? '' : 'un') // wrap + 'selected ' + selectedDate); } ) .bind( 'dpClosed', function(e, selectedDates) { console.log('You closed the date picker and the ' // wrap + 'currently selected dates are:'); console.log(selectedDates); }
[jQuery] Re: DatePicker | adding multiple selectedDates into input field
I have fixed the issue Solution At this line: console.log(selectedDates); Just add: console.log(selectedDates); (this).val(selectedDates); This will add the array of multiple dates back into text field. New problem --- How can I get rid of the rather long date format. Fri Jul 20 2007 00:00:00 GMT-0400 (EDT),Fri Jul 27 2007 00:00:00 GMT-0400 (EDT) I would like the values to be: Fri Jul 20 2007,Fri Jul 27 2007 Any hints from anyone? On Jul 19, 8:23 pm, newbie [EMAIL PROTECTED] wrote: Hello all, Current Issue I currently have a form that offers users a date picker to select multiple dates. Currently the text field will only update it's self to show the last date selected. Does anyon know how I can take the array of selectedDates and update the textfield with the multiple dates once they close the calendar for that selected input ? If I had 3 dates selected ideally the input values would seperate each entry with a , and an example could look like 01/01/07, 01/02/07, 01/03/07. Code Below !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN http://www.w3.org/ TR/html4/strict.dtd html lang=en head meta http-equiv=Content-Type content=text/html; charset=utf-8 titleuntitled/title !-- jQuery -- script type=text/javascript src=jquery-1.1.2.js/script !-- required plugins -- script type=text/javascript src=date.js/script script type=text/javascript src=jquery.dimensions.js/script !--[if IE]script type=text/javascript src=jquery.bgiframe.js/script![endif]-- !-- jquery.datePicker.js -- script type=text/javascript src=jquery.datePicker.js/script !-- datePicker required styles -- link rel=stylesheet type=text/css media=screen href=datePicker.css !-- page specific styles -- link rel=stylesheet type=text/css media=screen href=demo.css !-- page specific scripts -- script type=text/javascript charset=utf-8 $(function() { $('.date-pick') .datePicker( { createButton:true, displayClose:true, closeOnSelect:false, selectMultiple:true } ) .bind( 'click', function() { $(this).dpDisplay(); this.blur(); return false; } ) .bind( 'dateSelected', function(e, selectedDate, $td, state) { console.log('You ' + (state ? '' : 'un') // wrap + 'selected ' + selectedDate); } ) .bind( 'dpClosed', function(e, selectedDates) { console.log('You closed the date picker and the ' // wrap + 'currently selected dates are:'); console.log(selectedDates); } ); });
[jQuery] jquery trunk stable?
I'm just getting started w/ jQuery, and have heard rumors that $('document').ready has some issues with a) IE and/or b) document.write. The Events doc doesn't note any limitations. I see #1251, #1319 are related, as well as [2332]. .ready() is pretty important to me, and I'm unfortunately hosting 3rd-party ad-delivery JS, which almost certainly does .innerHTML or document.write. Since work on .ready() is ongoing, is trunk stable?
[jQuery] Re: easing - only use one function
Thanks! That solved it. John Resig wrote: What if you just do this instead? jQuery.easing.bounceout = function(x, t, b, c, d) { if ((t/=d) (1/2.75)) { return c*(7.5625*t*t) + b; } else if (t (2/2.75)) { return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b; } else if (t (2.5/2.75)) { return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b; } else { return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b; } }; With the technique you were using, you were also removing the default easing functions - probably causing errors for you. --John
[jQuery] Session problems
I have a App devoloped with asp jQuery. I have a strange behaviour with the session. Some times dissapear. I don't have a pattern to reproduce it... I would like if anyone has had problems with session using ajax calls... in order to determinate if it is a problem related with ajax calls or with asp. Thanks.
[jQuery] Re: changing the value of a global variable inside an post callback function?
thanks for getting back to me. problem is that i am not sure if i can do all the processing i need in the callback function. because on my form i have onsubmit=javascript:return validateForm(this) so it calls my validateForm function and if the validateform function returns true, the form submits, otherwise it the form does not submit. my validateForm function contains something like this for each check: if (!comparePasswords(form.password.value, form.confirmPassword.value)) { errorsfound += 1; } so each check calls a function to actually check a field. if that function returns false, then i increment te errrsfound variable. then at the end of my validateForm function, if the value of errorsfound is greater than 0, i return false from the validateForm function which prevents the form from being submitted. so although i could use the post callback function in my checkEmailDups function to display the necessar errors on the page (in the case of an email duplicate being found), ho woudl i prevent the form from being sumbitted if that was the only error on the page? Rob Desbois-2 wrote: I've just spotted it after debugging it in Firebug. Anything which requires having a response for it to execute correctly, must be in the response-handling function. This is behaving exactly as required - the request is asynchronous, and you cannot guarantee that it will execute after the code that comes after it. The checkEmailDups() function cannot tell you the value without having to wait block execution until the response is received. Far better would be to send the check, and handle both cases within the callback function instead. This will also allow you to remove the (horrible) global variable. function checkEmailDups(myemail) { $.post(checkemail.cfm, { email: myemail }, function(data) { if ($.trim(data) === available) { // allow whatever action is being performed } else if ($.trim(data) == taken) { alert(That email address is taken); } }); } --rob On 7/19/07, bdee1 [EMAIL PROTECTED] wrote: ok i may have figured out why this is happening. i put replaces alert(dupsfound) with setTimeout('alert(dupsfound)',3000) so that the script waited 3 seconds before displaying the alert and then it displayed the correct value so the key is that it IS settign the value properly but it just takes a minute for the post to complete. so the next question is, how do i prevent the rest of the function from running until the post is finished? Rob Desbois-2 wrote: That should work if errorsFound is global - can you provide your code or give us a link to look at? --rob On 7/19/07, bdee1 [EMAIL PROTECTED] wrote: i am building a function to validate a registration form for my site. one of the things i need to validate is that the email address entered into the form does not already exist in the database. in my formValidate function i perform several tests. if a test fails i increment a errorsFound variable. at the end of my function if errorsFound is greater than 0, i do not submit the form. the test for my email field does a $.post to a checkEmail - a page that checks the database for duplicate email addresses. then my callback function looks st the results of the post - if duplicates were found, i increment my errorsFound variable. problem is that from within my $.post callback function i cannot seem to access my errorsFound variable. how can i get my post callback function to increment my errorsFound variable? -- View this message in context: http://www.nabble.com/changing-the-value-of-a-global-variable-inside-an-post-callback-function--tf4111860s15494.html#a11691585 Sent from the JQuery mailing list archive at Nabble.com. -- Rob Desbois Eml: [EMAIL PROTECTED] Tel: 01452 760631 Mob: 07946 705987 There's a whale there's a whale there's a whale fish he cried, and the whale was in full view. ...Then ooh welcome. Ahhh. Ooh mug welcome. -- View this message in context: http://www.nabble.com/changing-the-value-of-a-global-variable-inside-an-post-callback-function--tf4111860s15494.html#a11693506 Sent from the JQuery mailing list archive at Nabble.com. -- Rob Desbois Eml: [EMAIL PROTECTED] Tel: 01452 760631 Mob: 07946 705987 There's a whale there's a whale there's a whale fish he cried, and the whale was in full view. ...Then ooh welcome. Ahhh. Ooh mug welcome. -- View this message in context: http://www.nabble.com/changing-the-value-of-a-global-variable-inside-an-post-callback-function--tf4111860s15494.html#a11707250 Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Re: [ANNOUNCE] jQuery Accessibility Plugin
Hi Tane, It's a great idea ! I tested it on windows XP SP2 and FF 2.0.0.5: works fine! But with internet explorer 7, it does not work: the div does not appear. Hope this helps, alex -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Tane Piper Sent: vendredi 20 juillet 2007 13:45 To: jquery-en@googlegroups.com Subject: [jQuery] [ANNOUNCE] jQuery Accessibility Plugin Hi Folks, Today I am happy to release my second plugin for jQuery - the jQuery Accessibility Plugin. Code: http://code.google.com/p/ability/ Demo: http://webrocket.ulmb.com/ability/ This plugin takes a div that you pass in, and adds the additional HTML required for the buttons: $('#mydiv').ability(); This plugin provides text resizing, allowing you to pass in as many classes as you would like to attach to the accessibility plugin. Same with the theme switching. And there is a reset button too. I have also provided 2 basic CSS files to use. The only requirement is the Cookie plugin from the jQuery plugin repository, as this saves the text size and theme over the users session. As usual, feedback, comments and suggestions are welcome. -- Tane Piper http://digitalspaghetti.tooum.net This email is: [ x ] blogable [ ] ask first [ ] private Ce message Envoi est certifié sans virus connu. Analyse effectuée par AVG. Version: 7.5.476 / Base de données virus: 269.10.10/908 - Date: 19/07/2007 18:10
[jQuery] [ANNOUNCE] jQuery Accessibility Plugin
Hi Folks, Today I am happy to release my second plugin for jQuery - the jQuery Accessibility Plugin. Code: http://code.google.com/p/ability/ Demo: http://webrocket.ulmb.com/ability/ This plugin takes a div that you pass in, and adds the additional HTML required for the buttons: $('#mydiv').ability(); This plugin provides text resizing, allowing you to pass in as many classes as you would like to attach to the accessibility plugin. Same with the theme switching. And there is a reset button too. I have also provided 2 basic CSS files to use. The only requirement is the Cookie plugin from the jQuery plugin repository, as this saves the text size and theme over the users session. As usual, feedback, comments and suggestions are welcome. -- Tane Piper http://digitalspaghetti.tooum.net This email is: [ x ] blogable [ ] ask first [ ] private
[jQuery] Re: DatePicker | adding multiple selectedDates into input field
Hi, Try something like this: var datesString = ''; for (var i=0; iselectedDates.length; i++) { datesString += selectedDates[i].asString() + ', '; } datesString = datesString.substring(-2); $(this).val = datesString; Untested but should give you an idea of how to proceed, Cheers, Kelvin :) p.s. you can loose the console.log line too... newbie wrote: I have fixed the issue Solution At this line: console.log(selectedDates); Just add: console.log(selectedDates); (this).val(selectedDates); This will add the array of multiple dates back into text field. New problem --- How can I get rid of the rather long date format. Fri Jul 20 2007 00:00:00 GMT-0400 (EDT),Fri Jul 27 2007 00:00:00 GMT-0400 (EDT) I would like the values to be: Fri Jul 20 2007,Fri Jul 27 2007 Any hints from anyone?
[jQuery] Re: Session problems
Would you have a sample of code where you're seeing the issue ? are you referring to the Server session ? Jacques On Jul 20, 1:00 pm, Oscar esp [EMAIL PROTECTED] wrote: I have a App devoloped with asp jQuery. I have a strange behaviour with the session. Some times dissapear. I don't have a pattern to reproduce it... I would like if anyone has had problems with session using ajax calls... in order to determinate if it is a problem related with ajax calls or with asp. Thanks.
[jQuery] Re: [ANNOUNCE] jQuery Accessibility Plugin
Hmm, I tested it on IE 7 and it worked fine, are you getting any errors? On 7/20/07, Alexandre Plennevaux [EMAIL PROTECTED] wrote: Hi Tane, It's a great idea ! I tested it on windows XP SP2 and FF 2.0.0.5: works fine! But with internet explorer 7, it does not work: the div does not appear. Hope this helps, alex -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Tane Piper Sent: vendredi 20 juillet 2007 13:45 To: jquery-en@googlegroups.com Subject: [jQuery] [ANNOUNCE] jQuery Accessibility Plugin Hi Folks, Today I am happy to release my second plugin for jQuery - the jQuery Accessibility Plugin. Code: http://code.google.com/p/ability/ Demo: http://webrocket.ulmb.com/ability/ This plugin takes a div that you pass in, and adds the additional HTML required for the buttons: $('#mydiv').ability(); This plugin provides text resizing, allowing you to pass in as many classes as you would like to attach to the accessibility plugin. Same with the theme switching. And there is a reset button too. I have also provided 2 basic CSS files to use. The only requirement is the Cookie plugin from the jQuery plugin repository, as this saves the text size and theme over the users session. As usual, feedback, comments and suggestions are welcome. -- Tane Piper http://digitalspaghetti.tooum.net This email is: [ x ] blogable [ ] ask first [ ] private Ce message Envoi est certifié sans virus connu. Analyse effectuée par AVG. Version: 7.5.476 / Base de données virus: 269.10.10/908 - Date: 19/07/2007 18:10 -- Tane Piper http://digitalspaghetti.tooum.net This email is: [ ] blogable [ x ] ask first [ ] private
[jQuery] Re: Blockui problem
Can I not use blockui within another function? Anthony Leboeuf(Worcester Wide Web) wrote: Hello everyone, Im having a bit of trouble using blockui. I've added the plugin here http://pioneer.dlg360.com/order/index.php?act=viewProdproductId=2678 http://pioneer.dlg360.com/order/index.php?act=viewProdproductId=2678 when you click add to basket it should ask you a question(instead it asks the question for 2 seconds then submits). But for some reason its forcing the submit instead of waiting for the answer as the blockui demo shows. I just cant seem to fix it, anyone have any suggestions? here is my code http://pastebin.mozilla.org/157254 Thanks any help is appreciated -Anthony
[jQuery] Re: RjQuery Accordion menu
On Jul 19, 10:31 pm, Mitchell Waite [EMAIL PROTECTED] wrote: You are correct, I prefer Adobe's approach. Actually I have seen more accordions like Adobe's then Joern's accordian control but I would love to find a way around using SPRY because as good as it is, it's not easy to manipulate like jQuery is. The height of the div is set as a min-height property but you can make it static. And somehow they get it to always stick to the top and bottom when opening a closing. Thanks again for helping out a really dummy. Thanks for bringing this up, its definitely a good point. Setting a static height helps to reduce the whole page moving, but the accordion movement itself it still a bit annoying. My current idea is to exchange the default easing with a linear easing, that should make the animations more steady. Anyway, welcome to this list and jQuery!
[jQuery] Re: jquery trunk stable?
As far as I can tell [2332] may have fixed #1251, but I haven't had the opportunity to test it yet. And as far as #1319 goes, I haven't been able to duplicate it at all. You can give a nightly a try, but there shouldn't be any significant issues (even the aforementioned issues are rather sporadic). Here's a new nightly for you to try: http://code.jquery.com/jquery-nightly.js --John On 7/20/07, Jeremy Dunck [EMAIL PROTECTED] wrote: I'm just getting started w/ jQuery, and have heard rumors that $('document').ready has some issues with a) IE and/or b) document.write. The Events doc doesn't note any limitations. I see #1251, #1319 are related, as well as [2332]. .ready() is pretty important to me, and I'm unfortunately hosting 3rd-party ad-delivery JS, which almost certainly does .innerHTML or document.write. Since work on .ready() is ongoing, is trunk stable?
[jQuery] select by onclick text
I am trying to select all submit, or image buttons on my form that contain a javascript confirm function. The following seem to both return the same thing, any hints? $('form :image') -returns all image buttons, as expected $('form :[EMAIL PROTECTED] :contains(confirm)]') -also returns all image buttons, even those who's onclick event does not contain 'confirm' -- View this message in context: http://www.nabble.com/select-by-onclick-text-tf4117850s15494.html#a11710434 Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Re: [ANNOUNCE] jQuery Accessibility Plugin
Taner, again this is a great and very useful plugin that eases the work of webdevelopers to include such functionalities in a minimum amount of time. Yet as you mention, it goes beyond a javascript plugin to fully enforce accessibility standards as accessibility must be enforced first and foremost in the html code itself: proper use of input labels, proper use of tabindex, etc... There are validation tools that parse code and validate it against WAI standards, AA or AAA grade. Javascript is not the proper tool to do that, althoguh i'm sure it could be done in javascript, especially with jquery. Therefore i suggest that you add on your plugin page a note telling web developers willing to go the full way towards accessibility to also use such tools as http://validator.w3.org/ alongside using your plugin. My 2 eurocents... -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Tane Piper Sent: vendredi 20 juillet 2007 16:40 To: jquery-en@googlegroups.com Subject: [jQuery] Re: [ANNOUNCE] jQuery Accessibility Plugin Oh,I agree - accessibility begins with good semantic HTML/CSS code, but your absolutely right this is an enhancer to help with visual disabilities. However I'm going to look at other functionality I can add to it that may help with other accessibility issues and if anyone can suggest any, please feel free. On 7/20/07, Nicolas Hoizey [EMAIL PROTECTED] wrote: Hello, Today I am happy to release my second plugin for jQuery - the jQuery Accessibility Plugin. IMHO, accessibility is something you have to deal with before applying any Javascript, so that people using speech synthesys or other devices can navigate in contents and services. Your plugin may be an accessibibity enhancer for some people with visual deficiencies, but labeling it Accessibility Plugin is a bit too much for what it does. I don't say your plugin is useless, it is just a naming issue for me... ;-) -Nicolas -- Nicolas Brush HOIZEY Clever Age : http://www.clever-age.com/ Gastero Prod : http://www.gasteroprod.com/ Photos : http://www.flickr.com/gp/[EMAIL PROTECTED]/M1c002 -- Tane Piper http://digitalspaghetti.tooum.net This email is: [ ] blogable [ x ] ask first [ ] private Ce message Envoi est certifié sans virus connu. Analyse effectuée par AVG. Version: 7.5.476 / Base de données virus: 269.10.10/908 - Date: 19/07/2007 18:10
[jQuery] Re: Should be real easy but not for me
Im a little confused. SlideInRight and SlideOutRight arent jQuery functions. Are these from a plugin you made? Best thing is to post a simple proof-of-concept page. then we can help you debug it. Glen On 7/19/07, Goofy [EMAIL PROTECTED] wrote: Why wont this work. Its so simple. I just want to call a fuction using the onclick event. I want it to move a div called Panel. I set up the function function advmode() ( $(#Panel).SlideInRight(1000); }; Then inside a table cell with an image for a button I have this simple link a href=#Javascript; onclick=advmode()img src=images/Advanced Search Button Wide_No.png width=250 height=25 / I must be missing something really basic because this does not come close to working. But this does\ a href=#Javascript; id=PanelButtonOpen2img src=images/ Advanced Search Button Wide.png width=250 height=25 / $('#PanelButtonOpen2').click(function() { $(#Panel).SlideOutRight(1000); }); Thanks for any aid I am feeling very silly tonight. Mitch
[jQuery] Proud Daddy's First Pic
John Resig is a proud daddy: http://flickr.com/photos/jeresig/859737702/ Rey...
[jQuery] Re: Removing table rows on delete not working correctly
Hmm, probably very ugly hackish but I found a solution (i always tend to AFTER posting here): $j('a.delete').bind('click', function(){ var deletelink = this; var deleteid = $(deletelink).attr('id'); var x=window.confirm(Are you sure you want to delete?) if(x) { $j.post(deletelink.href, {id: deleteid}, function(deleteid){ $j(deletelink).parent().parent().slideUp('slow').remove(); }); return false; } else { return false; } }); Since my table structure is always the same, I can find the parent TD, then the parent TR and remove them from the DOM tree. On 7/20/07, Tane Piper [EMAIL PROTECTED] wrote: Hi folks, I've written a small script to deal with deleting content from my application. When you view the admin index screen for a content type, it's displayed as a table of content. In the last cell there are some actions such as view, edit and delete. The script below works for deleting the post from my system, but when it is sucsessful I also want to hide the table row. A typical row looks like this: tr id=post-8 class=odd td8/td tdTest Post/td td2007-07-20 17:27:00/td td0/td tda href=/admin/users/view/1WebrocketAdmin/a/td tda href=/admin/subjects/view/1Uncatagorised/a/td td0/td tdTag 1, tag 2/td tdYes/td tdYes/td td class=actions a href=/admin/posts/view/8View/a a href=/admin/posts/edit/8Edit/a a id=8 class=delete href=/admin/posts/delete/8Delete/a /td /tr So far the code I have is below: $j('a.delete').bind('click', function(){ var deletelink = this; var deleteid = $(deletelink).attr('id'); var x=window.confirm(Are you sure you want to delete?) if(x) { $j.post(deletelink.href, {id: deleteid}, function(deleteid){ $j('tr').attr('id', 'post-' + deleteid).slideUp('slow'); }); return false; } else { return false; } }); When the code executes, it does delete the post from the system, it is then supposed to find the corresponding row and the slideUp is fired. But instead of just the row, the whole table disappears! The code also seems ugly to me, does anyone have a more elegant solution, maybe finding the parent tr of the link?? Thanks -- Tane Piper http://digitalspaghetti.tooum.net This email is: [ ] blogable [ x ] ask first [ ] private -- Tane Piper http://digitalspaghetti.tooum.net This email is: [ ] blogable [ x ] ask first [ ] private
[jQuery] Re: [ANNOUNCE] jQuery Accessibility Plugin
Good work Tane, this is a good start... -GTG On 7/20/07, Klaus Hartl [EMAIL PROTECTED] wrote: Nicolas Hoizey wrote: Hello, Today I am happy to release my second plugin for jQuery - the jQuery Accessibility Plugin. IMHO, accessibility is something you have to deal with before applying any Javascript, so that people using speech synthesys or other devices can navigate in contents and services. Your plugin may be an accessibibity enhancer for some people with visual deficiencies, but labeling it Accessibility Plugin is a bit too much for what it does. I don't say your plugin is useless, it is just a naming issue for me... ;-) I totally agree with that. The perception might be that the plugin will solve all your accessibility issues. And too much sites already call themselves accessible and are not by any means. Apart from that, nice work and very useful! Maybe ARIA is from some interest in this context: http://developer.mozilla.org/en/docs/Accessible_DHTML I'm planning to apply a few things from that in Tabs 3... --Klaus
[jQuery] Form Validation by generic class name
I have been using jQuery for a couple months and have been looking to use it as a common library for all my company's applications. I have also been evaluating the form validator plugin. I am trying to replace the JS validation library we have now with it. However, I can't figure out how to set rules for an array of fields with a common class name. For example, currently, we may collect 3 different phone numbers on different pages (or even on the same page), so we give each of the inputs a class of phone and on a common js file we will define what a valid phone number format is, error messages, etc. I can't seem to find a way to do that easily within the form validation plugin. Every method I have seen to define rules and messages is done by id or inline in the class attribute. I am looking for something a little more global so I don't have to define rules for every phone number/ address/date/etc we are collecting. I appreciate any help you may be willing to offer. Thank you.
[jQuery] name is...
found i, fyi, the name is dragHelper
[jQuery] Loading Javascript Dynamically (in other words, as needed)
Hello, I was wondering if jQuery can be used to load javascript dynamically, on an as-needed basis. Here is the problem I have: I want to load a page with as little javascript as possible. When someone clicks on an item that requires some javascript functionality, I want it to load a javascript function from an external file and then execute it. While there is some simple javascript I've found that can do this kind of thing by appending the script to the DOM, it can't do things in order. For instance, I want to load the function, and then execute it. To do so, the javascript has to have some way to check if the funciton exists. I don't like the idea of doing a time-out loop, so I was wondering if jQuery has something built in for this kind of thing. Thank you! Chris
[jQuery] Re: Solving the Back button problem
or expire the page if you do not want them to ever use the back button On Jul 19, 10:23 pm, Karl Rudd [EMAIL PROTECTED] wrote: Perhaps try setting a cookie the first time the page is loaded. Then check each time the page is loaded for the cookie. Karl Rudd On 7/19/07, S. Robert James [EMAIL PROTECTED] wrote: I just want a simple function to answer 'first time' or 'back button reload'. I don't want to replace the entire nav of the app. On Jul 18, 11:01 pm, Kenneth [EMAIL PROTECTED] wrote: On 7/18/07, S. Robert James [EMAIL PROTECTED] wrote: Solving the Back button problem Is there a way to use JavaScript to detect whether a page is being loaded for the first time (from the server), or because someone hit the Back button? Often you want to display a status message only one, but not show it when they hit the Back button. The history/remote plugin could possibly handle that. http://www.stilbuero.de/jquery/history/ Someone with more experience with the plugin could probably tell you.
[jQuery] Re: Click to call a fuction?
Andy I know that was a dumb question but I really appreciate your help. There is this entire body of knowledge that jQuery assumes that is really not covered in any of the docs. Can I pass parameters to the function with this ID approach? From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Andy Matthews Sent: Friday, July 20, 2007 8:24 AM To: jquery-en@googlegroups.com Subject: [jQuery] Re: Click to call a fuction? Easy to do what you want: img src=someimage.jpg id=myImage $('#myImage').click(function(){ alert('testing'); }); _ From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Mitchell Waite Sent: Friday, July 20, 2007 9:21 AM To: jquery-en@googlegroups.com Subject: [jQuery] Click to call a fuction? Is there a way to call a jQuery function when someone clicks on an image without making that image a hyperlink. If that is the only way is there something you can put in the href to eliminate the border that hyperlinks make. Thanks Mitch PS I posted this as a question from Goofy last night and no one answered it. Perhaps now that my status has been so graciously elevated and I am planning a jQuery for Dummies book, someone might help me. Here is the previous question Why won't this work. It's so simple. I just want to call a function using the on lick event. I want it to move a div called Panel. I set up the function function advmode() ( $(#Panel).SlideInRight(1000); }; Then inside a table cell with an image for a button I have this simple link a href=#Javascript; onclick=advmode()img src=images/Advanced Search Button Wide_No.png width=250 height=25 / I must be missing something really basic because this does not come close to working. But this does: a href=#Javascript; id=PanelButtonOpen2img src=images/Advanced Search Button Wide.png width=250 height=25 / $('#PanelButtonOpen2').click(function() { $(#Panel).SlideOutRight(1000); }); Thanks for any aid I am feeling very silly tonight. Mitch
[jQuery] Re: select by onclick text
that doesn't seem to be working for me nor does $('form :image').find('[EMAIL PROTECTED] :contains(confirm)]') I am using jquery 1.1.3.1 if that is what you mean by latest version Glen Lipka wrote: I think with the latest version you can say $('form :[EMAIL PROTECTED]') Glen -- View this message in context: http://www.nabble.com/select-by-onclick-text-tf4117850s15494.html#a11712286 Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Re: repeated click when using .show(slow)
nobody able to answer this? I really like to know whether I'm doing something wrong here. sorry for bumping. On Jul 17, 5:43 pm, mmjaeger [EMAIL PROTECTED] wrote: Hello, I've a link I'm using .show(slow) - it works fine unless I click repeatedly fast on the link - re-clicking the link while the effect is still running leads to weird results - is there a way to cancel the running effect before applying the new one or what's the best way to handle something like this. thank you in advance for your help.
[jQuery] Re: A jQuery success story
That is good news and BTW a heart-touching story -GTG On 7/20/07, Brandon Aaron [EMAIL PROTECTED] wrote: Excellent! Be sure and ping the list if you need any help with the presentation. I believe there are several people on the list who have recently given a similar presentation to their company. -- Brandon Aaron On 7/20/07, Michael Price [EMAIL PROTECTED] wrote: Hi all, Nothing like a good success story to warm the spirits before the weekend (as if the fact the working week is over didn't do that enough!) I first discovered jQuery a few months ago, when looking for an alternative to YUI - which is a great library and well documented, but a little large and awkward for my tastes. I ferget what stage jQ was at but it's entirely possible it hadn't reached version 1.0. Already I could see it's potential and power - CSS and XPath selectors, chainable functions, and only 20k for the packed version. I began to use it in small personal projects, eventually working my way up to a level of confidence in it's ability and my understanding of it that I began to use it on client's websites here. I can't claim to be a JavaScript expert but with jQuery, I didn't have to be. Over the last few months I have used jQuery to handle AJAX work such as adding products to a shopping cart in the background, and combined it with plugins like tabs, validation, accordion, modal windows and just about everything in the interface library. Websites I work on bounce, fade, slide, pop up confirmations much nicer than your average alert() and confirm() and generally wow our clients with the effects I've been able to pull off. And - most important of all - the sites work perfectly with JavaScript turned off. Soon, I hope to be able to show you a booking system I've been working on which blew our client's socks off. And an e-commerce site which did the same. There's always been a problem though - I'm the only one in the office truly sold on jQuery. A colleague of mine recently saw some code I'd done and decided it looked simple enough to try at home. Over a weekend he'd redesigned his football website to have drag and drop player positioning, AJAX star ratings for players, and rounded-off corners on his DIVs - and this with no prior jQuery knowledge other than what he'd seen me produce. The problem still existed that if a JavaScript fix to one of my works was required I was generally the only one who could do it. No more! In this morning's annual review I told my bosses how much I loved jQuery and how it had made keeping up with my ever increasing workload so much easier. JavaScript now took minutes, not hours, and went further and was more compatible than it would've ever been without jQuery running under the hood. Convinced by my arguments and eulogising, I've now been given the job of teaching all of my colleagues the art of jQuery in the hope that we as a company can standardise on it for all present and future projects! We're only a small company but I'm really pleased to be able to take my enthusiasm for jQuery forward and have it power all of our websites - there really isn't a better library or community for us to be relying on. Thank you to John, or anyone else who works directly with the project and every single person who's ever written a plug-in I've used or answered a question I've asked. Our clients love you - but they don't know it. :) Regards, Michael Price
[jQuery] Re: Click to call a fuction?
What happens if you already have some 3rd party class on the image like this: img src=images/Advanced Search Glossy_WIDE.jpg class=glossy iradius50 alt= / If I add an ID the click never gets fired img src=images/Advanced Search Glossy_WIDE.jpg id=PanelOpenGlossy class=glossy iradius50 alt= / My other question is this: the ID has to be unique for this approach to work, right? You can't call the same function but have to make a new one. That seems inefficient as I would be repeating the same function for every click, only difference would be there IDs. On Jul 20, 8:23 am, Andy Matthews [EMAIL PROTECTED] wrote: Easy to do what you want: img src=someimage.jpg id=myImage $('#myImage').click(function(){ alert('testing'); }); _ From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Mitchell Waite Sent: Friday, July 20, 2007 9:21 AM To: jquery-en@googlegroups.com Subject: [jQuery] Click to call a fuction? Is there a way to call a jQuery function when someone clicks on an image without making that image a hyperlink. If that is the only way is there something you can put in the href to eliminate the border that hyperlinks make. Thanks Mitch PS I posted this as a question from Goofy last night and no one answered it. Perhaps now that my status has been so graciously elevated and I am planning a jQuery for Dummies book, someone might help me. Here is the previous question Why won't this work. It's so simple. I just want to call a function using the on lick event. I want it to move a div called Panel. I set up the function function advmode() ( $(#Panel).SlideInRight(1000); }; Then inside a table cell with an image for a button I have this simple link a href=#Javascript; onclick=advmode()img src=images/Advanced Search Button Wide_No.png width=250 height=25 / I must be missing something really basic because this does not come close to working. But this does: a href=#Javascript; id=PanelButtonOpen2img src=images/Advanced Search Button Wide.png width=250 height=25 / $('#PanelButtonOpen2').click(function() { $(#Panel).SlideOutRight(1000); }); Thanks for any aid I am feeling very silly tonight. Mitch
[jQuery] Re: Resizable Div with Shadow Effect?
That plugin was exactly what I needed (.outerHeight() works beautifully) thanks again!
[jQuery] Re: Resizable Div with Shadow Effect?
That plugin was exactly what I needed (.outerHeight() works beautifully) thanks again! On Jul 19, 4:01 pm, Glen Lipka [EMAIL PROTECTED] wrote: How about the dimensions plugin to get the height of one and set the other? Glen On 7/19/07, cfdvlpr [EMAIL PROTECTED] wrote: I'm having trouble trying to resize the image based on the height of another div that is set to auto. Is there a way to get the number of height pixels of a div that has the CSS property: height:auto? Or, do I need to not use height:auto and set the pixels of that div? I'd rather not have to do this, as it complicates things.
[jQuery] Re: draggable clone name
fyi, the name is dragHelper On Jul 20, 11:11 am, Terry B [EMAIL PROTECTED] wrote: i am using onDrag to update some info within the dragged div which works but what i really want is to update the info in the clones. how are the clones named, anyone know off-hand? ~Terry
[jQuery] Re: Announce: Confirmer plugin
On Jul 18, 7:34 am, Ganeshji Marwaha [EMAIL PROTECTED] wrote: Hmmm, just thinking out loud here, did u try attaching a no-op function to window.ondbclick... That's an EXCELLENT idea! Thanks a lot! Doh - i can't believe i didn't think of that before. Perhaps jQ should install a no-op double-click handler by default for all form controls ;). Did it work? -GTG On 7/19/07, Stephan Beal [EMAIL PROTECTED] wrote: On Jul 18, 7:34 am, Ganeshji Marwaha [EMAIL PROTECTED] wrote: Hmmm, just thinking out loud here, did u try attaching a no-op function to window.ondbclick... That's an EXCELLENT idea! Thanks a lot! Doh - i can't believe i didn't think of that before. Perhaps jQ should install a no-op double-click handler by default for all form controls ;).
[jQuery] Re: Click to call a fuction?
Mitch, The following code would attach a click event to every img tag on the page. When you click the image, you'll get an alert w/a message and the source path to the image. $(img).bind( click, function (){ alert(You clicked an image!\n\n + this.src); } ); Now, you could easily adjust the selector to just bind the behavior to images that also have a class of clickme: $(img.clickme).bind( click, function (){ alert(You clicked an image!\n\n + this.src); } ); -Dan From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Mitchell Waite Sent: Friday, July 20, 2007 1:43 PM To: jquery-en@googlegroups.com Subject: [jQuery] Re: Click to call a fuction? Glen Can you give me an example of how the syntax for this might work. I mean the whole garbanzo. From what I get about using the ID approach each image has to have a unique ID which means the function you want to call has to be reproduced over and over. Thanks Mitch From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Glen Lipka Sent: Friday, July 20, 2007 9:02 AM To: jquery-en@googlegroups.com Subject: [jQuery] Re: Click to call a fuction? Also, if its multiple images, you can give the images a class or find them in any CSS way. So if you can find the object, any object using CSS, then you can use that in jQuery. $(img).click... $( div.someContainer img).click... $(img.classOfImage).click... $(img:first).click //gets the very first one $(img:even.click //gets every other one Check out the selectors on the jQuery page...very powerful and fun stuff. http://docs.jquery.com/Selectors Glen On 7/20/07, Andy Matthews [EMAIL PROTECTED] wrote: Easy to do what you want: img src=someimage.jpg id=myImage $('#myImage').click(function(){ alert('testing'); }); From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Mitchell Waite Sent: Friday, July 20, 2007 9:21 AM To: jquery-en@googlegroups.com Subject: [jQuery] Click to call a fuction? Is there a way to call a jQuery function when someone clicks on an image without making that image a hyperlink. If that is the only way is there something you can put in the href to eliminate the border that hyperlinks make. Thanks Mitch PS I posted this as a question from Goofy last night and no one answered it. Perhaps now that my status has been so graciously elevated and I am planning a jQuery for Dummies book, someone might help me. Here is the previous question Why won't this work. It's so simple. I just want to call a function using the on lick event. I want it to move a div called Panel. I set up the function function advmode() ( $(#Panel).SlideInRight(1000); }; Then inside a table cell with an image for a button I have this simple link a href=#Javascript; onclick=advmode()img src=images/Advanced Search Button Wide_No.png width=250 height=25 / I must be missing something really basic because this does not come close to working. But this does: a href=#Javascript; id=PanelButtonOpen2img src=images/Advanced Search Button Wide.png width=250 height=25 / $('#PanelButtonOpen2').click(function() { $(#Panel).SlideOutRight(1000); }); Thanks for any aid I am feeling very silly tonight. Mitch
[jQuery] Long running script IE6, help!
Hey jQuery'ers, I am having an issue with jQuery in IE6. I have a very large html page coming from the server which also includes the jQuery packed file. When the page is too large, IE6 throws a long running script error; the end user clicks abort script, and havoc ensues with the database as it throws a broken pipe error. I commented out jQuery and the page runs fine, no long running script error. So I know that is the cause. Is this some kind of a document.ready issue? Is there something I can do to solve it? TIA! -- Josh
[jQuery] Re: Long running script IE6, help!
Have you tried using the uncompressed version of jQuery? -- Brandon Aaron On 7/20/07, Josh Nathanson [EMAIL PROTECTED] wrote: Hey jQuery'ers, I am having an issue with jQuery in IE6. I have a very large html page coming from the server which also includes the jQuery packed file. When the page is too large, IE6 throws a long running script error; the end user clicks abort script, and havoc ensues with the database as it throws a broken pipe error. I commented out jQuery and the page runs fine, no long running script error. So I know that is the cause. Is this some kind of a document.ready issue? Is there something I can do to solve it? TIA! -- Josh
[jQuery] Re: select by onclick text
I whipped up a demo http://commadot.com/jquery/selectors/contains.htm I used EACH(). However, I just feel like I am missing something. There has got to be a way to do this without an IF statement. Also, I would remiss not to mention. You shouldn't use onclick=. The goal (imho) is to make the cleanest possible HTML source. By using the jQuery click() feature you can bind click methods using the same CSS as everything else. $(p).click( function() { alert(Hello); } ); However, the code on the demo does do what you asked. :) If someone (or me) figure out the 1 line way, we will post it. Its itching my brain right now. Glen On 7/20/07, seedy [EMAIL PROTECTED] wrote: that doesn't seem to be working for me nor does $('form :image').find('[EMAIL PROTECTED] :contains(confirm)]') I am using jquery 1.1.3.1 if that is what you mean by latest version Glen Lipka wrote: I think with the latest version you can say $('form :[EMAIL PROTECTED]') Glen -- View this message in context: http://www.nabble.com/select-by-onclick-text-tf4117850s15494.html#a11712286 Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Re: Click to call a fuction?
You're probably right that your glossy and iradius50 classes are interfering with jQuery code. Have you tried this: $('.glossy').click(function(){ alert('testing'); } Concerning the xPath options that the previous poster mentioned. Let's pretend we have a navbar (id=navigation) with multiple buttons inside it, like so: div id=navigation img src=images/Advanced Search Glossy_WIDE.jpg class=glossy iradius50 alt= / img src=images/Home Glossy_WIDE.jpg class=glossy iradius50 alt= / img src=images/Contact Us Glossy_WIDE.jpg class=glossy iradius50 alt= / /div Now each of those buttons has a number of ways that you can access it: $('img') // assuming that you want all images to have the click behaviour $('.glossy') //only images with the glossy class applied to it $('#navigation img') //all images contained within the div with an id of navigation This last one might be the most useful to you, assuming that these buttons have a parent container with a unique identifier. -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Mitchell Waite Sent: Friday, July 20, 2007 1:41 PM To: jquery-en@googlegroups.com Subject: [jQuery] Re: Click to call a fuction? How generous of you to go into this detail and give me so many options. Sadly I tried all of these techniques and none of them worked. 1. The mixing of the ID and class in my first example still didn't work. 2. The idea of adding the additional class xyz to the existing class didn't work. It may be because class=glossy iradius50 glossy is a cool plugin that modifies button images so they have curved edges and look like glass and iradius50 is a parameter for glossy. Glossy is just is. 3. Using an .xyz class in the div did not work either. I am not sure why. Perhaps the two classes are interfering with each other. I need to read more about selectors. It may also be my project has too many bells and whistles that it's not a true test of your ideas. - Essentially, you need some way with CSS (or possibly XPath) selectors to distinguish the elements that need your new behavior. Create a selector for those elements and create a JQuery object from them using the $() function. Then it's easy to send a behavior to the click method of this JQuery object. -- I have read this 10 times and I am still not sure what you are saying. Mitch -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Scott Sauyet Sent: Friday, July 20, 2007 11:01 AM To: jquery-en@googlegroups.com Subject: [jQuery] Re: Click to call a fuction? Goofy wrote: What happens if you already have some 3rd party class on the image like this: img src=images/Advanced Search Glossy_WIDE.jpg class=glossy iradius50 alt= / If I add an ID the click never gets fired img src=images/Advanced Search Glossy_WIDE.jpg id=PanelOpenGlossy class=glossy iradius50 alt= / It should. This $('#PanelOpenGlossy').click(function(){ alert('testing'); } should work. My other question is this: the ID has to be unique for this approach to work, right? You can't call the same function but have to make a new one. That seems inefficient as I would be repeating the same function for every click, only difference would be there IDs. If you can add an additional class, e.g. class=glossy iradius50 xyz, to all the relevant images, then you can simply change the selector above: $('.xyz').click(function(){ alert('testing'); } Notice the change from # to .; this is the CSS way of switching from ids to classes. If you can't add this class, you'll need to find some other way of distinguishing them from images that shouldn't have this functionality. For instance if this is all the images inside any div with class clickable, then you might use: $(div.clickable img).click(function() { alert('testing'); } Or if you need only those images inside the div with id main that don't have the class ignoreMe, you might try $(#main img).not(.ignoreMe).click(function() { alert('testing'); } Essentially, you need some way with CSS (or possibly XPath) selectors to distinguish the elements that need your new behavior. Create a selector for those elements and create a JQuery object from them using the $() function. Then it's easy to send a behavior to the click method of this JQuery object. Good luck, -- Scott
[jQuery] Re: Announce: Confirmer plugin
On Jul 18, 7:34 am, Ganeshji Marwaha [EMAIL PROTECTED] wrote: Did it work? i just tried it, but it doesn't appear to have an affect - the click() handler appears to take precedence, which actually does make sense because you cannot have a double-click without having a single click. i tried it on both SPAN and BUTTON elements, but the results were the same. :( Perhaps the solution is to require two double-clicks for confirmation instead of two single clicks?
[jQuery] Re: Click to call a fuction?
I think there is alot of stuff going on in this thread. Some best practices though: never use ID unless it truly is a 1 time thing. Like 1. A global header 2. A global footer 3. Left nav container. These are things that will never ever have something else like it. Otherwise, always use classes. In general in jQuery you use the following syntax: $(CSS).jQueryFunction(); So for what is possible in the first part, look here: http://docs.jquery.com/Selectors Ad the second part look here: http://jquery.com/api/ or http://www.visualjQuery.com The jQuery way is different than straight javascript programming. Usually much easier. Look at the tutorials, even if you are a solid JS programmer. It helps to get the basics. Otherwise, I am lost as to what this thread is asking for at this point. :) Glen On 7/20/07, Andy Matthews [EMAIL PROTECTED] wrote: You're probably right that your glossy and iradius50 classes are interfering with jQuery code. Have you tried this: $('.glossy').click(function(){ alert('testing'); } Concerning the xPath options that the previous poster mentioned. Let's pretend we have a navbar (id=navigation) with multiple buttons inside it, like so: div id=navigation img src=images/Advanced Search Glossy_WIDE.jpg class=glossy iradius50 alt= / img src=images/Home Glossy_WIDE.jpg class=glossy iradius50 alt= / img src=images/Contact Us Glossy_WIDE.jpg class=glossy iradius50 alt= / /div Now each of those buttons has a number of ways that you can access it: $('img') // assuming that you want all images to have the click behaviour $('.glossy') //only images with the glossy class applied to it $('#navigation img') //all images contained within the div with an id of navigation This last one might be the most useful to you, assuming that these buttons have a parent container with a unique identifier. -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Mitchell Waite Sent: Friday, July 20, 2007 1:41 PM To: jquery-en@googlegroups.com Subject: [jQuery] Re: Click to call a fuction? How generous of you to go into this detail and give me so many options. Sadly I tried all of these techniques and none of them worked. 1. The mixing of the ID and class in my first example still didn't work. 2. The idea of adding the additional class xyz to the existing class didn't work. It may be because class=glossy iradius50 glossy is a cool plugin that modifies button images so they have curved edges and look like glass and iradius50 is a parameter for glossy. Glossy is just is. 3. Using an .xyz class in the div did not work either. I am not sure why. Perhaps the two classes are interfering with each other. I need to read more about selectors. It may also be my project has too many bells and whistles that it's not a true test of your ideas. - Essentially, you need some way with CSS (or possibly XPath) selectors to distinguish the elements that need your new behavior. Create a selector for those elements and create a JQuery object from them using the $() function. Then it's easy to send a behavior to the click method of this JQuery object. -- I have read this 10 times and I am still not sure what you are saying. Mitch -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Scott Sauyet Sent: Friday, July 20, 2007 11:01 AM To: jquery-en@googlegroups.com Subject: [jQuery] Re: Click to call a fuction? Goofy wrote: What happens if you already have some 3rd party class on the image like this: img src=images/Advanced Search Glossy_WIDE.jpg class=glossy iradius50 alt= / If I add an ID the click never gets fired img src=images/Advanced Search Glossy_WIDE.jpg id=PanelOpenGlossy class=glossy iradius50 alt= / It should. This $('#PanelOpenGlossy').click(function(){ alert('testing'); } should work. My other question is this: the ID has to be unique for this approach to work, right? You can't call the same function but have to make a new one. That seems inefficient as I would be repeating the same function for every click, only difference would be there IDs. If you can add an additional class, e.g. class=glossy iradius50 xyz, to all the relevant images, then you can simply change the selector above: $('.xyz').click(function(){ alert('testing'); } Notice the change from # to .; this is the CSS way of switching from ids to classes. If you can't add this class, you'll need to find some other way of distinguishing them from images that shouldn't have this functionality. For instance if this is all the images inside any div with class clickable, then you might use: $(div.clickable img).click(function() { alert('testing'); } Or if you need only those images inside the div with id main that don't have the class ignoreMe, you might try $(#main img).not(.ignoreMe).click(function() { alert('testing'); }
[jQuery] Intensive CPU + Animated GIFS
I have an intensive operation that occurs in my code, and when it does animated gifs pause their animating. I tried wrapping the offending code in a setTimeout(function(){...},0) with no luck. Right now the basic code looks like this: $(#gif).show(); //#bigtable has 1500 rows 4 columns wide $(#bigtable tbody tr).each(function(){ //Search operation }); $(#gif).hide(); The part between the gif show/hide takes 2-3 seconds, and I'd like to show some motion in the UI while it's doing it's thing. I've also tried wraping the .each() in a setTimeout() like so: setTimeout(function(){ $(#bigtable tbody tr).each(function(i){ //Search operations }); },0); I have a feeling that pegging the CPU at 97% is just going to cause the browser to stop animating the gif, but I wanted to make sure. Thanks, Josh digitalbush.com
[jQuery] Re: jQuery jEditable
Your question is about PHP, not jQuery. You'd have better luck on a PHP forum. --Erik On 7/20/07, Aureole [EMAIL PROTECTED] wrote: I'm using the jEditable plugin which can be found here: http://www.appelsiini.net/~tuupola/258/jeditable-in-place-editor-plugin-for-jquery/save.php The examples files for saving to a database use Pear DB and SQL Lite or something... I've been trying to get it to work with MYSQL but so far I've had no luck. Here is the code I have for save.php /CODE ?php require_once 'dbConnection.php'; function getLastID() { $id = mysql_fetch_row(mysql_query(SELECT LAST_INSERT_ID(), $this- linkId)); return $id[0]; } $query=INSERT INTO edits(id, token, value) VALUES('$_POST[id]', '%s', '$_POST[value]'); if(!mysql_db_query($dbname,$query,$link_id)) die(mysql_error()); (stripslashes($_POST['value'])); $result = mysql_query($query); usleep(2000); print $_POST['value']; ? /END CODE I really have no idea what I'm doing when it comes to PHP/MYSQL... Can anyone help me get it working?
[jQuery] Re: Long running script IE6, help!
Josh, Just tried the uncompressed, same problem, long running script. Here is a link, PLEASE DON'T CLICK AROUND, just view in IE6 and you'll see the alert. http://www.calabunga.com/main/pagesource.html It's a massive page, over a MB, I'm sure that is part of the problem but how do I rectify? That *is* the problem. When you running very generic selectors over a large DOM, it takes a while to process. For example you have code like: $(.poplink) In order to honor that selector, jQuery is going to need to look at *every single element* in your document for a match. That's a ton of processing. You need to look at ways to reduce the number of elements jQuery needs to parse. The best way to do this is to increase specifity of your selectors. You also need to look at ways to cache your results so that you're not repeating the same selectors over and over. So, instead of: // timespan display open/close $(#display_len).change(function() { if ($(this).val() == 1) { $(#daymode1).show(fast); } else { $(#daymode1).hide(fast); } }); $(#display_len).change(); Do: var jqTimeOpenClose = $(#display_len); // timespan display open/close jqTimeOpenClose.change(function() { if ($(this).val() == 1) { $(#daymode1).show(fast); } else { $(#daymode1).hide(fast); } }); jqTimeOpenClose.change(); You could even chain that code if you choose: // timespan display open/close jqTimeOpenClose .change(function() { if ($(this).val() == 1) { $(#daymode1).show(fast); } else { $(#daymode1).hide(fast); } }) .change(); Now I've never tried this, so I'm not sure how well it would work, but if you can't really improve the specifity of your selector, you might try creating a jQuery collection containing all the classes you need to collect: var jqItems = $(.additem,.edititem,.deleteitem); This would only require a single loop through the DOM collection. You could now do: // mouseover for items area - add jqItems.filter(.additem). .mouseover(function() { $(this).addClass(dayon); }) .mouseout(function() { $(this).removeClass(dayon); } ); This should be a little more efficient since you're only looping through a smaller subset. The bottom line is with a DOM this large, you're going to have speed issues parsing everything on-the-fly. This is when I normally break the unobtrusive nature of jQuery and bind events the old fashion way. It's sometimes the only way to get reasonable performance. -Dan
[jQuery] Re: Long running script IE6, help!
Josh, Klaus' post is a good example of the specifity I was referring to in my post. Basically writing selectors that are much more specific and allow jQuery to do less parsing work. -Dan Haven't tested in IE but took a quick look at your script. You could speed up your queries if that is the problem. Instead of $(.additem) add a type selector. Assuming that element in question is an anchor: $('a.additem') That reduces the number of elements that have to be searched through for a class. In case of the selector '.additem' it is every single element in the document. Even better if you have context...: $('#fragmentofpage a.additem') or if you want to reuse that context: var context = $('#fragmentofpage'); $('a.additem', context)... $('a.otheritem', context)... --Klaus
[jQuery] Re: Long running script IE6, help!
Hi Dan, Thanks for the info. I'm working on increasing the specificity of the selectors, but it's still too many darn dom elements. There might be 3000 bindings that need to happen. Next step is to do the old fashioned binding right in the html. -- Josh - Original Message - From: Dan G. Switzer, II [EMAIL PROTECTED] To: jquery-en@googlegroups.com Sent: Friday, July 20, 2007 12:41 PM Subject: [jQuery] Re: Long running script IE6, help! Josh, Klaus' post is a good example of the specifity I was referring to in my post. Basically writing selectors that are much more specific and allow jQuery to do less parsing work. -Dan Haven't tested in IE but took a quick look at your script. You could speed up your queries if that is the problem. Instead of $(.additem) add a type selector. Assuming that element in question is an anchor: $('a.additem') That reduces the number of elements that have to be searched through for a class. In case of the selector '.additem' it is every single element in the document. Even better if you have context...: $('#fragmentofpage a.additem') or if you want to reuse that context: var context = $('#fragmentofpage'); $('a.additem', context)... $('a.otheritem', context)... --Klaus
[jQuery] Re: clueTip updates and new theme
thanks, Glen and Web Specialist! Glen, great idea for the fadeIn(). I'll see what I can do. By the way, I posted a blog entry for beta 2 last night, with more enhancements/fixes and committed the files to svn: BLOG ENTRY: http://www.learningjquery.com/2007/07/cluetip-plugin-beta-2 SOURCE FILES DEMOS: default theme: http://examples.learningjquery.com/62/demo/index.html jTip theme: http://examples.learningjquery.com/62/demo/alt-demo.html Also, examples in original blog entry are using the updated script/ css now: http://www.learningjquery.com/2007/07/cluetip-plugin-beta As always, if anyone sees anything amiss, please let me know. thanks, --Karl _ Karl Swedberg www.englishrules.com www.learningjquery.com On Jul 20, 2007, at 3:07 PM, Glen Lipka wrote: Right now, I think this is a great plugin. Very easy to set up and useful/usable. Feature request :) Wouldn't it be cool if it animated from the link to be full size? Like fadeIn() or show(). That would be hot! Glen On 7/20/07, Web Specialist [EMAIL PROTECTED] wrote: Karl, Wonderful! Cheers 2007/7/16, Karl Swedberg [EMAIL PROTECTED]: Hi again, Just wanted to let you know that I did a bunch of work on the clueTip plugin this weekend and made some progress in a few areas. A couple people requested that the clueTips look more like Cody Lindley's jTips. Your wish is my command: http://test.learningjquery.com/clue/demo/alt-demo.html Here is a run-down of what I've modified: - waitImage feature/option is now implemented - added arrows option that sets background-position-y to line up an arrow background image with the hovered element. - the clueTip heading (h3) now comes before div id=cluetip- inner, not first child of it. Makes it much easier to apply sane CSS. - fixed a positioning glitch when using the truncate option - added alternate theme based on Cody Lindley's jTip and demo files to show it (alt-demo...) - changed $(document).width() to the more appropriate $ (window).width() for positioning clueTip x coordinate - div id=cluetip now gets class=clue-left if positioned to the left of the hovered element; gets class=clue-right if positioned to the right. Useful for styling the clueTip differently based on where it displays I haven't committed any of this to SVN yet because I'm hoping to work out the IE6 drop shadow/CSS issues first. But everything is up on my test server, so if you want to poke around, feel free: http://test.learningjquery.com/clue/ --Karl _ Karl Swedberg www.englishrules.com www.learningjquery.com
[jQuery] Re: Click to call a fuction?
From: Dan G. Switzer, II What is this glossy plug-in your using? I have a feeling that plug-in may be changing your images from normal img / HTML tags to something embedded in a canvas / tag or to SVG. If that's the case, then it's definitely going to affect jQuery--because the images are no longer HTML components (plus, those elements would no longer exist in the DOM.) That is exactly what glossy does - it converts the buttons to canvas elements, or VML for IE: http://www.netzgesta.de/glossy/ You may possibly be able to use jQuery event handling with glossy buttons, *if* you bind the events after glossy converts them. Glossy does try to copy click event handlers from the original element to the canvas/VML element, but it only works for event handlers that were attached via the 'onclick' attribute. You'll see this code in the glossy source: For IE: if(image.getAttribute('onclick')!='') vml.setAttribute('onclick',image.getAttribute('onclick')); For other browsers: if(image.getAttribute('onclick')!='') canvas.setAttribute('onclick',image.getAttribute('onclick')); But jQuery doesn't use 'onclick'. It uses the DOM methods - attachEvent or addEventListener - to attach the events. Glossy ignores these and therefore loses them when it converts the elements. Glossy does preserve the id attribute when it converts an element, so you could probably attach a jQuery event using a #id selector after the element is converted. It looks like it also preserves additional classes, so a .class selector would probably work too. But you would have to do this after glossy converts the element. -Mike
[jQuery] Re: Select LIst with Jquery
I tried the example. In IE7, when I change the Select List to Japanese, the flag in the ID above does not change. If I select English first, then select Japanese the flag will change. What am I missing? I have for JQuery: $(function() { $(#languages).bind('change', function() { var country = $(this).val(); if(country) { $('#countryFlag').attr(src, images/ + country + .gif); } }); }); And for markup: img id=countryFlag src=images/us.gif select id=languages style=width: 100px; option value=Language/option option value=usEnglish/option option value=jpJapanese/option /select On Jul 20, 2:43 pm, Klaus Hartl [EMAIL PROTECTED] wrote: Danjojo wrote: I have some basic markup: img id=countryFlag src=images/us.gif select style=width: 100px; onchange=javascript: alert('hello world!'); option value=0Language/option option value=1English/option option value=2Japanese/option /select I have done some basic Jquery that changes or alters basic classes, Id's, or element attributes. But I am not sure how to use Jquery in a function manner yet. How do I get the src for the flag image to change, id countryFlag, when Japanese is selected? I suggest to let the image file names and option values match. Then you could try the following: $(function() { $('#languages').bind('change', function() { var country = $(this).val(); if (country) { $('#countryFlag').attr('src', country + '.gif'); } }); }); select id=languages option value=Language/option option value=usEnglish/option ... /select That's all. You should be aware that in IE and Opera, when using the keyboard to navigate through the select, the change event is fired everytime it the next item gets selected (as opposed to other browsers where it is required to hit enter first). That may be not critical here, but it is for example if you use a select as navigation. To go a little further: To me the flag is purely presentational, as the selected language is clearly indicated by the selected item. Thus I'd use classes for displaying the flag and use CSS to display the flag... --Klaus- Hide quoted text - - Show quoted text -
[jQuery] Cookies with JQuery?
Am I able to set client-side cookies with JQuery? That would be REALLY great!! I could store the Language state in this cookie. $(function() { $(#languages).bind('change', function() { var country = $(this).val(); if(country) { $('#countryFlag').attr(src, images/ + country + .gif); } }); }); Believe it or not I never got good or was able to write cookies in javascript, they seemed incredibly overly-complex for my liking.. being an .asp hacker over the years *if* I needed state I would store them in the Session object.
[jQuery] Re: Select LIst with Jquery
Ahh the code works fine. The problem seems to be that when shift-refreshing the browser, the selected item in the select list does not reset to the selected option. select id=languages style=width: 100px; option value=trans selected=selectedLanguage/option option value=usEnglish/option option value=jpJapanese/option /select Even setting it to selected does not help. If I last chose English, then when I shift refresh the browser English is still selected. :( On Jul 20, 2:43 pm, Klaus Hartl [EMAIL PROTECTED] wrote: Danjojo wrote: I have some basic markup: img id=countryFlag src=images/us.gif select style=width: 100px; onchange=javascript: alert('hello world!'); option value=0Language/option option value=1English/option option value=2Japanese/option /select I have done some basic Jquery that changes or alters basic classes, Id's, or element attributes. But I am not sure how to use Jquery in a function manner yet. How do I get the src for the flag image to change, id countryFlag, when Japanese is selected? I suggest to let the image file names and option values match. Then you could try the following: $(function() { $('#languages').bind('change', function() { var country = $(this).val(); if (country) { $('#countryFlag').attr('src', country + '.gif'); } }); }); select id=languages option value=Language/option option value=usEnglish/option ... /select That's all. You should be aware that in IE and Opera, when using the keyboard to navigate through the select, the change event is fired everytime it the next item gets selected (as opposed to other browsers where it is required to hit enter first). That may be not critical here, but it is for example if you use a select as navigation. To go a little further: To me the flag is purely presentational, as the selected language is clearly indicated by the selected item. Thus I'd use classes for displaying the flag and use CSS to display the flag... --Klaus- Hide quoted text - - Show quoted text -
[jQuery] Re: select by onclick text
Glen Lipka wrote: I whipped up a demo http://commadot.com/jquery/selectors/contains.htm I used EACH(). However, I just feel like I am missing something. There has got to be a way to do this without an IF statement. I have done something similar, using .each then checking with regex to see if the onclick contains a confirm (I need the matched regex for the next step anyways). Also, I would remiss not to mention. You shouldn't use onclick=. The goal (imho) is to make the cleanest possible HTML source. Glen I agree, however the page I am working with is .net, so the onclick is already present. I am actually trying to track these buttons down so they can be replaced with the .click() event. In the case that we decide to turn off this .net component I am making with jquery, I want all the current onclick code to continue to function as it currently is. I will keep my eyes opened to a 1 line solution as well and make sure to post it if I find one. On 7/20/07, seedy [EMAIL PROTECTED] wrote: that doesn't seem to be working for me nor does $('form :image').find('[EMAIL PROTECTED] :contains(confirm)]') I am using jquery 1.1.3.1 if that is what you mean by latest version Glen Lipka wrote: I think with the latest version you can say $('form :[EMAIL PROTECTED]') Glen -- View this message in context: http://www.nabble.com/select-by-onclick-text-tf4117850s15494.html#a11712286 Sent from the JQuery mailing list archive at Nabble.com. -- View this message in context: http://www.nabble.com/select-by-onclick-text-tf4117850s15494.html#a11714389 Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Re: clueTip updates and new theme
Amazing work, clue-tips (hyperlink hints), are one of my favorite things to come out of all the changes of late.. I hope to try them out soon.. On Jul 20, 3:07 pm, Glen Lipka [EMAIL PROTECTED] wrote: Right now, I think this is a great plugin. Very easy to set up and useful/usable. Feature request :) Wouldn't it be cool if it animated from the link to be full size? Like fadeIn() or show(). That would be hot! Glen On 7/20/07, Web Specialist [EMAIL PROTECTED] wrote: Karl, Wonderful! Cheers 2007/7/16, Karl Swedberg [EMAIL PROTECTED]: Hi again, Just wanted to let you know that I did a bunch of work on the clueTip plugin this weekend and made some progress in a few areas. A couple people requested that the clueTips look more like Cody Lindley's jTips. Your wish is my command: http://test.learningjquery.com/clue/demo/alt-demo.html Here is a run-down of what I've modified: - waitImage feature/option is now implemented - added arrows option that sets background-position-y to line up an arrow background image with the hovered element. - the clueTip heading (h3) now comes before div id=cluetip-inner, not first child of it. Makes it much easier to apply sane CSS. - fixed a positioning glitch when using the truncate option - added alternate theme based on Cody Lindley's jTip and demo files to show it (alt-demo...) - changed $(document).width() to the more appropriate $(window).width() for positioning clueTip x coordinate - div id=cluetip now gets class=clue-left if positioned to the left of the hovered element; gets class=clue-right if positioned to the right. Useful for styling the clueTip differently based on where it displays I haven't committed any of this to SVN yet because I'm hoping to work out the IE6 drop shadow/CSS issues first. But everything is up on my test server, so if you want to poke around, feel free: http://test.learningjquery.com/clue/ --Karl _ Karl Swedberg www.englishrules.com www.learningjquery.com- Hide quoted text - - Show quoted text -
[jQuery] Re: Cookies with JQuery?
http://www.stilbuero.de/2006/09/17/cookie-plugin-for-jquery/ On 7/20/07, Danjojo [EMAIL PROTECTED] wrote: Am I able to set client-side cookies with JQuery? That would be REALLY great!! I could store the Language state in this cookie. $(function() { $(#languages).bind('change', function() { var country = $(this).val(); if(country) { $('#countryFlag').attr(src, images/ + country + .gif); } }); }); Believe it or not I never got good or was able to write cookies in javascript, they seemed incredibly overly-complex for my liking.. being an .asp hacker over the years *if* I needed state I would store them in the Session object.
[jQuery] Re: A jQuery success story
A Great Story Michael, thank you. ~Sean
[jQuery] jQuery JSON
I am not sure if this helps, but here you go... a simple JSON plugin for jQuery. http://www.gnucitizen.org/projects/jquery-json/ I will add also the JSON serializing and deserializing features from AttackAPI (http://www.gnucitizen.org/projects/attackapi) soon. cheers
[jQuery] Re: A jQuery success story
This is awesome, Michael! Great work! And keep spreading the jQuery goodness around. :o) Chris On 7/20/07, Sean Catchpole [EMAIL PROTECTED] wrote: A Great Story Michael, thank you. ~Sean -- http://cjordan.us
[jQuery] Re: Cookies with JQuery?
Got it using, Klaus's cookie plugin. $(function() { $(#languages).bind('change', function() { var country = $(this).val(); if(country) { $('#countryFlag').attr(src, images/ + country + .gif); $.cookie('language', country); // set cookie } }); }); On Jul 20, 3:32 pm, Danjojo [EMAIL PROTECTED] wrote: Am I able to set client-side cookies with JQuery? That would be REALLY great!! I could store the Language state in this cookie. $(function() { $(#languages).bind('change', function() { var country = $(this).val(); if(country) { $('#countryFlag').attr(src, images/ + country + .gif); } }); }); Believe it or not I never got good or was able to write cookies in javascript, they seemed incredibly overly-complex for my liking.. being an .asp hacker over the years *if* I needed state I would store them in the Session object.
[jQuery] Server Time of the day Clock functions
Can jquery be used to load a different site design (skin if you like) according to the hosting server clock time. The inspiration for the idea is: http://www.taprootcreative.com/ Which loads different site backgrounds and background sounds. Not quite sure how they have their version working. Too see both versions whether than waiting until the time changes via the Tallahassee, Florida server clock, check here: http://web.archive.org/web/*/www.taprootcreative.com Click on anything after Feb 27, 2007 both versions are archived. Of course I always think jquery can do about anything, this is a sort of time travel right... ;)
[jQuery] Re: Server Time of the day Clock functions
That would probably be best done on the server side. When the page loads, check the time and provide an alternate CSS file. Unless of course you'd like the page to change after it has already loaded. Then yes, jQuery could be used to do that. -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of [EMAIL PROTECTED] Sent: Friday, July 20, 2007 4:04 PM To: jQuery (English) Subject: [jQuery] Server Time of the day Clock functions Can jquery be used to load a different site design (skin if you like) according to the hosting server clock time. The inspiration for the idea is: http://www.taprootcreative.com/ Which loads different site backgrounds and background sounds. Not quite sure how they have their version working. Too see both versions whether than waiting until the time changes via the Tallahassee, Florida server clock, check here: http://web.archive.org/web/*/www.taprootcreative.com Click on anything after Feb 27, 2007 both versions are archived. Of course I always think jquery can do about anything, this is a sort of time travel right... ;)
[jQuery] [SITE] Performancing using jQuery
Came across this on Technorati: http://performancing.com/the-new-pmetrics-dashboard The new pMetrics Dashboard is designed to quickly and efficiently show you the traffic data that you care about. It is full of live refresh fun (many thanks to the jQuery JavaScript library), and includes the ability to drag and drop the modules to wherever you want on the screen. They'll stay there forever until you move them again. The screenshot above shows a number of modules from the Dashboard. Take the 'Links' one for example. It shows your top 5 incoming links by default, but also allows you to view outgoing links and top incoming domains simply by clicking the appropriate link. Only that module is updated when you click items, making the dashboard very fast and efficient at getting the data you want. Trend data from the previous period is shown on the right for each item, in green if your trend is good, or red if it's bad. If you are viewing a single day, the previous period is the day before. If you are viewing a date range, for example the last 14 days, then the previous period is the 14 days before that. You can hover your mouse over the trend to see a tooltip that defines the previous period for you and gives you the value. Clicking on the trend is where things get a lot more interesting, though. The module will instantly refresh and show you trend data for just that one item, either from the last 14 days if you are viewing single days, or the last 10 periods if you are viewing a date range. Screenshot In development is the ability to pick and choose only the modules you want, and choose how much data is shown within each individual module. We'll also be adding a Google Maps module. However, these features will be for premium accounts only! Detailed trend data (when you click the trend link) will also become premium only, but is available to everyone right now. Overall, it's a lot of fun, especially the trend data. Ideas from the new Dashboard will be implemented into the rest of the site over the coming weeks, so the whole site will work like this rather than just the dashboard. Please help us spread the word by blogging about this! We think the new interface is really cool and we want everyone to know about it. :) Have fun! -- Tane Piper http://digitalspaghetti.tooum.net This email is: [ x ] blogable [ ] ask first [ ] private
[jQuery] Re: Long running script IE6, help!
Josh, Maybe another improvement you could make is to use *table* { table-layout:fixed }, if you are confident that your content will not overflow their respective tablecells...link: http://www.blooberry.com/indexdot/css/properties/table/tlayout.htm... .. looking at your page load..it is doing it one tablecell at a time, and using table-layout: fixed may improve the situation.. hth On 20/07/07, Josh Nathanson [EMAIL PROTECTED] wrote: Hi Dan, Thanks for the info. I'm working on increasing the specificity of the selectors, but it's still too many darn dom elements. There might be 3000 bindings that need to happen. Next step is to do the old fashioned binding right in the html. -- Josh - Original Message - From: Dan G. Switzer, II [EMAIL PROTECTED] To: jquery-en@googlegroups.com Sent: Friday, July 20, 2007 12:41 PM Subject: [jQuery] Re: Long running script IE6, help! Josh, Klaus' post is a good example of the specifity I was referring to in my post. Basically writing selectors that are much more specific and allow jQuery to do less parsing work. -Dan Haven't tested in IE but took a quick look at your script. You could speed up your queries if that is the problem. Instead of $(.additem) add a type selector. Assuming that element in question is an anchor: $('a.additem') That reduces the number of elements that have to be searched through for a class. In case of the selector '.additem' it is every single element in the document. Even better if you have context...: $('#fragmentofpage a.additem') or if you want to reuse that context: var context = $('#fragmentofpage'); $('a.additem', context)... $('a.otheritem', context)... --Klaus
[jQuery] Re: Long running script IE6, help!
Giuliano Marcangelo wrote: Josh, Maybe another improvement you could make is to use *table* { table-layout: fixed }, if you are confident that your content will not overflow their respective tablecells...link: http://www.blooberry.com/indexdot/css/properties/table/tlayout.htm. looking at your page load..it is doing it one tablecell at a time, and using table-layout: fixed may improve the situation.. hth Apart from that this totally changes the table rendering model[1] - which one should be aware of - it won't help to improve the performance of the script... But yes, it will improve page rendering speed as it is not required for the whole table to be loaded before it gets rendered. [1]http://www.w3.org/TR/CSS21/tables.html#width-layout
[jQuery] Re: Long running script IE6, help!
Everyone, Thanks for the help. I went old school and hard coded the mouse events into the elements, of course using jQ in the event handlers. Just too many elements on the page for jQ to handle the binding comfortably. Now it's running great. -- Josh - Original Message - From: Klaus Hartl [EMAIL PROTECTED] To: jquery-en@googlegroups.com Sent: Friday, July 20, 2007 3:00 PM Subject: [jQuery] Re: Long running script IE6, help! Giuliano Marcangelo wrote: Josh, Maybe another improvement you could make is to use *table* { table-layout: fixed }, if you are confident that your content will not overflow their respective tablecells...link: http://www.blooberry.com/indexdot/css/properties/table/tlayout.htm. looking at your page load..it is doing it one tablecell at a time, and using table-layout: fixed may improve the situation.. hth Apart from that this totally changes the table rendering model[1] - which one should be aware of - it won't help to improve the performance of the script... But yes, it will improve page rendering speed as it is not required for the whole table to be loaded before it gets rendered. [1]http://www.w3.org/TR/CSS21/tables.html#width-layout
[jQuery] Re: A jQuery success story
That's awesome. One minor note: Convinced by my arguments and eulogising, I think you meant evangelizing. Unless you were declaring that old javascript programming is dead. In which case, eulogizing is perfect. :) jQuery has changed alot of our lives. In the recent survey, it was asked: How much has jQuery changed your development style? 100 responses: It hasnt: none Maybe a little: 11 Major Overhail 21 Complete revolution: 43 Keep up the great work! Glen On 7/20/07, Christopher Jordan [EMAIL PROTECTED] wrote: This is awesome, Michael! Great work! And keep spreading the jQuery goodness around. :o) Chris On 7/20/07, Sean Catchpole [EMAIL PROTECTED] wrote: A Great Story Michael, thank you. ~Sean -- http://cjordan.us
[jQuery] Effect - Slide Up/Down
Hi, I try to apply effect on a very basic example, But I can't have it working. Can anyone help me with this ? Thank you !! !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd; html xmlns=http://www.w3.org/1999/xhtml; xml:lang=en lang=en head script type=text/javascript src=js/jquery-1.1.3.1.pack.js/script style type=text/css#level2 {background-color:#DFEBFF;}/style script type=text/javascript $(document).ready(function(){ $(input.buttonBslidedown).click(function(){ $(#level2:hidden).slideDown(slow); }); $(input.buttonBslideup).click(function(){ $(#level2:visible).slideUp(slow); }); }); /script title/title/head body input type=button value=Slide Out class=buttonBslideup / input type=button value=Slide In class=buttonBslidedown / br/br/ table border=1 tr tdrow 1, cell 1/td tdrow 1, cell 2/td /tr tr id=level2 tdrow 2, cell 1/td tdrow 2, cell 2/td /tr /table/body/html -- View this message in context: http://www.nabble.com/Effect---Slide-Up-Down-tf4119902s15494.html#a11717084 Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Re: Effect - Slide Up/Down
Couple of issues. 1. You can use SlideToggle to reduce complexity alot. $(input.oneButton).click(function(){ $(#level2).slideToggle(slow); }); However, you may WANT two buttons. 2. You can't really slideup a TR. Its not that flexible in that. I whipped up a demo to show a possible solution. http://www.commadot.com/jquery/selectors/slidingRow.htm There probably is an easier way, but this was my first thought. Glen On 7/20/07, debussy007 [EMAIL PROTECTED] wrote: Hi, I try to apply effect on a very basic example, But I can't have it working. Can anyone help me with this ? Thank you !! !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd; html xmlns=http://www.w3.org/1999/xhtml; xml:lang=en lang=en head script type=text/javascript src=js/jquery-1.1.3.1.pack.js/script style type=text/css#level2 {background-color:#DFEBFF;}/style script type=text/javascript $(document).ready(function(){ $(input.buttonBslidedown).click(function(){ $(#level2:hidden).slideDown(slow); }); $(input.buttonBslideup).click(function(){ $(#level2:visible).slideUp(slow); }); }); /script title/title/head body input type=button value=Slide Out class=buttonBslideup / input type=button value=Slide In class=buttonBslidedown / br/br/ table border=1 tr tdrow 1, cell 1/td tdrow 1, cell 2/td /tr tr id=level2 tdrow 2, cell 1/td tdrow 2, cell 2/td /tr /table/body/html -- View this message in context: http://www.nabble.com/Effect---Slide-Up-Down-tf4119902s15494.html#a11717084 Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Re: A jQuery success story
Well, the old ways ARE dead to me now - I can't think of a situation where I'll ever need to write regular old JavaScript again :) But I DID look up eulogise before I posted just to make sure it would be an appropriate word and I think, from the definitions I found, I got away with it either way :) Put me down for complete revolution on that poll, I must've missed it! Glen Lipka wrote: That's awesome. One minor note: Convinced by my arguments and eulogising, I think you meant evangelizing. Unless you were declaring that old javascript programming is dead. In which case, eulogizing is perfect. :) jQuery has changed alot of our lives. In the recent survey, it was asked: How much has jQuery changed your development style? 100 responses: It hasnt: none Maybe a little: 11 Major Overhail 21 Complete revolution: 43 Keep up the great work! Glen On 7/20/07, *Christopher Jordan* [EMAIL PROTECTED] mailto:[EMAIL PROTECTED] wrote: This is awesome, Michael! Great work! And keep spreading the jQuery goodness around. :o) Chris On 7/20/07, * Sean Catchpole* [EMAIL PROTECTED] mailto:[EMAIL PROTECTED] wrote: A Great Story Michael, thank you. ~Sean -- http://cjordan.us No virus found in this incoming message. Checked by AVG Free Edition. Version: 7.5.476 / Virus Database: 269.10.10/908 - Release Date: 19/07/2007 18:10
[jQuery] ANNOUNCE: fr.jquery.com/planet
There's a new jQuery planet[1], and it speaks French: http://fr.jquery.com/planet We've got two french jQuery blogs syndicated so far: Gastero Prod jquery.info Note: fr.jquery.com (without the /planet) is a work in progress. For now it just redirects to jquery.com. Stay tuned. - Richard [1] http://www.nabble.com/-ANNOUNCE--planet.jquery.com-tf4070087s15494.html
[jQuery] Re: Blockui problem
anyone have any idea? im really stumped on this one. hours and still cant figure out the deal in firefox Anthony Leboeuf(Worcester Wide Web) wrote: The error is right, question is not defined. Is there a way to bipass it looking for that variable in firefox? works perfect in IE -Tony function addtocart(formName,product) { var obj = findObj(formName); if (obj != null) { $.blockUI(question, { width: '275px' }); $('#cart').click(function() { obj.submit(); window.location = /order/cart.php?act=cart; }); $('#stay').click(function() { $.unblockUI(); obj.submit(); }); } else { alert('The form you are attempting to submit called \'' + formName + '\' couldn\'t be found. Please make sure the submitDoc function has the correct id and name.'); } } Anthony Leboeuf(Worcester Wide Web) wrote: Hey I just noticed, It doesnt work in firefox, it says question is not defined which wierd because question is not a function? http://pioneer.dlg360.com/order/index.php?act=viewProdproductId=2641 question is not defined $.blockUI(question, { width: '275px' }); Anthony Leboeuf(Worcester Wide Web) wrote: Excellent, Thanks for the info, Im reading up on it right now -Tony Mike Alsup wrote: Anthony, The doc-ready construct provides a place to put code that needs to *execute* after the DOM has fully loaded. For example, this line: var question = $('#question')[0]; should be in a doc-ready block because you want to ensure the element is available before you select it. But your addtocart function is called in response to an click event handler, so the code within it does not need to be wrapped in a doc-ready block. For more on the ready method: http://docs.jquery.com/Tutorials:Introducing_%24%28document%29.ready%28%29 http://docs.jquery.com/Events#ready.28_fn_.29 Mike On 7/20/07, Anthony Leboeuf(Worcester Wide Web) [EMAIL PROTECTED] wrote: Hi Mike, Thanks allot that worked great! now to help out a nooby here this is considered DOM right? and in DOM you dont need doc ready functions ? Thanks again -Anthony Mike Alsup wrote: Anthony, You've got script errors on that page. You need to get those cleared up first. Also, your blockUI code doesn't need to be in a doc-ready block (ie: $(function(){})) since you're calling it from an event handler. Try something like this: var question = $('#question')[0]; function addtocart(formName,product) { var obj = findObj(formName); if (obj != null) { $.blockUI(question, { width: '275px' }); $('#yes').click(function() { obj.submit(); window.location = /order/cart.php?act=cart; return false; }); $('#no').click(function() { $.unblockUI(); obj.submit(); }); } else { alert('warning'); } } Mike On 7/19/07, Anthony Leboeuf(Worcester Wide Web) [EMAIL PROTECTED] wrote: Hello everyone, Im having a bit of trouble using blockui. I've added the plugin here http://pioneer.dlg360.com/order/index.php?act=viewProdproductId=2678 when you click add to basket it should ask you a question(instead it asks the question for 2 seconds then submits). But for some reason its forcing the submit instead of waiting for the answer as the blockui demo shows. I just cant seem to fix it, anyone have any suggestions? here is my code http://pastebin.mozilla.org/157254 Thanks any help is appreciated -Anthony
[jQuery] Re: Effect - Slide Up/Down
I know this may sound goofy as a solution, but when I first starting working jQuery, one of the first things I tried to do was slide a table row. As you said, Glen, it's not a pretty sight. I tried something a little more radical. I use separate *tables* for each row with each table wrapped in a div. In other words, each row was a table in a div. I code ColdFusion, so I was outputting a query and looping it and would have one table as a row of general info, and the second table right below it (initially hidden) would hold details. A whole table would slide much more smoothly. Go to this link and click on any row in the church calendar and you'll see what I mean. http://ha2.whitestonemedia.com/cfm/calendar.cfm Rick From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Glen Lipka Sent: Friday, July 20, 2007 6:59 PM To: jquery-en@googlegroups.com Subject: [jQuery] Re: Effect - Slide Up/Down Couple of issues. 1. You can use SlideToggle to reduce complexity alot. $(input.oneButton).click(function(){ $(#level2).slideToggle(slow); }); However, you may WANT two buttons. 2. You can't really slideup a TR. Its not that flexible in that. I whipped up a demo to show a possible solution. http://www.commadot.com/jquery/selectors/slidingRow.htm There probably is an easier way, but this was my first thought. Glen On 7/20/07, debussy007 [EMAIL PROTECTED] wrote: Hi, I try to apply effect on a very basic example, But I can't have it working. Can anyone help me with this ? Thank you !! !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=http://www.w3.org/1999/xhtml; xml:lang=en lang=en head script type=text/javascript src=js/jquery- 1.1.3.1.pack.js/script style type=text/css#level2 {background-color:#DFEBFF;}/style script type=text/javascript $(document).ready(function(){ $(input.buttonBslidedown).click(function(){ $(#level2:hidden).slideDown(slow); }); $(input.buttonBslideup ).click(function(){ $(#level2:visible).slideUp(slow); }); }); /script title/title/head body input type=button value=Slide Out class=buttonBslideup / input type=button value=Slide In class=buttonBslidedown / br/br/ table border=1 tr tdrow 1, cell 1/td tdrow 1, cell 2/td /tr tr id=level2 tdrow 2, cell 1/td tdrow 2, cell 2/td /tr /table/body/html -- View this message in context: http://www.nabble.com/Effect---Slide-Up-Down-tf4119902s15494.html#a11717084 Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Re: Effect - Slide Up/Down
Oops. the URL should be: http://ha2.whitestonemedia.com/cfm/church_calendar.cfm Sorry. From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Rick Faircloth Sent: Friday, July 20, 2007 9:23 PM To: jquery-en@googlegroups.com Subject: [jQuery] Re: Effect - Slide Up/Down I know this may sound goofy as a solution, but when I first starting working jQuery, one of the first things I tried to do was slide a table row. As you said, Glen, it's not a pretty sight. I tried something a little more radical. I use separate *tables* for each row with each table wrapped in a div. In other words, each row was a table in a div. I code ColdFusion, so I was outputting a query and looping it and would have one table as a row of general info, and the second table right below it (initially hidden) would hold details. A whole table would slide much more smoothly. Go to this link and click on any row in the church calendar and you'll see what I mean. http://ha2.whitestonemedia.com/cfm/calendar.cfm Rick From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Glen Lipka Sent: Friday, July 20, 2007 6:59 PM To: jquery-en@googlegroups.com Subject: [jQuery] Re: Effect - Slide Up/Down Couple of issues. 1. You can use SlideToggle to reduce complexity alot. $(input.oneButton).click(function(){ $(#level2).slideToggle(slow); }); However, you may WANT two buttons. 2. You can't really slideup a TR. Its not that flexible in that. I whipped up a demo to show a possible solution. http://www.commadot.com/jquery/selectors/slidingRow.htm There probably is an easier way, but this was my first thought. Glen On 7/20/07, debussy007 [EMAIL PROTECTED] wrote: Hi, I try to apply effect on a very basic example, But I can't have it working. Can anyone help me with this ? Thank you !! !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=http://www.w3.org/1999/xhtml; xml:lang=en lang=en head script type=text/javascript src=js/jquery- 1.1.3.1.pack.js/script style type=text/css#level2 {background-color:#DFEBFF;}/style script type=text/javascript $(document).ready(function(){ $(input.buttonBslidedown).click(function(){ $(#level2:hidden).slideDown(slow); }); $(input.buttonBslideup ).click(function(){ $(#level2:visible).slideUp(slow); }); }); /script title/title/head body input type=button value=Slide Out class=buttonBslideup / input type=button value=Slide In class=buttonBslidedown / br/br/ table border=1 tr tdrow 1, cell 1/td tdrow 1, cell 2/td /tr tr id=level2 tdrow 2, cell 1/td tdrow 2, cell 2/td /tr /table/body/html -- View this message in context: http://www.nabble.com/Effect---Slide-Up-Down-tf4119902s15494.html#a11717084 Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] superfish delay not working
I have a single-level css dropdown and wanted to add a delay, so I setup superfish. It's working as I can see the animation when I mouse over my menu, but the mouse delay isn't working. I think I need to add the sfHover class somewhere into my css, but can't find exactly what I need to change to get this working. I was using the demo CSS file as an example but could not get it to work. Here's my CSS #header #nav { position: absolute; list-style: none; right: 0px; top: 60px; background: #323232; } #header #nav li { z-index:999; position: relative; padding: 0px 8px; display: inline; text-transform: uppercase; font-size: 14px; line- height: 30px; height: 30px; font-weight: bold; } #header #nav li a { color: #ccc; text-decoration: none; } #header #nav li a:hover { color: #fff; } #header #nav li ul { position: absolute; top: -999em; background: #323232; width: 175px; } #header #nav li:hover ul { top: 17px; left: 0px; } #header #nav li ul li { line-height: 24px; display: block; height: 24px; font-size: 10px; color: #fff; text-transform: uppercase; font- weight: normal; border-bottom: 1px solid #444; } #header #nav li ul li:hover { background-color: #393939; } #header #nav li.superfish li:hover ul, #header #nav .superfish li li:hover ul { top: -999em; } nav is the id of my ul, and I'm implementing like this: $(document).ready(function(){ $(ul#nav).superfish({ delay: 500, speed: 'slow' }); }); Any ideas?
[jQuery] Animate bug under IE6?
Hey all -- I'm new to the list (but not so new to jQuery), and was hoping I could get some assistance regarding what appears to be a bug in the .animate function when running under IE6. Inside a .click function assigned to a specific anchor tag, I call .animate using jQuery 1.1.3.1. It works in Firefox and Safari, but IE6 reports a runtime error. When I switch to jQuery 1.1.2, it works (mostly). The first animate sequence doesn't slide, but merely re-draws when the final frame is done, but all subsequent animations work fine. Perhaps this is due to my standalone IE6 (from evolt), as I've seen it have other weird problems with JS, too. I'm running IE7 installed, unfortunately. Any suggestions would be greatly appreciated! I've posted a demo of the issue at the following location (sans a few images): http://www.command-tab.com/jquery/animate_bug/ Thanks!
[jQuery] Using slideToggle with multiple divs
I plan on using jQuery to show/hide comment boxes for corresponding news stories on my website. I have implemented the code to make just the one box slidetoggle, but like I mentioned there are numerous comment boxes on the page and I don't really know how to make them all behave independently. I've had a look at some accordion type tutorials, but from what i've seen they all focus on using a similar HTML structure, which wouldn't be feasible to use with my news layout. I hope that someone can help with this, I have searched endlessly but my searches have yielded no helpful results. Here is the layout of one of the stories on the page, this is repeated many times for each story: div class=story div class=storytitlehello/div div class=storybgmain story article/div div class=storybottoma href=# id=comment- toggleadd comment/a/div div class=commentbox style=display:none;comment form here/div /div And the javascript: $(document).ready(function() { $('.commentbox').hide(); $('a#comment-toggle').click(function() { $('#commentbox').slideToggle(slow); alert($('#commentbox')); return false; }); });
[jQuery] Re: Problem with IE6 FadeIn and FadeOut
Quick update, I reverted to 1.1.2 and the above script works fine (the example link still uses 1.1.3 for reference). Does anyone know if fadein and fadeout have been altered enough to make this a bug or am I not understanding enough about how to use jquery? regards, -jesse- On Jul 20, 2:50 pm, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: Greetings. I read several instances of an inconsistency with FadeIn and FadeOut in searching for an answer to my problem, but never saw one that was successfully complete. The problem is that FadeIn and FadeOut effects seem to work fine in Firefox but not in IE6. You can see an instance of this here:http://www.jrcg.net/jquery/test.html I have seen several workarounds, none of which work. Any help is appreciated. Below is example code: test.html: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd; html xmlns=http://www.w3.org/1999/xhtml; lang=en_US xml:lang=en_US head titleTesting Fade/title script language=JavaScript src=inc/jquery.js/script script type=text/javascript function getContent(id, url) { $('#' + id).fadeOut(1200, function() { $('#' + id).load(url).hide().fadeIn(1200); }); } /script /head body a href=# onClick=getContent('lev1','test2.html');Click Here for Fade!!/a div id=lev1 Not Yet!! /div /body /html test2.html html body !-- Yes I know it is bad HTML :-) -- Success! /body /html
[jQuery] Using slideToggle with multiple divs
Hello, I wish to use slidetoggle with multiple divs. I have implemented it using only one div however I want all of the divs to operate independently. Here is the HTML structure of a story on my website: div class=story div class=storytitlehello/div div class=storybgblah blah blah/div div class=storybottoma href= id=comment- togglecomment/a/div div class=commentbox style=display:none;comment form/div /div The div that I want to be toggled on each story is the commentbox div. It is activated by the comment-toggle link. Here is the corresponding javascript: $(document).ready(function() { $('.commentbox').hide(); $('a#comment-toggle').click(function() { $('#commentbox').slideToggle(slow); alert($('#commentbox')); return false; }); });
[jQuery] Re: superfish delay not working
have u forgotten to include the hoverIntent plugin ? cpsengine wrote: I have a single-level css dropdown and wanted to add a delay, so I setup superfish. It's working as I can see the animation when I mouse over my menu, but the mouse delay isn't working. I think I need to add the sfHover class somewhere into my css, but can't find exactly what I need to change to get this working. I was using the demo CSS file as an example but could not get it to work. Here's my CSS #header #nav { position: absolute; list-style: none; right: 0px; top: 60px; background: #323232; } #header #nav li { z-index:999; position: relative; padding: 0px 8px; display: inline; text-transform: uppercase; font-size: 14px; line- height: 30px; height: 30px; font-weight: bold; } #header #nav li a { color: #ccc; text-decoration: none; } #header #nav li a:hover { color: #fff; } #header #nav li ul { position: absolute; top: -999em; background: #323232; width: 175px; } #header #nav li:hover ul { top: 17px; left: 0px; } #header #nav li ul li { line-height: 24px; display: block; height: 24px; font-size: 10px; color: #fff; text-transform: uppercase; font- weight: normal; border-bottom: 1px solid #444; } #header #nav li ul li:hover { background-color: #393939; } #header #nav li.superfish li:hover ul, #header #nav .superfish li li:hover ul { top: -999em; } nav is the id of my ul, and I'm implementing like this: $(document).ready(function(){ $(ul#nav).superfish({ delay: 500, speed: 'slow' }); }); Any ideas?
[jQuery] Re: Blockui problem
Tony, The error says it all. 'question' is not defined. It looks like you removed this line: var question = $('#question')[0]; This line should execute one time, in a doc-ready block. It is just a quick way to cache the element so that you can use it over and over, even if it is removed from the DOM. Mike On 7/20/07, Anthony Leboeuf(Worcester Wide Web) [EMAIL PROTECTED] wrote: anyone have any idea? im really stumped on this one. hours and still cant figure out the deal in firefox Anthony Leboeuf(Worcester Wide Web) wrote: The error is right, question is not defined. Is there a way to bipass it looking for that variable in firefox? works perfect in IE -Tony function addtocart(formName,product) { var obj = findObj(formName); if (obj != null) { $.blockUI(question, { width: '275px' }); $('#cart').click(function() { obj.submit(); window.location = /order/cart.php?act=cart; }); $('#stay').click(function() { $.unblockUI(); obj.submit(); }); } else { alert('The form you are attempting to submit called \'' + formName + '\' couldn\'t be found. Please make sure the submitDoc function has the correct id and name.'); } } Anthony Leboeuf(Worcester Wide Web) wrote: Hey I just noticed, It doesnt work in firefox, it says question is not defined which wierd because question is not a function? http://pioneer.dlg360.com/order/index.php?act=viewProdproductId=2641 question is not defined $.blockUI(question, { width: '275px' }); Anthony Leboeuf(Worcester Wide Web) wrote: Excellent, Thanks for the info, Im reading up on it right now -Tony Mike Alsup wrote: Anthony, The doc-ready construct provides a place to put code that needs to *execute* after the DOM has fully loaded. For example, this line: var question = $('#question')[0]; should be in a doc-ready block because you want to ensure the element is available before you select it. But your addtocart function is called in response to an click event handler, so the code within it does not need to be wrapped in a doc-ready block. For more on the ready method: http://docs.jquery.com/Tutorials:Introducing_%24%28document%29.ready%28%29 http://docs.jquery.com/Events#ready.28_fn_.29 Mike On 7/20/07, Anthony Leboeuf(Worcester Wide Web) [EMAIL PROTECTED] wrote: Hi Mike, Thanks allot that worked great! now to help out a nooby here this is considered DOM right? and in DOM you dont need doc ready functions ? Thanks again -Anthony Mike Alsup wrote: Anthony, You've got script errors on that page. You need to get those cleared up first. Also, your blockUI code doesn't need to be in a doc-ready block (ie: $(function(){})) since you're calling it from an event handler. Try something like this: var question = $('#question')[0]; function addtocart(formName,product) { var obj = findObj(formName); if (obj != null) { $.blockUI(question, { width: '275px' }); $('#yes').click(function() { obj.submit(); window.location = /order/cart.php?act=cart; return false; }); $('#no').click(function() { $.unblockUI(); obj.submit(); }); } else { alert('warning'); } } Mike On 7/19/07, Anthony Leboeuf(Worcester Wide Web) [EMAIL PROTECTED] wrote: Hello everyone, Im having a bit of trouble using blockui. I've added the plugin here http://pioneer.dlg360.com/order/index.php?act=viewProdproductId=2678 when you click add to basket it should ask you a question(instead it asks the question for 2 seconds then submits). But for some reason its forcing the submit instead of waiting for the answer as the blockui demo shows. I just cant seem to fix it, anyone have any suggestions? here is my code http://pastebin.mozilla.org/157254 Thanks any help is appreciated -Anthony
[jQuery] Re: Animate bug under IE6?
Collin, Hey all -- I'm new to the list (but not so new to jQuery), and was hoping I could get some assistance regarding what appears to be a bug in the .animate function when running under IE6. Inside a .click function assigned to a specific anchor tag, I call .animate using jQuery 1.1.3.1. It works in Firefox and Safari, but IE6 reports a runtime error. When I switch to jQuery 1.1.2, it works (mostly). The first animate sequence doesn't slide, but merely re-draws when the final frame is done, but all subsequent animations work fine. Perhaps this is due to my standalone IE6 (from evolt), as I've seen it have other weird problems with JS, too. I'm running IE7 installed, unfortunately. Any suggestions would be greatly appreciated! I've posted a demo of the issue at the following location (sans a few images): http://www.command-tab.com/jquery/animate_bug/ What happens if you change the doctype from strict to transitional? My experience with using a strict XHTML declaration almost always causes me trouble in IE6. -Dan
[jQuery] Re: A jQuery success story
Well, the old ways ARE dead to me now - I can't think of a situation where I'll ever need to write regular old JavaScript again :) But I DID look up eulogise before I posted just to make sure it would be an appropriate word and I think, from the definitions I found, I got away with it either way :) If you ever catch me using the word eulogise in a sentence, it's only because it came in a Word of the Day calendar. ;) -Dan
[jQuery] Re: Effect - Slide Up/Down
Rick, That looks really great. Might be time to update the version of jQuery on that site, though, because FF2 Mac gets the initial flicker on the slideDown due to a jquery.js bug which has since been fixed. Also, Erik Beeson did some fantastic work with this, using iFrames: http://erikandcolleen.com/erik/projects/jquery/content_table/ Of course, if you don't mind using a different effect, the fadeIn/ fadeOut effects work just fine out of the box with table rows. --Karl _ Karl Swedberg www.englishrules.com www.learningjquery.com On Jul 20, 2007, at 9:31 PM, Rick Faircloth wrote: Oops… the URL should be: http://ha2.whitestonemedia.com/cfm/church_calendar.cfm Sorry… From: jquery-en@googlegroups.com [mailto:jquery- [EMAIL PROTECTED] On Behalf Of Rick Faircloth Sent: Friday, July 20, 2007 9:23 PM To: jquery-en@googlegroups.com Subject: [jQuery] Re: Effect - Slide Up/Down I know this may sound goofy as a solution, but when I first starting working jQuery, one of the first things I tried to do was slide a table row. As you said, Glen, it’s not a pretty sight. I tried something a little more radical. I use separate *tables* for each row with each table wrapped in a div. In other words, each row was a table in a div. I code ColdFusion, so I was outputting a query and looping it and would have one table as a row of general info, and the second table right below it (initially hidden) would hold details. A whole table would slide much more smoothly. Go to this link and click on any row in the church calendar and you’ll see what I mean… http://ha2.whitestonemedia.com/cfm/calendar.cfm Rick From: jquery-en@googlegroups.com [mailto:jquery- [EMAIL PROTECTED] On Behalf Of Glen Lipka Sent: Friday, July 20, 2007 6:59 PM To: jquery-en@googlegroups.com Subject: [jQuery] Re: Effect - Slide Up/Down Couple of issues. 1. You can use SlideToggle to reduce complexity alot. $(input.oneButton).click(function(){ $(#level2).slideToggle(slow); }); However, you may WANT two buttons. 2. You can't really slideup a TR. Its not that flexible in that. I whipped up a demo to show a possible solution. http://www.commadot.com/jquery/selectors/slidingRow.htm There probably is an easier way, but this was my first thought. Glen On 7/20/07, debussy007 [EMAIL PROTECTED] wrote: Hi, I try to apply effect on a very basic example, But I can't have it working. Can anyone help me with this ? Thank you !! !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=http://www.w3.org/1999/xhtml; xml:lang=en lang=en head script type=text/javascript src=js/jquery- 1.1.3.1.pack.js/ script style type=text/css#level2 {background-color:#DFEBFF;}/style script type=text/javascript $(document).ready(function(){ $(input.buttonBslidedown).click(function(){ $(#level2:hidden).slideDown(slow); }); $(input.buttonBslideup ).click(function(){ $(#level2:visible).slideUp(slow); }); }); /script title/title/head body input type=button value=Slide Out class=buttonBslideup / input type=button value=Slide In class=buttonBslidedown / br/br/ table border=1 tr tdrow 1, cell 1/td tdrow 1, cell 2/td /tr tr id=level2 tdrow 2, cell 1/td tdrow 2, cell 2/td /tr /table/body/html -- View this message in context: http://www.nabble.com/Effect---Slide- Up-Down-tf4119902s15494.html#a11717084 Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Re: Problem with jQuery + Dimension plugin + Autocomplete plugin + Float
Hi Brandon, It is difficult to create an example, because it is a complex application, and the autocomplete is highly customized. And also I am going vacations right now, and I will be back in August. This is a big DIV, and inside has two DIVs one floated left, and the other floated right. And inside the floated DIVs, it is positioning an absolute DIV (for the autocomplete) with Dimensions. In Mozilla works fine, the problem is in IEbut in IE7 it works fine also, so I have to check the IE version for using my patch. When I am back, I will try to send you an example, if still needed. Bye! On 17 jul, 16:45, Brandon Aaron [EMAIL PROTECTED] wrote: Could you still send me an example of the issue you are having? -- Brandon Aaron On 7/17/07, Mark [EMAIL PROTECTED] wrote: I've downloaded the latest version of dimensions and still having the same problem (anyway it is working with my combined position fix using position and offset in MSIE). On 16 jul, 01:28, Brandon Aaron [EMAIL PROTECTED] wrote: You can grab the latest from SVN from google code here: http://jqueryjs.googlecode.com/svn/trunk/plugins/dimensions/ -- Brandon Aaron On 7/15/07, Mark [EMAIL PROTECTED] wrote: Hi Brandon, I am using the rc1 version of the dimensions plugin, with jQuery 1.1.2. I have made several modifications to the autocomplete component so I cant just upgrade, I will have to check the improvments and try to apply them. I dont have the sources here, but tomorrow I will try to post you an example. Where can I download the latest version of dimensions ? Thanks Mark On 15 jul, 00:36, Brandon Aaron [EMAIL PROTECTED] wrote: Actually, what version of the autocomplete plugin are you using. It looks like the latest depends on the dimensions plugin. Perhaps you should grab both the latest versions of the dimensions and the autocomplete plugins. -- Brandon Aaron On 7/14/07, Brandon Aaron [EMAIL PROTECTED] wrote: Hey Mark, Could you possibly post an example of the issue? I'm having trouble following what exactly is going on. Also, try grabbing the latest version of Dimensions from SVN as it has been recently updated. -- Brandon Aaron On 7/14/07, Mark [EMAIL PROTECTED] wrote: Hi! I am using jQuery with the autocomplete plugin. Everything was right, but I had to float the div, which contains all input components, so the result div of the autocomplete became crazy about finding its position. So, I downloaded the Dimensions plugin, and the following is happening: In Mozilla it works fine, and the offset function gets the same results as the autocomplete built in findPos function. But in explorer, in order to position the window properly I had to call dimensions.position() for the top value and dimensions.offset() for the left value... So I am using it now with if ($.browser.msie)... Anyone knows why it is happening? ...maybe I am doing something wrong with the floats... If this is an IE bug, maybe could be fixed in the dimensions plugin. Thanks Mark.- Ocultar texto de la cita - - Mostrar texto de la cita -- Ocultar texto de la cita - - Mostrar texto de la cita -- Ocultar texto de la cita - - Mostrar texto de la cita -
[jQuery] Re: Problem with jQuery + Dimension plugin + Autocomplete plugin + Float
Are you using units other than pixels for anything? -- Brandon Aaron On 7/20/07, Mark [EMAIL PROTECTED] wrote: Hi Brandon, It is difficult to create an example, because it is a complex application, and the autocomplete is highly customized. And also I am going vacations right now, and I will be back in August. This is a big DIV, and inside has two DIVs one floated left, and the other floated right. And inside the floated DIVs, it is positioning an absolute DIV (for the autocomplete) with Dimensions. In Mozilla works fine, the problem is in IEbut in IE7 it works fine also, so I have to check the IE version for using my patch. When I am back, I will try to send you an example, if still needed. Bye! On 17 jul, 16:45, Brandon Aaron [EMAIL PROTECTED] wrote: Could you still send me an example of the issue you are having? -- Brandon Aaron On 7/17/07, Mark [EMAIL PROTECTED] wrote: I've downloaded the latest version of dimensions and still having the same problem (anyway it is working with my combined position fix using position and offset in MSIE). On 16 jul, 01:28, Brandon Aaron [EMAIL PROTECTED] wrote: You can grab the latest from SVN from google code here: http://jqueryjs.googlecode.com/svn/trunk/plugins/dimensions/ -- Brandon Aaron On 7/15/07, Mark [EMAIL PROTECTED] wrote: Hi Brandon, I am using the rc1 version of the dimensions plugin, with jQuery 1.1.2. I have made several modifications to the autocomplete component so I cant just upgrade, I will have to check the improvments and try to apply them. I dont have the sources here, but tomorrow I will try to post you an example. Where can I download the latest version of dimensions ? Thanks Mark On 15 jul, 00:36, Brandon Aaron [EMAIL PROTECTED] wrote: Actually, what version of the autocomplete plugin are you using. It looks like the latest depends on the dimensions plugin. Perhaps you should grab both the latest versions of the dimensions and the autocomplete plugins. -- Brandon Aaron On 7/14/07, Brandon Aaron [EMAIL PROTECTED] wrote: Hey Mark, Could you possibly post an example of the issue? I'm having trouble following what exactly is going on. Also, try grabbing the latest version of Dimensions from SVN as it has been recently updated. -- Brandon Aaron On 7/14/07, Mark [EMAIL PROTECTED] wrote: Hi! I am using jQuery with the autocomplete plugin. Everything was right, but I had to float the div, which contains all input components, so the result div of the autocomplete became crazy about finding its position. So, I downloaded the Dimensions plugin, and the following is happening: In Mozilla it works fine, and the offset function gets the same results as the autocomplete built in findPos function. But in explorer, in order to position the window properly I had to call dimensions.position() for the top value and dimensions.offset() for the left value... So I am using it now with if ($.browser.msie)... Anyone knows why it is happening? ...maybe I am doing something wrong with the floats... If this is an IE bug, maybe could be fixed in the dimensions plugin. Thanks Mark.- Ocultar texto de la cita - - Mostrar texto de la cita -- Ocultar texto de la cita - - Mostrar texto de la cita -- Ocultar texto de la cita - - Mostrar texto de la cita -
[jQuery] Re: Effect - Slide Up/Down
Thanks for the tips, Karl. I haven't had time to do much with jQuery for a little while since working with it for a couple of weeks. I'll check out the new version and Erik's work. Rick From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Karl Swedberg Sent: Friday, July 20, 2007 10:36 PM To: jquery-en@googlegroups.com Subject: [jQuery] Re: Effect - Slide Up/Down Rick, That looks really great. Might be time to update the version of jQuery on that site, though, because FF2 Mac gets the initial flicker on the slideDown due to a jquery.js bug which has since been fixed. Also, Erik Beeson did some fantastic work with this, using iFrames: http://erikandcolleen.com/erik/projects/jquery/content_table/ Of course, if you don't mind using a different effect, the fadeIn/fadeOut effects work just fine out of the box with table rows. --Karl _ Karl Swedberg www.englishrules.com www.learningjquery.com On Jul 20, 2007, at 9:31 PM, Rick Faircloth wrote: Oops. the URL should be: http://ha2.whitestonemedia.com/cfm/church_calendar.cfm http://ha2.whitestonemedia.com/cfm/church_calendar.cfm Sorry. From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Rick Faircloth Sent: Friday, July 20, 2007 9:23 PM To: jquery-en@googlegroups.com Subject: [jQuery] Re: Effect - Slide Up/Down I know this may sound goofy as a solution, but when I first starting working jQuery, one of the first things I tried to do was slide a table row. As you said, Glen, it's not a pretty sight. I tried something a little more radical. I use separate *tables* for each row with each table wrapped in a div. In other words, each row was a table in a div. I code ColdFusion, so I was outputting a query and looping it and would have one table as a row of general info, and the second table right below it (initially hidden) would hold details. A whole table would slide much more smoothly. Go to this link and click on any row in the church calendar and you'll see what I mean. http://ha2.whitestonemedia.com/cfm/calendar.cfm http://ha2.whitestonemedia.com/cfm/calendar.cfm Rick From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Glen Lipka Sent: Friday, July 20, 2007 6:59 PM To: jquery-en@googlegroups.com Subject: [jQuery] Re: Effect - Slide Up/Down Couple of issues. 1. You can use SlideToggle to reduce complexity alot. $(input.oneButton).click(function(){ $(#level2).slideToggle(slow); }); However, you may WANT two buttons. 2. You can't really slideup a TR. Its not that flexible in that. I whipped up a demo to show a possible solution. http://www.commadot.com/jquery/selectors/slidingRow.htm http://www.commadot.com/jquery/selectors/slidingRow.htm There probably is an easier way, but this was my first thought. Glen On 7/20/07, debussy007 mailto:[EMAIL PROTECTED] [EMAIL PROTECTED] wrote: Hi, I try to apply effect on a very basic example, But I can't have it working. Can anyone help me with this ? Thank you !! !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns= http://www.w3.org/1999/xhtml http://www.w3.org/1999/xhtml; xml:lang=en lang=en head script type=text/javascript src=js/jquery- 1.1.3.1.pack.js/script style type=text/css#level2 {background-color:#DFEBFF;}/style script type=text/javascript $(document).ready(function(){ $(input.buttonBslidedown).click(function(){ $(#level2:hidden).slideDown(slow); }); $(input.buttonBslideup ).click(function(){ $(#level2:visible).slideUp(slow); }); }); /script title/title/head body input type=button value=Slide Out class=buttonBslideup / input type=button value=Slide In class=buttonBslidedown / br/br/ table border=1 tr tdrow 1, cell 1/td tdrow 1, cell 2/td /tr tr id=level2 tdrow 2, cell 1/td tdrow 2, cell 2/td /tr /table/body/html -- View this message in context: http://www.nabble.com/Effect---Slide-Up-Down-tf4119902s15494.html#a11717084 http://www.nabble.com/Effect---Slide-Up-Down-tf4119902s15494.html#a11717084 Sent from the JQuery mailing list archive at http://Nabble.com Nabble.com.
[jQuery] Re: Effect - Slide Up/Down
Thank you all for your nice tips !! In my case it is better to change effect, fadeIn / fadeOut My table is quiete complexe and I ahd troubles with the slide Up / Down. FadIn / Out works perfectly in FireFox, but not in IE 6 ! There is no effect at all. Here is my example : (u will not like my HTML / CSS, it's because I want to display and align elemnts in a complex way) : !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd; html xmlns=http://www.w3.org/1999/xhtml; xml:lang=en lang=en head script type=text/javascript src=js/jquery-1.1.3.1.pack.js/script script type=text/javascript jQuery(document).ready(function() { $(#level2).hide(); $(#goLevel2).click(function(){ $(#level2:hidden).fadeIn(slow); }); $(#backLevel1).click(function(){ $(#level2:visible).fadeOut(slow); }); }); /script title/title/headbody form id=searchbarform action=# table border=0 style=margin-left:auto;margin-right:auto;width:100%; !-- FIRST ROW -- tr id=level1 td style=width:150px Search /td td labelTest/label /td td select size=1 option value=Test selected=selectedTest/option option value=TestTest/option option value=TestTest/option /select /td td nbsp;tonbsp; /td td align=right select size=1 option value=TestTest/option option value=TestTest/option option value=Test selected=selectedTest/option /select /td td style=padding-right:20px;nbsp; /td td labelTest/label /td td style=width: 140px; select size=1 style=width: 100%; option value=Test selected=selectedTest/option option value=TestTest/option /select /td td style=padding-right:20px;nbsp; /td td align=right # More Optionsnbsp;gt;gt; /td /tr !-- SECOND ROW -- tr id=level2 td style=padding-top:15px; div # lt;lt;Less Options /div /td td style=padding-top:15px; div labelTest/label /div /td td colspan=3 style=padding-top:15px; div select size=1 style=width: 100% option value=Test selected=selectedTest/option option value=TestTest/option option value=TestTest/option /select nbsp;tonbsp;br/ select size=1 style=width: 100% option value=Test1Test/option option value=TestTest/option option value=Test selected=selectedTest/option /select /div /td td style=padding-right:20px; divnbsp;/div /td td style=padding-top:15px; div labelTest/label /div /td td style=padding-top:15px; div select size=1 style=width: 100% option value=18 selected=selectedTest/option option value=19Test/option option value=20Test/option /select nbsp;tonbsp;br/ select size=1 style=width: 100% option value=TestTest/option option value=TestTest/option option value=Test selected=selectedTest/option /select /div /td td style=padding-right:20px; divnbsp;/div /td td style=padding-top:15px; align=right divnbsp;/div /td /tr /table /form /body/html Karl Swedberg-2 wrote: Rick, That looks really great. Might be time to update the version of jQuery on that site, though, because FF2 Mac gets the initial flicker on the slideDown due to a jquery.js bug which has since been fixed. Also, Erik Beeson did some fantastic work with this, using iFrames: http://erikandcolleen.com/erik/projects/jquery/content_table/ Of course, if you don't mind using a different effect, the fadeIn/ fadeOut effects work just fine out of the box with table rows. --Karl _ Karl Swedberg www.englishrules.com www.learningjquery.com On Jul 20, 2007, at 9:31 PM, Rick Faircloth wrote: Oops… the URL should be: http://ha2.whitestonemedia.com/cfm/church_calendar.cfm Sorry… From: jquery-en@googlegroups.com [mailto:jquery- [EMAIL PROTECTED] On Behalf Of Rick Faircloth Sent: Friday, July 20, 2007 9:23 PM To: jquery-en@googlegroups.com Subject: [jQuery] Re: Effect - Slide Up/Down I know this may sound goofy as a solution, but when I
[jQuery] Re: superfish delay not working
On 21/07/2007, at 11:09 AM, cpsengine wrote: I have a single-level css dropdown and wanted to add a delay, so I setup superfish. It's working as I can see the animation when I mouse over my menu, but the mouse delay isn't working. I think I need to add the sfHover class somewhere into my css, but can't find exactly what I need to change to get this working. I was using the demo CSS file as an example but could not get it to work. Here's my CSS #header #nav { position: absolute; list-style: none; right: 0px; top: 60px; background: #323232; } #header #nav li { z-index:999; position: relative; padding: 0px 8px; display: inline; text-transform: uppercase; font-size: 14px; line- height: 30px; height: 30px; font-weight: bold; } #header #nav li a { color: #ccc; text-decoration: none; } #header #nav li a:hover { color: #fff; } #header #nav li ul { position: absolute; top: -999em; background: #323232; width: 175px; } #header #nav li:hover ul { top: 17px; left: 0px; } #header #nav li ul li { line-height: 24px; display: block; height: 24px; font-size: 10px; color: #fff; text-transform: uppercase; font- weight: normal; border-bottom: 1px solid #444; } #header #nav li ul li:hover { background-color: #393939; } #header #nav li.superfish li:hover ul, #header #nav .superfish li li:hover ul { top: -999em; } nav is the id of my ul, and I'm implementing like this: $(document).ready(function(){ $(ul#nav).superfish({ delay: 500, speed: 'slow' }); }); Any ideas? Superfish works by using the sfHover class instead of the normal CSS :hover rules. You need the sfHover class to make the hovers work in IE6 anyway, so when javascript is available the CSS class 'superfish' is added to the element you called superfish on and the CSS changes :hover descendants of .superfish to remain hidden. It's important that your sfHover rules override that and position the submenus to be visible, just as your pure CSS :hovers will when javascript is not available. So that's the theory. The interplay of CSS rules overriding correctly is kind of fiddly so in practice it is easiest to begin with the demo CSS files so you have a working menu, then alter that CSS to style it as you wish. The hoverIntent plugin is not required for the timed delay on mouseout to work - hoverIntent is only used (when it's available) to provide a similar effect on mouseover. Joel Birch.
[jQuery] Dynamically set function settings?
Hey all, I am using the innerFade plug-in, though my question could apply to any function. Inner fade takes a bunch of divs or images or paragraphs, and animates them if they fall within a class. There are certain parameters that you specify when you call innerFade into action, such as speed, fade type, etc. I would like my users to choose what the options (parameters) are for the fading effect and store these in a Database. It would be no problem to write these functions on the fly from the server side but my app uses one page with ajax. I cannot reload the page. Is it possible to write javascript dynamically so new functions are created with the new parameters once the user makes a change? These functions need to be added to the head of my page because they get called after other functions. In other words, the new functions interact with the javascript that's already on the page. I guess they could be written elsewhere dynamically within a main function and I simply call this remote function and thereby any sub functions that have been written to it. Is this possible? It would be great if the parameters could be written into the div's class (which could be done via ajax) and extracted from there by the plug-in. Is this possible? Thanks in advance! -- View this message in context: http://www.nabble.com/Dynamically-set-function-settings--tf4120797s15494.html#a11719436 Sent from the JQuery mailing list archive at Nabble.com.