[jQuery] Re: Form Plugin + FCKEditor + UI Dialog Button
Same problem. I have a working ajaxSubmit form. When I replace a textarea with fck the ajaxSubmit is not working anymore. console.log in beforeSubmit works but then the form is submitted without ajax but with a page reload.
[jQuery] Re: [validation] I want to add validation for a reCAPTCHA image. Can I give this field error message a unique class?
You can use the errorPlacement-option to customize the placement. Take a look at the source of this demo for a good example: http://jquery.bassistance.de/validate/demo/milk/ Jörn On Wed, May 13, 2009 at 2:30 AM, wjs3 wjstarrs...@gmail.com wrote: I have a form consisting mainly of text inputs and selects. The inputs are nested within list elements, lists, fieldsets, etc. I have configured the validation plugin to place the error messages after the fields, and successfully used CSS to style the label.error class. I have recently added a reCAPTCHA image to the form. I would like to validate that this field is also not empty before allowing a submit. The reCAPTCHA input however is buried within a td/table/div, so the error message gets crammed into the td with the input and is barely visible. I thought of going into the module and adding some code around the showLabel function to test if the field being referenced is the recaptcha_response_field. If so, I would conditionally assign a unique class to this label so I could try and use CSS to place it elsewhere. I am by no means a javascript expert and am not sure how to do this properly in the code. Any assistance would be much appreciated. Perhaps there is a better way to tackle this as well. Thanks in advance, wjs3
[jQuery] Re: Page disappear when validation completes !
Forgot to mention the codehere is how it looks like script $(document).ready(function(){ $(#newsletter).validate({ errorLabelContainer: $(#newsletter #errorbox), rules: { shopid: required, email: required email }, messages: { shopid: 'you must blablabla', email: 'you must blablabla' }, wrapper: 'div' }); }); /script form action=... method=post class=newsletter id=newsletter select name=shopid option value=0/option option value=1/option /select input type=text id=email name=email maxlength=150 / a href=javascript:; onclick=$(this).parent().submit (); return false; class=box-submit img src=/images/ arrow_right.jpg alt= //a br /div id=errorbox/div /form
[jQuery] Re: Page disappear when validation completes !
Ok finally I've found out that using onkeyup: false, onfocusout: false, onclick: false the validation only works on the submit the unhappy thing is that the alert does not change in real time now as the value are putted in the inputs. I must have missed something... it is not normal that the form is being submitted on the validation process ! If anyone could help me out with this, I'd be so greatfull ! Antoine
[jQuery] custom paging
Hello, I have I showroom with image thumbs and want to implement paging. I can't find any documentation of custom paging using jQuery (only table paging). The showroom show thumbs and one mouseover it will create a zoom effect using the zoomi plugin. Here is what my code looks like div class=showroom center a id=13 href=javascript:return false; img class=zoomi src=http://xxx/products/Dario werkbank.jpg alt=http://xxx/products/Dario werkbank_big.jpg / /a a id=14 href=javascript:return false; img class=zoomi src=http://xxx/products/Dario werkbank.jpg alt=http://xxx/products/Dario werkbank_big.jpg / /a a id=15 href=javascript:return false; img class=zoomi src=http://xxx/products/Dario werkbank.jpg alt=http://xxx/products/Dario werkbank_big.jpg / /a /div Thanks, Ward
[jQuery] Re: Tablesorter 2.0.3 - Sorting af column of checkboxes (resorting)
sunfire wrote: I have tried this and it does not work for me, where are you calling $(#myTable).trigger(update); ? I bind a click eventhandler to every checkbox and trigger the update every time the user clicks a checkbox. This is not a solution I would recommend, since it causes performance problems in larger tables (in my particular situation I can guarantee that the table is small). You should could try to do it on the sortStart event like this (I haven't tried it myself): $(document).ready(function() { $(table).tablesorter(); $(table).bind(sortStart,function() { $(#table).trigger(update); }); }); -- View this message in context: http://www.nabble.com/Tablesorter-2.0.3---Sorting-af-column-of-checkboxes-%28resorting%29-tp19308787s27240p23404682.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] attribute selector problem in opera
I have this query: $(#drag-channels div[style*='220']) This doesn't work on Opera 9.64 browser, but on my other browsers(FF 3.5beta, IE8, Chrome 2) works perfectly. I wonder if this is a jQuery bug. With this query I want to select a div wich has a left property of 220px. The div looks like this(simplified): div id=drag-channelsdiv id=i10002.port.ro class=channels style=left:220px;Some content here/div/div Thanks
[jQuery] How to disable all clicks till the page loads
Any one can please tell me How to disable all clicks till the page loads Any help wil be appreciated
[jQuery] Global variables in jQuery
I can't get global variables work, maybe somebody knows the answer because this should be very simple. The following does not work, the price is not available at the end of the function in the alert. function calc_matrix(x, y) { loc = index.php?module=product; var price = 0; $.post(loc, { request:xmlhttp, action:calc_pricematrix, x:x, y:y }, function(data) { price = Math.round(parseFloat(data)*100)/100; }); alert(price); }
[jQuery] jquery.cascade - query about match param
thw question about this: match: function(selectedValue) { return this.When == selectedValue; } 1) where does the 'selectedValue' come from? I didnt find any ref anywhere. 2) how could I change it ot 'text' instead of 'value' Thanks for any help. Cheers. J.
[jQuery] Re: slideUp() does not make animation before remove() occurs
Maybe it's because opacity is already 0? Try using animate({ height:'toggle' }) instead I've tried your code, but the behavior is not what I'm trying to achieve. The slideUp() still not working. -- Massimiliano Marini m...@linuxtime.it
[jQuery] Re: slideUp() does not make animation before remove() occurs
I have made a slight change in your code. also note you did set the opacity to 0 before the slideUp that could effect your code [snip] i just added a 0.5 sec delay the same with your changes, the slideUp() still not working. -- Massimiliano Marini m...@linuxtime.it
[jQuery] Re: How to disable all clicks till the page loads
You can try these. $().bind('click.noclick', function(){ return false; }); $(function(){ $().unbind('click.noclick'); }); On May 12, 11:56 pm, bobin bobinthoma...@gmail.com wrote: Any one can please tell me How to disable all clicks till the page loads Any help wil be appreciated
[jQuery] Re: jQuery too slow on IE!!!
If speed is paramount to your project and you still want some some abstraction/cross browser functionality, you can checkout some other libraries out there. Here's some comparison on how they perform. http://dante.dojotoolkit.org/taskspeed/ On May 12, 5:42 am, Chandan learningbychan...@gmail.com wrote: Hi, I recently started using jQuery, thinking that it is FASTER than usual javascript, but i found it is too slow when used with IE. I am using IE 6/7. I also googled to find lots of posting already happened saying it is too slow. Can anyone suugest me what needs to be done! CC to my friend as well, he is gr8 fan of jQuery. Thanks. Chandan
[jQuery] Re: jQuery too slow on IE!!!
You will also struggle with css selection if you are using ie6, there are major compatibility issues. I would recommend you just testing your site on ie6 to see if it degrades well on ie6. I wouldn't count on ie6 being able to handle any new features. Date: Wed, 13 May 2009 03:59:58 -0700 Subject: [jQuery] Re: jQuery too slow on IE!!! From: shenan...@gmail.com To: jquery-en@googlegroups.com If speed is paramount to your project and you still want some some abstraction/cross browser functionality, you can checkout some other libraries out there. Here's some comparison on how they perform. http://dante.dojotoolkit.org/taskspeed/ On May 12, 5:42 am, Chandan learningbychan...@gmail.com wrote: Hi, I recently started using jQuery, thinking that it is FASTER than usual javascript, but i found it is too slow when used with IE. I am using IE 6/7. I also googled to find lots of posting already happened saying it is too slow. Can anyone suugest me what needs to be done! CC to my friend as well, he is gr8 fan of jQuery. Thanks. Chandan _ Share your photos with Windows Live Photos – Free. http://clk.atdmt.com/UKM/go/134665338/direct/01/
[jQuery] remove DIV from form (maybe bug)
Hi all, I found same strange behavior when I trying hiding, or removing DIVs inside form. Please look on my sample here: http://62.245.92.202/jquery-sample.php Expected behavior is: When I make change inside input field “one” text “lorem ipsum” will be shown between “one” and input:text field. When another change is made “lorem ipsum” text will be remove and shown again. So every time there will be only one text “lorem ipsum” This scenario works great only in field “one” when try to fill another fields “two” or “three” “lorem ipsum” text will not hide and will be shown again and again bellow last one. Please, could you check my script and tell me what I doing wrong? Thank you Vojtech Whole script from sample for copy/paste: head script src=http://jquery.com/src/jquery-latest.js; type=text/ javascript/script script type=text/javascript $(document).ready(function(){ $(#cust_registration input:text).change(function() { var input_name= $(this).attr(name); $(.lab_+input_name+ #test).hide(); $(label[for=+input_name+]).after(p id=\test\strong lorem ipsum /strong/p); }); }); /script /head body div class=customer_login_form form id=cust_registration method= action= div class=lab_one label id= class=form_desc for=oneone/label /div div input id=one class=inputbox type=text name=one /div div class=lab_two label id= class=form_desc for=twotwo/label /div div input id=two class=inputbox type=text name=two /div div class=lab_three label id= class=form_desc for=threethree/label /div div input id=three class=inputbox type=text name=three /div /form /div /body
[jQuery] Menu autoheight on click event
Hello all, I posted a question on this board earlier, regarding a menu with a variable height. I got help from someone named Charlie (thanks again), who helped me a lot, but unfortunately he also got stuck. V.1: http://www.opee.nl/jquery/index.html (what it should look like - static) http://www.opee.nl/jquery/index1.html (how far I got - a try to make it dynamic) V.2: http://www.getnoticedinternet.com/test/variable_menu_height.html (how far Charlie got - dynamic height, but only works with one child open) The problem is this: “Using click event on a tag the click creates the next visible UL, that allow to count how many visible. Works fine when go from fresh page, to next level, to 3rd level. I based my method on comparing 3 open UL's. Unfortunately when 3 levels are already open and try to click to change a level , the already open UL still gets counted so now have 4 UL's in my count. Method falls apart here.” Any help is greatly appreciated. Greetings, Andre The Netherlands P.s. The original question can be found here: http://groups.google.com/group/jquery-en/browse_thread/thread/a9229283606f31b2?pli=1
[jQuery] Re: Menu autoheight on click event
Hi Andre, to be honest i found quite a few bugs in the how it should be. In about 4 hours from now ( after my full time job ) I could write you a menu plugin that will work similar to that. with an auto height feature. and a parent child child-to-child support On Wed, May 13, 2009 at 2:15 PM, André andrejilde...@gmail.com wrote: Hello all, I posted a question on this board earlier, regarding a menu with a variable height. I got help from someone named Charlie (thanks again), who helped me a lot, but unfortunately he also got stuck. V.1: http://www.opee.nl/jquery/index.html (what it should look like - static) http://www.opee.nl/jquery/index1.html (how far I got - a try to make it dynamic) V.2: http://www.getnoticedinternet.com/test/variable_menu_height.html (how far Charlie got - dynamic height, but only works with one child open) The problem is this: “Using click event on a tag the click creates the next visible UL, that allow to count how many visible. Works fine when go from fresh page, to next level, to 3rd level. I based my method on comparing 3 open UL's. Unfortunately when 3 levels are already open and try to click to change a level , the already open UL still gets counted so now have 4 UL's in my count. Method falls apart here.” Any help is greatly appreciated. Greetings, Andre The Netherlands P.s. The original question can be found here: http://groups.google.com/group/jquery-en/browse_thread/thread/a9229283606f31b2?pli=1
[jQuery] Re: Menu autoheight on click event
Hello Waseem, I'm really thankful you're willing to help me out! Would you please place it on this message board? Other users might also find it helpful. Awaiting your response. Greetings, Andre On 13 mei, 14:43, waseem sabjee waseemsab...@gmail.com wrote: Hi Andre, to be honest i found quite a few bugs in the how it should be. In about 4 hours from now ( after my full time job ) I could write you a menu plugin that will work similar to that. with an auto height feature. and a parent child child-to-child support On Wed, May 13, 2009 at 2:15 PM, André andrejilde...@gmail.com wrote: Hello all, I posted a question on this board earlier, regarding a menu with a variable height. I got help from someone named Charlie (thanks again), who helped me a lot, but unfortunately he also got stuck. V.1: http://www.opee.nl/jquery/index.html(what it should look like - static) http://www.opee.nl/jquery/index1.html(how far I got - a try to make it dynamic) V.2: http://www.getnoticedinternet.com/test/variable_menu_height.html(how far Charlie got - dynamic height, but only works with one child open) The problem is this: “Using click event on a tag the click creates the next visible UL, that allow to count how many visible. Works fine when go from fresh page, to next level, to 3rd level. I based my method on comparing 3 open UL's. Unfortunately when 3 levels are already open and try to click to change a level , the already open UL still gets counted so now have 4 UL's in my count. Method falls apart here.” Any help is greatly appreciated. Greetings, Andre The Netherlands P.s. The original question can be found here: http://groups.google.com/group/jquery-en/browse_thread/thread/a922928...
[jQuery] Re: New Plugin with IE problem
Anyone?? Still can't get it to work and don't know why IE is complaining. Any help appreciated. Cheers On May 7, 2:54 pm, floepi flo...@gmail.com wrote: Hi all, I mainly work in Firefox land and don't have to bother with IE much (Lucky me). I wanted to share one of my plugins with the public and therefore need to make it work across all browsers. The problem I am having is that even though I set a colspan for a td, IE does not render it properly. The attribute gets added dynamically using jQuery and on all other browsers it works fine. Please have a look at http://bit.ly/ONgXz I looked around and couldn't find a similar plugin so I thought I'd share it. Please let me know if you have any feedback. Would be good to have someone with a little more JS knowledge look over it than just me :) Cheers Phil
[jQuery] How to configure Fade in fade out properly
Hi all, I'm Albert, 1st time posting a problem here for you experts out there to assist me on. Plsthanks in advance. OK let me describe you the problem.. 1) I have a html link (struts) with ID=mylink and with value=Click on me to download some files. 2) I have also a pics, loading bar.gif(The words, Loading content.. comes with it), and again ID=myloadingbar. http://www.nabble.com/file/p23520407/Click.jpg What i want to do when i click on the link is(irregardless whether the download is successful or not): 1) link will disappear. 2) Loading.gif will appear and fade in and out with an interval of 2 sec. 3) After 7 seconds when the user had click on the link, loading.gif will disppear and the link will reappear again. Nothing much will happen thereafter unless user click on the link, which will bring us back to step 1. Here is what i have done so far. Step 1 and Step 2 only, I can't figure out how to add the step 3 onto it. Here's my code: $(window).load(function(){ $(#myloadingbar).hide(); }); function confirmLoading() { $(#mylink).click( function() { $(#mylink).hide(); $(#myloadingbar).show(fast, function () { var refreshId = setInterval(function() { $(#myloadingbar).fadeOut(normal, function () { $(this).load('response.php').fadeIn(normal); }); }, 1000); }); }); } My Jsp: http://download.mozilla.org/?product=firefox-3.0.10amp;os=winamp;lang=af Click on me /p Hope that some of you will read this mail and pls help to reply asap. Thanks a lot guys. Sorry for any inconvience caused, Albert -- View this message in context: http://www.nabble.com/How-to-configure-Fade-in-fade-out-properly-tp23520407s27240p23520407.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: remove DIV from form (maybe bug)
try instead of $(.lab_+input_name+ #test).hide(); this: $(.lab_+input_name+ ).children(#test).remove(); or if you don't want to actually remove them: $(.lab_+input_name+ ).children(p).hide(); Hope this helps On 13 May, 14:02, vmoravek vojtech.mora...@googlemail.com wrote: Hi all, I found same strange behavior when I trying hiding, or removing DIVs inside form. Please look on my sample here:http://62.245.92.202/jquery-sample.php Expected behavior is: When I make change inside input field “one” text “lorem ipsum” will be shown between “one” and input:text field. When another change is made “lorem ipsum” text will be remove and shown again. So every time there will be only one text “lorem ipsum” This scenario works great only in field “one” when try to fill another fields “two” or “three” “lorem ipsum” text will not hide and will be shown again and again bellow last one. Please, could you check my script and tell me what I doing wrong? Thank you Vojtech Whole script from sample for copy/paste: head script src=http://jquery.com/src/jquery-latest.js; type=text/ javascript/script script type=text/javascript $(document).ready(function(){ $(#cust_registration input:text).change(function() { var input_name = $(this).attr(name); $(.lab_+input_name+ #test).hide(); $(label[for=+input_name+]).after(p id=\test\strong lorem ipsum /strong/p); }); }); /script /head body div class=customer_login_form form id=cust_registration method= action= div class=lab_one label id= class=form_desc for=oneone/label /div div input id=one class=inputbox type=text name=one /div div class=lab_two label id= class=form_desc for=twotwo/label /div div input id=two class=inputbox type=text name=two /div div class=lab_three label id= class=form_desc for=threethree/label /div div input id=three class=inputbox type=text name=three /div /form /div /body
[jQuery] Re: slideUp() does not make animation before remove() occurs
I'll have a go: function removeChekbox(data) { $.each(data, function(i, val) { $('input[value='+val+']').parents(.item-container).fadeTo (slow, 0, function() { $(this).slideUp(500, function() { $(this).remove(); }); }); }); } On May 13, 11:32 am, Massimiliano Marini m...@linuxtime.it wrote: I have made a slight change in your code. also note you did set the opacity to 0 before the slideUp that could effect your code [snip] i just added a 0.5 sec delay the same with your changes, the slideUp() still not working. -- Massimiliano Marini m...@linuxtime.it
[jQuery] Re: How to configure Fade in fade out properly
setTimeout(blub(),7000); function blub() { $(#mylink).show(); $(#myloadingbar).hide(); } On 13 Mai, 14:19, Albert Y ywaihon...@yahoo.com.sg wrote: Hi all, I'm Albert, 1st time posting a problem here for you experts out there to assist me on. Plsthanks in advance. OK let me describe you the problem.. 1) I have a html link (struts) with ID=mylink and with value=Click on me to download some files. 2) I have also a pics, loading bar.gif(The words, Loading content.. comes with it), and again ID=myloadingbar. http://www.nabble.com/file/p23520407/Click.jpg What i want to do when i click on the link is(irregardless whether the download is successful or not): 1) link will disappear. 2) Loading.gif will appear and fade in and out with an interval of 2 sec. 3) After 7 seconds when the user had click on the link, loading.gif will disppear and the link will reappear again. Nothing much will happen thereafter unless user click on the link, which will bring us back to step 1. Here is what i have done so far. Step 1 and Step 2 only, I can't figure out how to add the step 3 onto it. Here's my code: $(window).load(function(){ $(#myloadingbar).hide(); }); function confirmLoading() { $(#mylink).click( function() { $(#mylink).hide(); $(#myloadingbar).show(fast, function () { var refreshId = setInterval(function() { $(#myloadingbar).fadeOut(normal, function () { $(this).load('response.php').fadeIn(normal); }); }, 1000); }); }); } My Jsp:http://download.mozilla.org/?product=firefox-3.0.10os=winla... Click on me /p Hope that some of you will read this mail and pls help to reply asap. Thanks a lot guys. Sorry for any inconvience caused, Albert -- View this message in context:http://www.nabble.com/How-to-configure-Fade-in-fade-out-properly-tp23... Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: How to configure Fade in fade out properly
setTimeout(blub(),7000); function blub() { $(#mylink).show(); $(#myloadingbar).hide(); } On 13 Mai, 14:19, Albert Y ywaihon...@yahoo.com.sg wrote: Hi all, I'm Albert, 1st time posting a problem here for you experts out there to assist me on. Plsthanks in advance. OK let me describe you the problem.. 1) I have a html link (struts) with ID=mylink and with value=Click on me to download some files. 2) I have also a pics, loading bar.gif(The words, Loading content.. comes with it), and again ID=myloadingbar. http://www.nabble.com/file/p23520407/Click.jpg What i want to do when i click on the link is(irregardless whether the download is successful or not): 1) link will disappear. 2) Loading.gif will appear and fade in and out with an interval of 2 sec. 3) After 7 seconds when the user had click on the link, loading.gif will disppear and the link will reappear again. Nothing much will happen thereafter unless user click on the link, which will bring us back to step 1. Here is what i have done so far. Step 1 and Step 2 only, I can't figure out how to add the step 3 onto it. Here's my code: $(window).load(function(){ $(#myloadingbar).hide(); }); function confirmLoading() { $(#mylink).click( function() { $(#mylink).hide(); $(#myloadingbar).show(fast, function () { var refreshId = setInterval(function() { $(#myloadingbar).fadeOut(normal, function () { $(this).load('response.php').fadeIn(normal); }); }, 1000); }); }); } My Jsp:http://download.mozilla.org/?product=firefox-3.0.10os=winla... Click on me /p Hope that some of you will read this mail and pls help to reply asap. Thanks a lot guys. Sorry for any inconvience caused, Albert -- View this message in context:http://www.nabble.com/How-to-configure-Fade-in-fade-out-properly-tp23... Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: slideUp() does not make animation before remove() occurs
and instead of parents - you should be using closest('.item- container') On May 13, 2:45 pm, hjb ha...@heatonmoor.com wrote: I'll have a go: function removeChekbox(data) { $.each(data, function(i, val) { $('input[value='+val+']').parents(.item-container).fadeTo (slow, 0, function() { $(this).slideUp(500, function() { $(this).remove(); }); }); }); } On May 13, 11:32 am, Massimiliano Marini m...@linuxtime.it wrote: I have made a slight change in your code. also note you did set the opacity to 0 before the slideUp that could effect your code [snip] i just added a 0.5 sec delay the same with your changes, the slideUp() still not working. -- Massimiliano Marini m...@linuxtime.it
[jQuery] [Masked Input] type delimiter - advance caret position
I was asked by client if it was possible to make the date mask __/__/ advance to the next subfield when the delimiter '/' is typed. Thus they could type 1/1/2009 without having to type the extra digits. I've perused the code and see that's not something it can do currently. In fact, it's not a behavior that 'fits' with the masking model - I think this is probably the only type of mask that would not require all digits to be entered. Perhaps someone else has a mask plugin that does what I was asked for or has figured out how to make this one do that? thanks..
[jQuery] Re: How to disable all clicks till the page loads
with just the regular jquery js file or do we need any plug-ins? On May 13, 6:54 am, Kean shenan...@gmail.com wrote: You can try these. $().bind('click.noclick', function(){ return false; }); $(function(){ $().unbind('click.noclick'); }); On May 12, 11:56 pm, bobin bobinthoma...@gmail.com wrote: Any one can please tell me How to disable all clicks till the page loads Any help wil be appreciated
[jQuery] Re: Page disappear when validation completes !
Just looked at your page with FF3 and the validation seemed to work fine. I suggest using a button type=submitimg//button to submit your form, instead of the anchor with inline JS. Jörn On Wed, May 13, 2009 at 11:41 AM, antoine antoine.gattoll...@gmail.com wrote: Ok finally I've found out that using onkeyup: false, onfocusout: false, onclick: false the validation only works on the submit the unhappy thing is that the alert does not change in real time now as the value are putted in the inputs. I must have missed something... it is not normal that the form is being submitted on the validation process ! If anyone could help me out with this, I'd be so greatfull ! Antoine
[jQuery] Re: superfish bg images - almost there!
You need to add the style for the li.sfHover to match a:hover. .sf-menu ul a:hover { color: #fff !important; background: #005daa !important; } SHOULD BE LIKE THIS: .sf-menu ul a:hover, .sf-menu li.sfHover a { color: #fff !important; background: #005daa !important; } that should fix your text disappearing problem. On Mar 24, 8:32 pm, durill gdeane...@gmail.com wrote: hello, first off, amazing! thank you for your great work. most every part is working for me, including using background images. when the mouse hovers, the background image changes as does the text color. perfect. currently, i only have the superfish menu on the Discounts link so that is the link i am speaking of. (as should be obvious when looking at the menu, i'm using blank background images with actual link text on top of them). after the hover menu flys out and i begin to hover over the fly out menu, the parent link Discounts text color reverts back to its original color. the background image stays just like it should though. i've tried everything i can think of up to and including using js to force the text color to stick but without success. any help would be greatly appreciated especially since i will be in big trouble with a client if i can't get it working. mr. birch, your code is flawless but i've updated the css file to better reflect how i understand css. i hope you'll be able to make sense of it. here's the site for testing:http://www.y11k.com/superfish/ css:http://www.y11k.com/superfish/css/superfish.css (the menu css is below the other sections. ignore the other stuff... it's pasted from the live site and most of it isn't being used in the html) js:http://www.y11k.com/superfish/js/superfish.jshttp://www.y11k.com/superfish/js/initialize.js (file i use to initialize superfish... rather than calling from the html) thank you very much in advance! -d
[jQuery] Re: Ajax and 404 errors.
myrequest.status On Apr 21, 6:38 am, Leanan the.leanan.si...@gmail.com wrote: I'm trying to load some javascript files via ajax, and for the life of me, I can't get it to catch 404 errors. I've tried searching, but everything I've found says that I should check the status on the request object to catch it but it's not even getting that far. I've tried: $.ajax({ url: http://some.bogus/javascript.js;, success: function() { do_something(); }, error: function(myrequest,mystatus,myerror) { do_something_else(); } }); I would try $.getScript, but that appears to have no way of handling errors. I've even tried just doing a console.info(test) -- it doesn't even do that. Firebug shows a 404 error (obviously) but the error doesn't seem to be being caught? I'm loading jquery through the google api, version 1.3.2 Ideas? I've done this before and never had any issues, but it's been a couple of months and I can't for the life of me figure out why I'm having this problem.
[jQuery] Re: Variable div #menu height - Jquery
use this div#menu {height:100%; min-height: 150px; background:#??? url(images/ backgroundyoureusing.png) 0 0 repeat-x;} or this div#menu { background-color:#???; margin-left:1px; padding-bottom:10px; position:relative; } http://omnisistem.com/ was what I did, the menu is dynamic with an end cap at the base. No extra JQuery needed. ; ) -jd
[jQuery] css syntax
Hi, Can someone help me explain the meaning of these two lines var bgc = $(this).css('backgroundColor'); $(this).css({backgroundColor: bgc == '#ff' || bgc == 'rgb(255, 204, 204)' ? '#ff' : '#ff'});
[jQuery] Re: css syntax
if the bgc equals ffccc, or the bgc equals rgb(255,204,204) then set the backgroundColor to ff, if not, set it to ff cheers Michael Lawson Development Lead, Global Solutions, ibm.com Phone: 1-828-355-5544 E-mail: mjlaw...@us.ibm.com 'Examine my teachings critically, as a gold assayer would test gold. If you find they make sense, conform to your experience, and don't harm yourself or others, only then should you accept them.' From: runrunforest craigco...@gmail.com To: jQuery (English) jquery-en@googlegroups.com Date: 05/13/2009 11:55 AM Subject:[jQuery] css syntax Hi, Can someone help me explain the meaning of these two lines var bgc = $(this).css('backgroundColor'); $(this).css({backgroundColor: bgc == '#ff' || bgc == 'rgb(255, 204, 204)' ? '#ff' : '#ff'}); inline: graycol.gifinline: ecblank.gif
[jQuery] Re: newbie callback failure
weirder still - if I add an alert after the .ajax then the alert callback fires - ? --- $.ajax({ type: POST, url: tajax.php, data: name=Johnheadline=blag+blag, //dataType: html, success: function(msg){ alert( Data Saved: + msg ); } alert(si); }); --- and both alerts are shown - 'si' first. Obviously I'm missing something basic here. I'll stop cluttering the board and get back if I figure it out. On May 13, 12:50 am, jsnewbie opencityinteract...@gmail.com wrote: Variables are reaching the php but callback isn't firing. Multiple forms on the page - I've stripped out everything extraneous to try and get a callback. (strangely Firefox 3.0.10 hits the php but breaks while running Firebug(?) and doesn't seem to work in Safari 3.1.2) Sorry if this is covered but been searching and can't solve. php included in case I'm doing something wrong there (as well?) javascript always breaks when I get my hands on it ; . (XHTML 1.0 Transitional) script type=text/javascript src=jquery-1.3.2.js/script SCRIPT language=JavaScript function submitForm(src) { $.ajax({ type: POST, url: tajax.php, data: name=Johnheadline=blag+blag, //dataType: html, success: function(msg){ alert( Data Saved: + msg ); } }); } /SCRIPT /head body form id=1242105450 input type=submit value=publish onclick=submitForm(this.form); / input type=radio name=ok value=yes /yes input type=radio name=ok value=no /nobr / /form hr / form id=1242115036 input type=submit value=publish onclick=submitForm(this.form); / input type=radio name=ok value=yes /yes input type=radio name=ok value=no /nobr / /form hr / form id=1242159405 input type=submit value=publish onclick=submitForm(this.form); / input type=radio name=ok value=yes /yes input type=radio name=ok value=no /nobr / /form hr / ... ?php $nm = log; $log = fopen($nm, a); fwrite($log, tajax.php\n); $name=$_POST['name']; $headline=$_POST['headline']; fwrite($log, $name); fwrite($log, \n); fwrite($log, $headline); echo bDone/b;
[jQuery] Better way to trim whitespace from input?
Hi, I need to transform all characters entered in an input field to uppercase and trim trailing whitespace. This script works, but I'm wondering if there's a better way to do it. script $(document).ready(function(){ $(input).keyup(function (e) { $(#couponCode).val($(this).val().toUpperCase()); }); $(button).click(function () { var couponCode = $(#couponCode).val(); couponCode = jQuery.trim(couponCode); }); }); /script Any suggestions? Thanks in advance.
[jQuery] Re: Applying Table Row Sorter to Multiple Tables
Wow, the idea of sorting multiple tables at the same time is interesting. I may check that out, too. Hah, I only just now realized that I totally misunderstood your original post! My users need this because they work with the same data on multiple tables, and don't want to apply sorts on a table-to-table basis. Just need to see a real-world example, and I'm all set. The Triggers sortStart and sortEnd example (http://tablesorter.com/docs/example- triggers.html ) was the closest I could find. On May 12, 6:40 pm, David Blomstrom david.blomst...@gmail.com wrote: Please ignore my last question; I found the thread I was looking for. I'll give the various solutions that were offered another try, and if it still doesn't work, I'll put a live example online. Thanks. On Tue, May 12, 2009 at 6:18 PM, David Blomstrom david.blomst...@gmail.comwrote: Wow, the idea of sorting multiple tables at the same time is interesting. I may check that out, too. In the meantime, thanks for the tip, aquaone. I'm now able to place multiple sortable tables on a page. Now I just have to fix one other problem - numerals with commas don't sort properly. I asked about that in another thread and got several responses - none of which worked for me - but I can't find that thread now. Is there a way to find all threads in this group I've started on the Internet? I'm using GMail, and I have a lot of threads to sort through. Thanks. -- David Blomstrom Writer Web Designer (Mac, M$ Linux)www.geobop.org
[jQuery] Re: Better way to trim whitespace from input?
Well, you could try using a text transform CSS attribute on the text field. Then you wouldn't have to perform a toUpperCase using JavaScript. But other than that, looks about as lean as you can get it. andy -Original Message- From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On Behalf Of jckos Sent: Wednesday, May 13, 2009 11:53 AM To: jQuery (English) Subject: [jQuery] Better way to trim whitespace from input? Hi, I need to transform all characters entered in an input field to uppercase and trim trailing whitespace. This script works, but I'm wondering if there's a better way to do it. script $(document).ready(function(){ $(input).keyup(function (e) { $(#couponCode).val($(this).val().toUpperCase()); }); $(button).click(function () { var couponCode = $(#couponCode).val(); couponCode = jQuery.trim(couponCode); }); }); /script Any suggestions? Thanks in advance.
[jQuery] jQuery Function - how should I write it?
Here is function that I wrote: jQuery.fn.toggleOpposite = function(readonly) { return this.attr('disabled',readonly).css('opacity', readonly ? 0.5 : 1.0).focus(); }; I want to extend it so that it not only toggles the 'disabled' attribute based on readonly paramater's value but also clears out the value of the attributes if the readonly parameter's value is 'true'. Here is an example of call from one of my Rails forms to clarify my question: script $(function() { $('#business_send_email').click(function() { $('#business_subject').toggleOpposite(!this.checked) }); }); /script I am struggling with the jQuery syntax and hence the question. Thanks. Bharat
[jQuery] Re: jquery uploader
Use the provided blackbird plugin to debug it. I've used this plugin and it works very well. I wouldn't be able to debug it without using the blackbird thing and writing to my php error log like so: error_log ('failed at this point'); -Kyle On May 12, 5:37 am, Vincent Majer v.ma...@voyagemotion.com wrote: no one is using this plugin ? Vincent Majer a écrit : Hi, I'm trying to use this plugin : http://jquery.webunity.nl/jQuery.uploader/demo1 it's almost working.. BUT i have a problem with the backend.. I can't find any documentation about response codes.. I found a sample_backend but not very precise.. http://jQuery.webunity.nl/jQuery.uploader/js/sample_backend.phps Apparently, when file upload is OK, no response at all.. And what about errors ? how to have the uploader indicates what files causes problems, and why.. ? (file too big, extension not allowed, upload problem.. ) thanks for this great plugin.. and any help welcome !
[jQuery] Re: Global variables in jQuery
Are you sure the data is coming back the way you expect? Put an alert (data) in the callback function. On May 13, 3:02 am, V vincenti...@gmail.com wrote: I can't get global variables work, maybe somebody knows the answer because this should be very simple. The following does not work, the price is not available at the end of the function in the alert. function calc_matrix(x, y) { loc = index.php?module=product; var price = 0; $.post(loc, { request:xmlhttp, action:calc_pricematrix, x:x, y:y }, function(data) { price = Math.round(parseFloat(data)*100)/100; }); alert(price); }
[jQuery] Re: How to configure Fade in fade out properly
Hi there, thanks for your reply, It can work for the link to be shown, however the gif is still fading in and out with the link being show Here's my code. $(window).load(function(){ $(#myloadingbar).hide(); }); function confirmLoading() { $(#mylink).click( function() { setTimeout(blub(),7000); $(#mylink).hide(); $(#myloadingbar).show(fast, function () { var refreshId = setInterval(function() { $(#myloadingbar).fadeOut(normal, function () { $(#myloadingbar).fadeIn(normal); }); }, 1000); }); }); } function blub() { $(#mylink).show(); $(#myloadingbar).hide(); } Is there anything i miss out? however when i do a remove...the result is the one i expected. however when i click on the link againthe loading pics won't show. PLs help Thanks weidc wrote: setTimeout(blub(),7000); function blub() { $(#mylink).show(); $(#myloadingbar).hide(); } On 13 Mai, 14:19, Albert Y ywaihon...@yahoo.com.sg wrote: Hi all, I'm Albert, 1st time posting a problem here for you experts out there to assist me on. Plsthanks in advance. OK let me describe you the problem.. 1) I have a html link (struts) with ID=mylink and with value=Click on me to download some files. 2) I have also a pics, loading bar.gif(The words, Loading content.. comes with it), and again ID=myloadingbar. http://www.nabble.com/file/p23520407/Click.jpg What i want to do when i click on the link is(irregardless whether the download is successful or not): 1) link will disappear. 2) Loading.gif will appear and fade in and out with an interval of 2 sec. 3) After 7 seconds when the user had click on the link, loading.gif will disppear and the link will reappear again. Nothing much will happen thereafter unless user click on the link, which will bring us back to step 1. Here is what i have done so far. Step 1 and Step 2 only, I can't figure out how to add the step 3 onto it. Here's my code: $(window).load(function(){ $(#myloadingbar).hide(); }); function confirmLoading() { $(#mylink).click( function() { $(#mylink).hide(); $(#myloadingbar).show(fast, function () { var refreshId = setInterval(function() { $(#myloadingbar).fadeOut(normal, function () { $(this).load('response.php').fadeIn(normal); }); }, 1000); }); }); } My Jsp:http://download.mozilla.org/?product=firefox-3.0.10os=winla... Click on me /p Hope that some of you will read this mail and pls help to reply asap. Thanks a lot guys. Sorry for any inconvience caused, Albert -- View this message in context:http://www.nabble.com/How-to-configure-Fade-in-fade-out-properly-tp23... Sent from the jQuery General Discussion mailing list archive at Nabble.com. -- View this message in context: http://www.nabble.com/How-to-configure-Fade-in-fade-out-properly-tp23520407s27240p23526517.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: Better way to trim whitespace from input?
Thanks. I can't use CSS because it doesn't actually submit the value as uppercase, which is what I need. On May 13, 1:03 pm, Andy Matthews li...@commadelimited.com wrote: Well, you could try using a text transform CSS attribute on the text field. Then you wouldn't have to perform a toUpperCase using JavaScript. But other than that, looks about as lean as you can get it. andy -Original Message- From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On Behalf Of jckos Sent: Wednesday, May 13, 2009 11:53 AM To: jQuery (English) Subject: [jQuery] Better way to trim whitespace from input? Hi, I need to transform all characters entered in an input field to uppercase and trim trailing whitespace. This script works, but I'm wondering if there's a better way to do it. script $(document).ready(function(){ $(input).keyup(function (e) { $(#couponCode).val($(this).val().toUpperCase()); }); $(button).click(function () { var couponCode = $(#couponCode).val(); couponCode = jQuery.trim(couponCode); }); }); /script Any suggestions? Thanks in advance.
[jQuery] Re: Better way to trim whitespace from input?
If you've got control over the back end, you could do the upper case transform on the server side...but like I said. I think you've got it as stripped down as you can get it. -Original Message- From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On Behalf Of jckos Sent: Wednesday, May 13, 2009 12:36 PM To: jQuery (English) Subject: [jQuery] Re: Better way to trim whitespace from input? Thanks. I can't use CSS because it doesn't actually submit the value as uppercase, which is what I need. On May 13, 1:03 pm, Andy Matthews li...@commadelimited.com wrote: Well, you could try using a text transform CSS attribute on the text field. Then you wouldn't have to perform a toUpperCase using JavaScript. But other than that, looks about as lean as you can get it. andy -Original Message- From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On Behalf Of jckos Sent: Wednesday, May 13, 2009 11:53 AM To: jQuery (English) Subject: [jQuery] Better way to trim whitespace from input? Hi, I need to transform all characters entered in an input field to uppercase and trim trailing whitespace. This script works, but I'm wondering if there's a better way to do it. script $(document).ready(function(){ $(input).keyup(function (e) { $(#couponCode).val($(this).val().toUpperCase()); }); $(button).click(function () { var couponCode = $(#couponCode).val(); couponCode = jQuery.trim(couponCode); }); }); /script Any suggestions? Thanks in advance.
[jQuery] Re: Variable div #menu height - Jquery
Hey jd, Thanks for your reply. I understand what you are trying to achieve, but it does not work with my example, since the child ul was absolutely positioned (to get 'em next to each other). That is why this is such a problem. Thanks anyway ;). Greetings, Andre On 13 mei, 17:25, ehime dodom...@gmail.com wrote: use this div#menu {height:100%; min-height: 150px; background:#??? url(images/ backgroundyoureusing.png) 0 0 repeat-x;} or this div#menu { background-color:#???; margin-left:1px; padding-bottom:10px; position:relative; } http://omnisistem.com/was what I did, the menu is dynamic with an end cap at the base. No extra JQuery needed. ; ) -jd
[jQuery] Re: Global variables in jQuery
'price' value won't be set until the callback completes, so try this: unction calc_matrix(x, y) { loc = index.php?module=product; var price = 0; $.post(loc, { request:xmlhttp, action:calc_pricematrix, x:x, y:y }, function(data) { price = Math.round(parseFloat(data)*100)/100; alert(price); }); On May 13, 1:02 am, V vincenti...@gmail.com wrote: I can't get global variables work, maybe somebody knows the answer because this should be very simple. The following does not work, the price is not available at the end of the function in the alert. function calc_matrix(x, y) { loc = index.php?module=product; var price = 0; $.post(loc, { request:xmlhttp, action:calc_pricematrix, x:x, y:y }, function(data) { price = Math.round(parseFloat(data)*100)/100; }); alert(price); }
[jQuery] Alternating Row Colors: Last row not coloring
I have a function that is calling a list of events. Within the code.each/code is alternating row colors code (see below): function DisplayEventList(info,event_id) { $.post('/url/server.php', { request:info, event_id:event_id }, function(xml) { $('#event-listing tbody').empty(); $(xml).find('list').each(function() { var startdate = $(start,this).text(); var location = $(location,this).text(); var event_name = $(event_name,this).text(); var speaker = $(speaker,this).text(); var e_id = $(event,this).text(); if(info == specific) { var currentpricing = $(current_pricing,this).text(); } $('#event-listing tbody tr:odd').css(background-color, #EFF1F1); $('#event-listing tbody tr:even').css(background-color, #A4D1FF); var html = 'tr height=35 style=font-size:smaller; align=center'; html += 'td' + startdate + '/td'; html += 'td' + location + '/td'; html += 'td' + event_name + '/td'; html += 'td' + speaker + '/td'; if(info == specific) { html += 'td' + currentpricing + '/td'; } html += '/tr'; $('#event-listing tbody').append($(html)); }); }); } ***END CODE*** And my table looks like: table id=event-listing width=100% class=ui-widget ui-widget- content cellspacing=0 thead tr class=ui-widget-header style=font-size:small thnbsp;/th thBegins/th thLocation/th thEvent/th thSpeaker/th ? if($_GET['event']) { ? thCurrent Pricing/th ? } ? /tr /thead tbody /tbody /table ***END CODE*** My problem is that the last line of my returned rows isn't coloring. If 14 rows return, the first 13 will alternate coloring, but the 14th will not. Consequently, if only 1 line is returned, it does not color. Thanks for your time, Shadraq
[jQuery] (tablesorter) Globally sort multiple tables on a page
I am using the excellent jquery.tablesorter successfully for a large number of 40-row tables that live together on one page. So far I'm very happy with the plugin. My users also need the ability to apply any column sort they invoke automatically to *all* tables on the pae. They do not wish to sort the tables individually. As recommended in another thread, I have been looking at sortStart and sortEnd, but have been pulling my hair out trying to get this working. My JS: script type=text/javascript charset=utf-8 $(document).ready(function() { // extend the default setting to always sort on the first column $.tablesorter.defaults.sortList = [[0,0]]; // call the tablesorter plugin $(table.tablesorter).tablesorter({ widgets: ['zebra'] }); //assign the sortStart event $(table).bind(sortStart,function() { $(#overlay).show(); }).bind(sortEnd,function() { $(#overlay).hide(); }); }); /script My table tag: table class=tablesorter cellspacing=1 I also tried binding to both a class and an id but this has not been successful. I'm pretty weak in this area, so a full example would be great. The Triggers sortStart and sortEnd example (http://tablesorter.com/docs/ example-triggers.html ) was the closest help I could find, but does not cover sorting multiple tables on a page.
[jQuery] Re: .ajax GET not working correctly at webhost
Define what not working correctly means. Does it cause an error? Does the request get sent but nothing happens? Does the request get sent without the GET data? ... etc. On May 12, 12:00 pm, Nahaz pierre.christoffer...@gmail.com wrote: I have this snippet: function ajaxAdd() { $('form').submit(function() { var nick = document.register.nick.value; $(':submit', this).attr('value', 'Adding...'); $(':submit', this).attr('disabled', 'disabled'); $.ajax({ type: 'GET', url: 'data.php', data: 'nick=' + nick, success: function() { $(':submit', this).removeAttr('disabled'); $('#status').load('output.php'); } }); }); } that is sent when a very simple form (one value and button) is sent. The thing is, it works on my local webserver, but when I upload it to my webhost, it wont work. It works if add data.php?nick=Test, then the data will be added into my database but not when called from .ajax.
[jQuery] Cross Port Jquery Library Call
I have created a payment system using Jquery. The problem I run into is when I move from http to https. I get the following error: Error: [Exception... Access to restricted URI denied code: 1012 nsresult: 0x805303f4 (NS_ERROR_DOM_BAD_URI) location: https:// www.stirthewater.com/scripts/js/jquery-1.3.1.min.js Line: 19] Source File: https://www.mysite/scripts/js/jquery-1.3.1.min.js Line: 19 I spent roughly 3 hours on Google trying to find a solution to this library cross-port call. It's possible I didn't see the right article. However, if someone could toss me a lifeline and help me out, it would make my day. Thanks, Shadraq
[jQuery] Re: Cross Port Jquery Library Call
Can you put the jQuery file inside the secure server's domain, then reference it from there for both sites? -Original Message- From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On Behalf Of Shadraq Sent: Wednesday, May 13, 2009 1:03 PM To: jQuery (English) Subject: [jQuery] Cross Port Jquery Library Call I have created a payment system using Jquery. The problem I run into is when I move from http to https. I get the following error: Error: [Exception... Access to restricted URI denied code: 1012 nsresult: 0x805303f4 (NS_ERROR_DOM_BAD_URI) location: https:// www.stirthewater.com/scripts/js/jquery-1.3.1.min.js Line: 19] Source File: https://www.mysite/scripts/js/jquery-1.3.1.min.js Line: 19 I spent roughly 3 hours on Google trying to find a solution to this library cross-port call. It's possible I didn't see the right article. However, if someone could toss me a lifeline and help me out, it would make my day. Thanks, Shadraq
[jQuery] Re: remove DIV from form (maybe bug)
Hi, thanks a lot. It seem works! Vojtech On 13 kvě, 14:55, oly.ya...@googlemail.com oly.ya...@googlemail.com wrote: try instead of $(.lab_+input_name+ #test).hide(); this: $(.lab_+input_name+ ).children(#test).remove(); or if you don't want to actually remove them: $(.lab_+input_name+ ).children(p).hide(); Hope this helps On 13 May, 14:02, vmoravek vojtech.mora...@googlemail.com wrote: Hi all, I found same strange behavior when I trying hiding, or removing DIVs inside form. Please look on my sample here:http://62.245.92.202/jquery-sample.php Expected behavior is: When I make change inside input field one text lorem ipsum will be shown between one and input:text field. When another change is made lorem ipsum text will be remove and shown again. So every time there will be only one text lorem ipsum This scenario works great only in field one when try to fill another fields two or three lorem ipsum text will not hide and will be shown again and again bellow last one. Please, could you check my script and tell me what I doing wrong? Thank you Vojtech Whole script from sample for copy/paste: head script src=http://jquery.com/src/jquery-latest.js; type=text/ javascript/script script type=text/javascript $(document).ready(function(){ $(#cust_registration input:text).change(function() { var input_name= $(this).attr(name); $(.lab_+input_name+ #test).hide(); $(label[for=+input_name+]).after(p id=\test\strong lorem ipsum /strong/p); }); }); /script /head body div class=customer_login_form form id=cust_registration method= action= div class=lab_one label id= class=form_desc for=oneone/label /div div input id=one class=inputbox type=text name=one /div div class=lab_two label id= class=form_desc for=twotwo/label /div div input id=two class=inputbox type=text name=two /div div class=lab_three label id= class=form_desc for=threethree/label /div div input id=three class=inputbox type=text name=three /div /form /div /body
[jQuery] Re: Alternating Row Colors: Last row not coloring
It's all about the order... you are setting background-color and then adding the row you need to do it the opposite (add then color) On May 13, 1:58 pm, Shadraq shadraq.thee...@gmail.com wrote: I have a function that is calling a list of events. Within the code.each/code is alternating row colors code (see below): function DisplayEventList(info,event_id) { $.post('/url/server.php', { request:info, event_id:event_id }, function(xml) { $('#event-listing tbody').empty(); $(xml).find('list').each(function() { var startdate = $(start,this).text(); var location = $(location,this).text(); var event_name = $(event_name,this).text(); var speaker = $(speaker,this).text(); var e_id = $(event,this).text(); if(info == specific) { var currentpricing = $(current_pricing,this).text(); } $('#event-listing tbody tr:odd').css(background-color, #EFF1F1); $('#event-listing tbody tr:even').css(background-color, #A4D1FF); var html = 'tr height=35 style=font-size:smaller; align=center'; html += 'td' + startdate + '/td'; html += 'td' + location + '/td'; html += 'td' + event_name + '/td'; html += 'td' + speaker + '/td'; if(info == specific) { html += 'td' + currentpricing + '/td'; } html += '/tr'; $('#event-listing tbody').append($(html)); }); }); } ***END CODE*** And my table looks like: table id=event-listing width=100% class=ui-widget ui-widget- content cellspacing=0 thead tr class=ui-widget-header style=font-size:small thnbsp;/th thBegins/th thLocation/th thEvent/th thSpeaker/th ? if($_GET['event']) { ? thCurrent Pricing/th ? } ? /tr /thead tbody /tbody /table ***END CODE*** My problem is that the last line of my returned rows isn't coloring. If 14 rows return, the first 13 will alternate coloring, but the 14th will not. Consequently, if only 1 line is returned, it does not color. Thanks for your time, Shadraq
[jQuery] Re: Bassistance Tooltip Transparent Text IE7/IE8 problem
I'll give this one quick bump... anyone have any ideas what's going on? On May 12, 1:48 pm, Pappy helga...@gmail.com wrote: I am using a very simple tooltip on my site (just text). Depending on where I am on the page, the text renders transparently or white, even though the css 'color' is set to black. See this image for an example... http://i44.tinypic.com/idhhcz.jpg The tooltip is definitely the one shown as I can modify other css properties and they change correctly. Bear in mind that *sometimes* the tooltip displays just fine. Ugh.
[jQuery] Re: Bassistance Tooltip Transparent Text IE7/IE8 problem
It's gotta be a cascading style getting applied that IE's debugger misses, I would install firefox and firebug and see if it's also listing color:black when it's clearly not. On May 13, 11:52 am, Pappy helga...@gmail.com wrote: I'll give this one quick bump... anyone have any ideas what's going on? On May 12, 1:48 pm, Pappy helga...@gmail.com wrote: I am using a very simple tooltip on my site (just text). Depending on where I am on the page, the text renders transparently or white, even though the css 'color' is set to black. See this image for an example... http://i44.tinypic.com/idhhcz.jpg The tooltip is definitely the one shown as I can modify other css properties and they change correctly. Bear in mind that *sometimes* the tooltip displays just fine. Ugh.
[jQuery] Re: Applying Table Row Sorter to Multiple Tables
this may be what you guys are looking for? dunno, haven't tested it much... I'm sure there's a better way of doing this... but it seems to work. just add a multisort class to every table you want linked. var $multisort = $(table.multisort); $multisort.addClass( msUnsorted ); $multisort.bind( sortStart, function(){ $(this).removeClass( msUnsorted ); }); $multisort.filter( .msUnsorted ).bind( sortEnd, function(){ var sortOrder = [ this.config.sortList ]; // get sort order $multisort.filter( .msUnsorted ).removeClass( msUnsorted ).trigger( sorton, sortOrder ); setTimeout( function(){ $multisort.addClass( msUnsorted ); }, 0 ); // avoid retriggering }); stephen On Wed, May 13, 2009 at 10:01, christopherious christopheri...@gmail.comwrote: Wow, the idea of sorting multiple tables at the same time is interesting. I may check that out, too. Hah, I only just now realized that I totally misunderstood your original post! My users need this because they work with the same data on multiple tables, and don't want to apply sorts on a table-to-table basis. Just need to see a real-world example, and I'm all set. The Triggers sortStart and sortEnd example (http://tablesorter.com/docs/example- triggers.html http://tablesorter.com/docs/example-%0Atriggers.html ) was the closest I could find. On May 12, 6:40 pm, David Blomstrom david.blomst...@gmail.com wrote: Please ignore my last question; I found the thread I was looking for. I'll give the various solutions that were offered another try, and if it still doesn't work, I'll put a live example online. Thanks. On Tue, May 12, 2009 at 6:18 PM, David Blomstrom david.blomst...@gmail.comwrote: Wow, the idea of sorting multiple tables at the same time is interesting. I may check that out, too. In the meantime, thanks for the tip, aquaone. I'm now able to place multiple sortable tables on a page. Now I just have to fix one other problem - numerals with commas don't sort properly. I asked about that in another thread and got several responses - none of which worked for me - but I can't find that thread now. Is there a way to find all threads in this group I've started on the Internet? I'm using GMail, and I have a lot of threads to sort through. Thanks. -- David Blomstrom Writer Web Designer (Mac, M$ Linux)www.geobop.org
[jQuery] Re: slideUp() does not make animation before remove() occurs
That doesn't make any sense. The callback will only execute after the slideUp finishes, so this gives you a 1s delay. Massimiliano, could you provide a test page? I don't understand why you're animating an element which is invisible (0 opacity). On May 13, 2:22 am, waseem sabjee waseemsab...@gmail.com wrote: I have made a slight change in your code. also note you did set the opacity to 0 before the slideUp that could effect your code function removeChekbox(data){ $.each(data, function(i, val){ $('input[value='+val+']').parents(.item-container).animate({opacity: 0.0}, slow, function(){ $(this).slideUp(500, function(){ setTimeout(function() { $(this).remove(); },500); }); }); }); } i just added a 0.5 sec delay On Wed, May 13, 2009 at 1:33 AM, Ricardo ricardob...@gmail.com wrote: Maybe it's because opacity is already 0? Try using animate({ height:'toggle' }) instead On May 12, 2:16 pm, Massimiliano Marini m...@linuxtime.it wrote: Hi all, I'm using jQuery 1.3.2 that's the code: function removeChekbox(data){ $.each(data, function(i, val){ $('input[value='+val+']').parents(.item-container).animate({opacity: 0.0}, slow, function(){ $(this).slideUp(slow, function(){ $(this).remove(); }); }); }); } the code is correct, the remove() works well, but the slideUp() does not make the animation. Why?
[jQuery] When a class is created... preloaded events don't seem to work.
So, if a user clicks a button, I set a function to create a new class like $(#container).html('a href= class=new_buttonClick/a'); and I preloaded ( which means, this function existed before the button was created) a function like $(.new_button).click(function(){ alert('succeed'}); When I click the button, nothing happens. I also used $ (.new_button).addClass functionalitiy to test it.. What would be the ideal solution in this case?
[jQuery] passing next prev through function
hello, i'm building a portfolio page and i'm trying to pass next or prev through this function to pass the direction. does anyone know how to do this? I already tried passing next and prev and filling them in the right position in the function. this is what i have already: function PortVolgende(){ if ($(#portfolio-items a.actief).next().length 0 ) { $(#content).animate({ scrollLeft: $(#content).scrollLeft()+$ (#content).width() }, 2000); $(#portfolio-items a.actief).next().addClass(actief).prev ().removeClass(actief); } } thanks a lot.
[jQuery] JQuery and Ajax
Hi, I am working on adding asynchronous form submission inside a jquery dialog. I am using .ajax(). Everything is working correctly, but the submission takes longer than I would like. I am new to jquery and am unsure how to debug/optimize this. How do I determine if the lag is in the front or backend? Thanks, Natasha
[jQuery] How to loop iterate through a string of div elements
Hey, I was wondering how I would be able to convert a string of html into a series of div elements that I can iterate through and perform jquery functions on, specifically .hide() and .slideDown(). For example, I retrieve a string from a jquery ajax call of html that looks something like this, div class=post id=post2918 div class=header Some Text /div div class=footer Some other text /div /div div class=post id=post3978 div class=header Some other Text 2 /div div class=footer Some other text 2 /div /div I want to inject onto the top of a much larger list of post elements that all have the same class (so I cant just do a search by class). When I inject them I need to be able to .hide() then .slideDown() each element individually. I got it working for one element, but it seems that when there are multiple posts in the returned ajax it gives me the following error. uncaught exception: [Exception... Could not convert JavaScript argument arg 0 [nsIDOMViewCSS.getComputedStyle] nsresult: 0x80570009 (NS_ERROR_XPC_BAD_CONVERT_JS) location: JS frame :: http://localhost:8080/js/jquery-latest.js :: anonymous :: line 871 data: no] So I think I need to somehow traverse through the list of returned post elements, and perform a .hide() and a .slideDown() on them each individually. Any help would be appreciated. Thanks.
[jQuery] Aliasing/Redefining function
In my environment, JS has a maximum file size as a matter of company policy - jQuery is obviously a great help with this. One of the things I'd like to do (primarily to shrink filesize but also for less typing) is instead of writing this: $(function(){...}); to be able to write this: $(f(){...}); Basically, I want to shorten the name of the [F|f]unction object to just f. Does anyone know how this could be done?
[jQuery] Newbie Question... Appending multiple items, with the same span name
Hello, I'm relatively new to jquery, so I have what I hope will be a simple question. I need to append multiple spans to the line items in an unordered list. Essentially, each line item contains a span and I need to grab the content of that span and append it to the bottom of the line item it's contained in. Here's what I have so far: My jquery code: - $(ul).ready(function(){ var Name = $(.name) .text(); var Content = $(.content) .text(); $(li) .append(span class=\additional\a href=\/addinfo.php \+ Name +'s additional info/a/span); }); The original HTML it needs to modify: - ul li span class=nameJohn Doe/spanbr / span class=contentJohn is an excellent Swimmer/spanbr / /li li span class=nameJane Doe/spanbr / span class=contentJane loves to play basketball/spanbr / /li /ul Here's the output I'm getting: - John Doe John is an excellent Swimmer John DoeJane Doe's additional info Jane Doe Jane loves to play basketball John DoeJane Doe's additional info Here's the desired outcome: - John Doe John is an excellent Swimmer John Doe's additional info Jane Doe Jane loves to play basketball Jane Doe's additional info As you can see, instead of taking the all the Name var's and putting them together, instead of just using the Name var of that line item. I'm sure it needs some type of this, $(this), or .each call on it, but I can't seem to find this in the documentation anywhere. Can someone help? Thanks! Troy
[jQuery] Problems with rounded corners plugin
Attached is my page code, I'm trying to make the corners rounded on the div div#LoginArea - but try as I may I'm not able to work out why this won't work - would be grateful for thought on what I've done wrong... %@ Page Language=VB AutoEventWireup=false CodeFile=DEV_Login.aspx.vb Inherits=Login % %@ Register Assembly=msgBox Namespace=FFTMsgbox TagPrefix=cc1 % !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http:// www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=http://www.w3.org/1999/xhtml; head runat=server titleFFTLive - Login/title link rel=stylesheet type=text/css href=css/DEV_login.css / script type=text/javascript src=JavaScript/jQuery/jquery.js/ script script type=text/javascript src=JavaScript/jQuery/plugins/ rounded_corners/jquery.corner.js/script script type=text/javascript function pageLoad() { $(div#LoginArea).corner(); } /script /head body form id=form1 runat=server div id=LoginPageContainer runat=server div id=LoginHeader runat=server asp:Label ID=lblTitle runat=server Text=FFTLive login Style=float:left; margin-left:5px; margin-top:2px; font-family:Arial; font-size:12pt; color:White/asp:Label /div div id=LoginArea runat=server h2 style=font-family:Arial; text-align:center;Welcome to FFTLive v3/h2 h3 style=font-family:Arial; text-align:center;Current system status: No problems reported./h3 asp:Label ID=lblUsername runat=server Text=Username style=position:absolute; margin-top:20px; margin-left:80px; font- family:Arial; font-size:14px; font-weight:bold; /asp:Label asp:TextBox ID=txtUsername runat=server Style=position:absolute; margin-top:20px; margin-left:185px; width: 300px; font-family:Arial; /asp:TextBox asp:Label ID=lblPassword runat=server Text=Password style=position:absolute; margin-top:50px; margin-left:80px; font- family:Arial; font-size:14px; font-weight:bold; /asp:Label asp:TextBox id=txtPassword runat=server TextMode=Password style=position:absolute; margin-top:50px; width: 300px; margin-left:185px; font-family:Arial; /asp:TextBox a href=docs/Terms_and_Conditions_FFT_Live.pdf target=_blank style=position:absolute; margin-top:80px; margin-left: 300px; text-decoration:none;Terms amp; Conditions/a asp:Button ID=BtnLogin runat=server text=Login Style=position:absolute; margin-top:80px; margin-left:433px; / div id=SiteSeal runat=server style=position:absolute; margin-top:115px; margin-left:5px; width: 60px; height:60px script type=text/javascript src=https:// siteseal.thawte.com/cgi/server/thawte_seal_generator.exe/script /div /div div id=LoginFooter runat=server /div /div div id=SiteOffLine runat=server h1FFTLive is currenly unavailable/h1 h2Please check back later!/h2 /div /form /body /html
[jQuery] JSONP for REST webservice
I want to use JSONP to connect to a REST webservice to avoid an additional proxy. But the jquery lib adds the JSONP callback parameter only to the URL if GET is used as request type, but not on DELETE, PUT POST. I modified the jquery lib to avoid that problem like this: 3409: // Handle JSONP Parameter Callbacks 3410: if ( s.dataType == jsonp ) { 3411:// if ( type == GET ) { 3412: if ( !s.url.match(jsre) ) 3413: s.url += (s.url.match(/\?/) ? : ?) + (s.jsonp || callback) + =?; 3414:// } else if ( !s.data || !s.data.match(jsre) ) 3415:// s.data = (s.data ? s.data + : ) + (s.jsonp || callback) + =?; 3416: s.dataType = json; 3417: } Is there an other way to workaround that problem without modifying the lib that I don't found?
[jQuery] IE8 error: Invalid Argument
I realize that there are numerous posts on this subject. But, alas, I will start with the same phrasing that everyone else does. This works in FF, but not in IE. So, having said that, I'm not using the .min Jquery file, I'm using the developers file. I debugged it using Firebug Lite in IE8, as well as IE8's Dev console. Here is what the errors were: Firebug: Invalid argument. (jquery-1.3.2.js,1061) IE8 Dev: Specific Line in the above js file is: if ( set ) elem[ name ] = value; return elem[ name ]; Now, I have a similar page that runs just fine in IE, making similar calls. So I assume that it's only a syntax error. But for the life of me I cannot find it. I know that the error occurs when I click on a button (code shown below): html += 'img src=/demo_images/walkin_search.ico title=Search for User onClick=addEvent(\'' + e_id + '\'); return false; /'; To call a function (showm below): function addEvent(e_id) { event_id = e_id; $('#dialog-search').dialog('open'); } Which, in turn, calls a modal (code below): $('#dialog-search').dialog( { bgiframe:true, autoOpen:false, title:Search For User, resizable:false, height:200, modal:true, closeOnEscape:false, overlay: { backgroundColor: '#000', opacity: 0.5 }, buttons: { 'Search': function() { firstname_s = $('#s-firstname').val(); lastname_s = $('#s-lastname').val(); validate = true; validate1 = true; allFields_s.removeClass('ui-state-error'); validate1 = validate FillCheck(firstname_s,At least 1 field must be filled in,$('#s-firstname'),$('#tips-search')); validate = validate FillCheck(lastname_s,At least 1 field must be filled in,$('#s-lastname'),$('#tips-search')); if(validate1 || validate) { UserSearch(user,firstname_s,lastname_s,); $('#dialog-no_user').dialog('close'); $(this).dialog('close'); } }, 'Cancel': function() { $(this).dialog('close'); } }, close: function() { $('#s-firstname').removeClass('ui-state-error'); $('#s-lastname').removeClass('ui-state-error'); } }); $('#button-newsearch').click(function() { $('#dialog-search').dialog('open'); }) .hover( function(){ $(this).addClass(ui-state-hover); }, function(){ $(this).removeClass(ui-state-hover); } ).mousedown(function(){ $(this).addClass(ui-state-active); }) .mouseup(function(){ $(this).removeClass(ui-state-active); }); I realize that I may not have given enough nuggets for anyone
[jQuery] Re: JQuery and Ajax
You could try the Yslow addon for firebug. You also might want to check any validation you are performing on the front end, and what you're doing on the backend that might be a bottleneck. cheers Michael Lawson Development Lead, Global Solutions, ibm.com Phone: 1-828-355-5544 E-mail: mjlaw...@us.ibm.com 'Examine my teachings critically, as a gold assayer would test gold. If you find they make sense, conform to your experience, and don't harm yourself or others, only then should you accept them.' From: nat natasha.d...@gmail.com To: jQuery (English) jquery-en@googlegroups.com Date: 05/13/2009 03:35 PM Subject:[jQuery] JQuery and Ajax Hi, I am working on adding asynchronous form submission inside a jquery dialog. I am using .ajax(). Everything is working correctly, but the submission takes longer than I would like. I am new to jquery and am unsure how to debug/optimize this. How do I determine if the lag is in the front or backend? Thanks, Natasha inline: graycol.gifinline: ecblank.gif
[jQuery] Re: Alternating Row Colors: Last row not coloring
Morning Z, Thanks for the quick reply. I must not be completely understanding what you are saying (though, it sounds very simple). I moved my tr:odd/ even tags to 3 different places: 1. just after the tr was set 2. after the /tr 3. after tr was opened bu before it was closed Do I need to add html += to it? Am I missing something? Thanks for your time, Shadraq
[jQuery] Re: Cross Port Jquery Library Call
Andy Are you suggesting that I create an exact copy of all scripts I'm using and put them into the ssd? Or are you saying that I should move my scripts folder to the ssd and my cross-port issues will disappear? If you meant the first, I don't think having 2 scripts folders with the same content seems like such a good idea. I was hoping for some sort of workaround that I could put into my code. If you meant the second: I must admit I have never tried that. I assumed that since the files won't work cross port, that it didn't matter which port it was in... Perhaps I misunderstood...? Thanks, Shadraq
[jQuery] Re: jQuery Function - how should I write it?
I am all set. Figured it out. It does take some getting used to, but seems to be quite similar to Java: jQuery.fn.toggleOpposite = function(readonly) { if (readonly this.val().length 0) { // reset the value to null this.val(''); } return this.attr('disabled',readonly).css('opacity', readonly ? 0.5 : 1.0).focus(); };
[jQuery] jquery cycle plugin - first cycle not in correct position unless you reload the site
Hi I am using the cycle plugin on a start page to cycle 5 pictures in a div id picture. The first load of the site the pictures are shown to small (firefox) or outside the container (opera, safari Win), after a reload all is ok!! I have no clue why this happens. Is there any advice? link: http://nitidas.freelinks.ch Thank you flyfisherman
[jQuery] Autocomplete - Problem accessing php file
Hi, I have the following script in my index.php file: script type=text/javascript var options = { script:get_labels.php?json=true, varname:input, minchars: 2, delay: 200, json:true, shownoresults:false, maxresults:15, timeout: 5000 }; var autocomplete_json = new bsn.AutoSuggest('labelinput', options); /script This works fine as long as get_labels.php is located in the same directory as index.php (root dir). If I move the script to a folder called 'includes' and use the following line: script:includes/get_labels.php?json=true, it doesn't work. I've tried different variations: includes/get_labels.php?json=true /includes/get_labels.php?json=true ../includes/get_labels.php?json=true What am I missing here? Here's the plugin I'm using: http://www.brandspankingnew.net/archive/2007/02/ajax_auto_suggest_v2.html
[jQuery] Re: Alternating Row Colors: Last row not coloring
You have -- $('#event-listing tbody tr:odd').css(background-color, #EFF1F1); $('#event-listing tbody tr:even').css(background-color, #A4D1FF); var html = 'tr height=35 style=font-size:smaller; align=center'; html += 'td' + startdate + '/td'; html += 'td' + location + '/td'; html += 'td' + event_name + '/td'; html += 'td' + speaker + '/td'; if(info == specific) { html += 'td' + currentpricing + '/td'; } html += '/tr'; $('#event-listing tbody').append($(html)); -- until you call that .append() method, that row does not exist on the DOM to manipulate yet so -- var html = 'tr height=35 style=font-size:smaller; align=center'; html += 'td' + startdate + '/td'; html += 'td' + location + '/td'; html += 'td' + event_name + '/td'; html += 'td' + speaker + '/td'; if(info == specific) { html += 'td' + currentpricing + '/td'; } html += '/tr'; $('#event-listing tbody').append($(html)); //Now that added row exists in the DOM $('#event-listing tbody tr:odd').css(background-color, #EFF1F1); $('#event-listing tbody tr:even').css(background-color, #A4D1FF); -- On May 13, 3:46 pm, Shadraq shadraq.thee...@gmail.com wrote: Morning Z, Thanks for the quick reply. I must not be completely understanding what you are saying (though, it sounds very simple). I moved my tr:odd/ even tags to 3 different places: 1. just after the tr was set 2. after the /tr 3. after tr was opened bu before it was closed Do I need to add html += to it? Am I missing something? Thanks for your time, Shadraq
[jQuery] Re: Newbie Question... Appending multiple items, with the same span name
Hey there, You could try the following: $(document).ready(function() { $(ul li).each(function() { var thisName = $('.name', this).text(); // get the content inside '.name' class of this element $(this).append('span class=additionala href=addinfo.php'+ thisName +'s additional Info/a/span ); }); }); With your approach of $('.name').text(), it was getting the contents of all the span that had 'name' class. so you where getting 'John DoeJane Doe's'.. in the output. Also a suggestion: perhaps you may consider adding an id or class for the ul tag (and also modify JS accordingly), in that way it won't grab all the ul li on the page. I hope this helps, Thanks, Abdullah On May 13, 3:00 pm, Troy mr.troypeter...@gmail.com wrote: Hello, I'm relatively new to jquery, so I have what I hope will be a simple question. I need to append multiple spans to the line items in an unordered list. Essentially, each line item contains a span and I need to grab the content of that span and append it to the bottom of the line item it's contained in. Here's what I have so far: My jquery code: - $(ul).ready(function(){ var Name = $(.name) .text(); var Content = $(.content) .text(); $(li) .append(span class=\additional\a href=\/addinfo.php \+ Name +'s additional info/a/span); }); The original HTML it needs to modify: - ul li span class=nameJohn Doe/spanbr / span class=contentJohn is an excellent Swimmer/spanbr / /li li span class=nameJane Doe/spanbr / span class=contentJane loves to play basketball/spanbr / /li /ul Here's the output I'm getting: - John Doe John is an excellent Swimmer John DoeJane Doe's additional info Jane Doe Jane loves to play basketball John DoeJane Doe's additional info Here's the desired outcome: - John Doe John is an excellent Swimmer John Doe's additional info Jane Doe Jane loves to play basketball Jane Doe's additional info As you can see, instead of taking the all the Name var's and putting them together, instead of just using the Name var of that line item. I'm sure it needs some type of this, $(this), or .each call on it, but I can't seem to find this in the documentation anywhere. Can someone help? Thanks! Troy
[jQuery] Re: Alternating Row Colors: Last row not coloring
The only js code I use is this: jQuery(#myTable tr:even).addClass(even); Then in my CSS file, I define what background color the .even class will have. Steven On 13 Mai, 22:25, MorningZ morni...@gmail.com wrote: You have -- $('#event-listing tbody tr:odd').css(background-color, #EFF1F1); $('#event-listing tbody tr:even').css(background-color, #A4D1FF); var html = 'tr height=35 style=font-size:smaller; align=center'; html += 'td' + startdate + '/td'; html += 'td' + location + '/td'; html += 'td' + event_name + '/td'; html += 'td' + speaker + '/td'; if(info == specific) { html += 'td' + currentpricing + '/td';} html += '/tr'; $('#event-listing tbody').append($(html)); -- until you call that .append() method, that row does not exist on the DOM to manipulate yet so -- var html = 'tr height=35 style=font-size:smaller; align=center'; html += 'td' + startdate + '/td'; html += 'td' + location + '/td'; html += 'td' + event_name + '/td'; html += 'td' + speaker + '/td'; if(info == specific) { html += 'td' + currentpricing + '/td';} html += '/tr'; $('#event-listing tbody').append($(html)); //Now that added row exists in the DOM $('#event-listing tbody tr:odd').css(background-color, #EFF1F1); $('#event-listing tbody tr:even').css(background-color, #A4D1FF); -- On May 13, 3:46 pm, Shadraq shadraq.thee...@gmail.com wrote: Morning Z, Thanks for the quick reply. I must not be completely understanding what you are saying (though, it sounds very simple). I moved my tr:odd/ even tags to 3 different places: 1. just after the tr was set 2. after the /tr 3. after tr was opened bu before it was closed Do I need to add html += to it? Am I missing something? Thanks for your time, Shadraq
[jQuery] Re: dealing with a post (json) callback
[ ] is an array literal, like { } is an object literal. var obj = json[0]; You shouldn't use eval on JSON. If you specify 'json' as your return type, jQuery will safely eval valid JSON. - pw On May 12, 9:05 pm, sneaks deroacheee...@gmail.com wrote: hi, in firebug my callback data(object) is like so: [{product_brand:Creative Recreation,product_name:Cesario Hi,product_slug:CRM-CESAR-PRIME- HI,product_active:1,product_description:mens- red}] i have never noticed the square brackets before ... but when i attempt to use each to oterate through the obnject for values... i get nothing: var obj=eval('(' + json + ')'); console.log( obj ); jQuery.each(obj, function(i, val) { if (i) { alert(val); jQuery('#'+i).append(val); } }); this has always worked fro me before and i am not doing anything different this time... but i would appreciate any insight into what may be happeneing here
[jQuery] Re: How to loop iterate through a string of div elements
Append and animate one at a time. ajax/get callback for a sequential slideDown: function(htmlString){ $(htmlString).find('.post').each(function(i){ var el = this; setTimeout(function(){ $(el).appendTo('#bodylist').slideDown(500); }, i*500); }); } On May 13, 3:10 pm, Morgan morganjdavid...@gmail.com wrote: Hey, I was wondering how I would be able to convert a string of html into a series of div elements that I can iterate through and perform jquery functions on, specifically .hide() and .slideDown(). For example, I retrieve a string from a jquery ajax call of html that looks something like this, div class=post id=post2918 div class=header Some Text /div div class=footer Some other text /div /div div class=post id=post3978 div class=header Some other Text 2 /div div class=footer Some other text 2 /div /div I want to inject onto the top of a much larger list of post elements that all have the same class (so I cant just do a search by class). When I inject them I need to be able to .hide() then .slideDown() each element individually. I got it working for one element, but it seems that when there are multiple posts in the returned ajax it gives me the following error. uncaught exception: [Exception... Could not convert JavaScript argument arg 0 [nsIDOMViewCSS.getComputedStyle] nsresult: 0x80570009 (NS_ERROR_XPC_BAD_CONVERT_JS) location: JS frame ::http://localhost:8080/js/jquery-latest.js:: anonymous :: line 871 data: no] So I think I need to somehow traverse through the list of returned post elements, and perform a .hide() and a .slideDown() on them each individually. Any help would be appreciated. Thanks.
[jQuery] Re: Problems with rounded corners plugin
Attached is my page code, I'm trying to make the corners rounded on the div div#LoginArea - but try as I may I'm not able to work out why this won't work - would be grateful for thought on what I've done wrong... script type=text/javascript function pageLoad() { $(div#LoginArea).corner(); } /script Where does pageLoad get called?
[jQuery] Re: jquery cycle plugin - first cycle not in correct position unless you reload the site
I am using the cycle plugin on a start page to cycle 5 pictures in a div id picture. The first load of the site the pictures are shown to small (firefox) or outside the container (opera, safari Win), after a reload all is ok!! I have no clue why this happens. Is there any advice? link:http://nitidas.freelinks.ch Try updating to a newer version of Cycle or give your images width/ height attributes. Mike
[jQuery] Re: Autocomplete - Problem accessing php file
Alright. I found the problem. In my get_labels.php, I was ?php include 'afile.php' ?. This ahad to change to ../afile.php So now includes/get_labels.php?json=true is working. Now comes the real problem. I need this to work in a template I'm making in Wordpress. So far, it looks lke the main script isn't triggering. It is loading, because I can test this with alert('test');.
[jQuery] Re: When a class is created... preloaded events don't seem to work.
The function existed, but the element didn't exist inside the container, so there was no element to bind the click to. You can check this for yourself by doing alert($(.new_button).length) just after both lines that you have listed. So. 1) Try adding the $(.new_button).click(.) line immediately after the $(#container).html(.) line, or else 2) Look at livequery, which might do the trick. L nick wrote: So, if a user clicks a button, I set a function to create a new class like $(#container).html('a href= class=new_buttonClick/a'); and I preloaded ( which means, this function existed before the button was created) a function like $(.new_button).click(function(){ alert('succeed'}); When I click the button, nothing happens. I also used $ (.new_button).addClass functionalitiy to test it.. What would be the ideal solution in this case? No virus found in this incoming message. Checked by AVG - www.avg.com Version: 8.5.329 / Virus Database: 270.12.27/2112 - Release Date: 05/13/09 07:04:00
[jQuery] Re: jquery cycle plugin - first cycle not in correct position unless you reload the site
Hello Mike I have the newest version 2.34 installed and I also gave a width und height for the picture id in my css-file (view source code). So what else could it be? txs Markus On 13 Mai, 23:01, Mike Alsup mal...@gmail.com wrote: I am using the cycle plugin on a start page to cycle 5 pictures in a div id picture. The first load of the site the pictures are shown to small (firefox) or outside the container (opera, safari Win), after a reload all is ok!! I have no clue why this happens. Is there any advice? link:http://nitidas.freelinks.ch Try updating to a newer version of Cycle or give your images width/ height attributes. Mike
[jQuery] Re: Superfish 1.4.8 w/ Supposition
I'd also like to add a vote for a Supposition update. I'm currently using 1.4.8 with hoverIntent, bgiframe, and supersubs and would really really really like to use the Supposition plugin as well. I'll keep my fingers crossed that Joel or Jesse is still monitoring the forum and can make this happen.
[jQuery] Clone html and change input value
Hi everybody. I've got a form where users can insert ingredients (name, quantity) for recipes. as they need more couples to store all the ingredients, they use the add ingredient link to obtain another couple of input fields. Here comes the problem: I need to increment the value of the hidden input field which precedes the two visible input fields. I kwon there is a clone function in jquery but it makes the exact copy. How can I use clone and modify the given html? Here's the code: Starting form... form action=insertIngredients.php method=post !-- first ingredient -- input type=hidden name=ingr_num[] value=1 / label for=ingr_nameName/labelbr / input type=text name=ingr_name[] /br / label for=ingr_qtyQty/labelbr / input type=text name=ingr_qty[] /br / input class=submit type=submit value=Insert Ingredients / /form I want to obtain this... form action=insertIngredients.php method=post !-- first ingredient -- input type=hidden name=ingr_num[] value=1 / label for=ingr_nameName/labelbr / input type=text name=ingr_name[] /br / label for=ingr_qtyQty/labelbr / input type=text name=ingr_qty[] /br / !-- second ingredient -- input type=hidden name=ingr_num[] value=2 / label for=ingr_nameName/labelbr / input type=text name=ingr_name[] /br / label for=ingr_qtyQty/labelbr / input type=text name=ingr_qty[] /br / !-- third ingredient -- input type=hidden name=ingr_num[] value=3 / label for=ingr_nameName/labelbr / input type=text name=ingr_name[] /br / label for=ingr_qtyQty/labelbr / input type=text name=ingr_qty[] /br / input class=submit type=submit value=Insert Ingredients / /form Any suggestion would be appreciated. Thanks.
[jQuery] Trouble with Suckerfish in Safari
Hi! I've used Suckerfish on one of my sites and I'm experiencing some trouble in Safari. It occurs when you've clicked yourself into a sub menu that has a child sub menu and then click one a different sub menu that does not have a child sub menu. What happens is that the old child don't go away, it just stays until you click on a sub menu with a child. It's a bit hard to describe, but very easy to see. Just open http://www.kallegustafsson.com in Firefox and Safari and click on 'advertising' and then on 'paul smith', if you then try to click 'anteprima', the sub menu from 'paul smith' is still there in Safari, but goes away and the hover changes in Firefox (which is the way it should work). Any ideas on why this happens?
[jQuery] Re: jquery cycle plugin - first cycle not in correct position unless you reload the site
2.63 is the latest version of Cycle. And your images do not have width/height attributes. Mike On May 13, 5:42 pm, flyfisherman mar...@flyfisherman.ch wrote: Hello Mike I have the newest version 2.34 installed and I also gave a width und height for the picture id in my css-file (view source code). So what else could it be? txs Markus On 13 Mai, 23:01, Mike Alsup mal...@gmail.com wrote: I am using the cycle plugin on a start page to cycle 5 pictures in a div id picture. The first load of the site the pictures are shown to small (firefox) or outside the container (opera, safari Win), after a reload all is ok!! I have no clue why this happens. Is there any advice? link:http://nitidas.freelinks.ch Try updating to a newer version of Cycle or give your images width/ height attributes. Mike
[jQuery] modal pop-up from inside iframe
I am stuck with an issue of getting my modal to pop up and out of the iframe and show on top of the parent page. I am using the jqModal and you seem to have answers for everything but this... I have a parent page, that i can not edit, with an iframe that contains the logic for the modal. When the the modal is triggered, it only shows inside of the iframe and i cant seem to get it to pop up over the parent window. This is the ultimate objective: OnLoad of the parent page, if something=true to pop up the modal from within the iframe to show over the parent. I can get it to do everything that i need it to do BUT pop up outside of the iframe. ...idk... i think i am just running in circles at this point SO here is the simplified code that is nested inside of the parent iframe it loads the modal onLoad of the page, but its inside the iframe... :-( [HTML] style .jqmWindow {display: none; position: fixed; top: 17%; left: 50%; width: 510px; margin-left: -300px; background-color: #FF; color: #333; border: 1px solid black; padding:0px 10px 10px 10px;} .jqmOverlay {background-color: #000;} /style script type=text/javascript $(window).load(function(){ $('#dialog').jqm(); $('#dialog').jqmShow(); }); /script div id=dialog class=jqmWindow Content of Modal would go here. /div [/HTML]
[jQuery] Re: SlideMenu ASlideShow conflict
Thanks a lot man, I really Appreciate your replies, but isn't there any other solution than changing the design ?? On May 13, 10:57 am, weidc mueller.juli...@googlemail.com wrote: just do it for ie. something like: if($.browser.msie $.browser.version != 8.0) { $(#header).insertAfter(#banner); // new css staff } since ie8 looks fine you just have to do it for 6 and 7 i guess. don't know how to slove the position after that. maybe you can do position: absolute; for the menu and put it at the right place again. it's always a bit work for ie6 ( 7) but well. i still search for an other way to replace the z-index function in ie6. maybe someone else got a better way. On 12 Mai, 17:22, Mahmoud M. Abdel-Fattah engm...@gmail.com wrote: I'll do later, but I can't change the design in this case :( ! On May 12, 11:25 am, weidc mueller.juli...@googlemail.com wrote: try to put the banner before the menu. atm it is like this: div id=header /div div id=banner ... /div you should try: div id=banner ... /div div id=header /div i always do so for ie6 'cause the z-index doesn't work. and i didn't found an other way yet. but it always worked for me. On 11 Mai, 02:12, Mahmoud M. Abdel-Fattah engm...@gmail.com wrote: I forgot to mention, this problem appears in IE only not FF! On May 11, 2:51 am, Mahmoud M. Abdel-Fattah engm...@gmail.com wrote: I'm using jQuery Slide Menu jQuery A Slide Show in this URL :http://www.al-alee.com/en/ but the A Slide Show appears over the dropdown menu, I'd changed the Z- Index but the problem still !! Thanks for your time.
[jQuery] Re: jQuery cluetip plugin
Hello Karl, My apologies for the hasty post. The plugin works perfectly fine. It was my programming error. I had forgotten to remove the totally vanilla declaration on my shared partial that was overriding the adustments that I has making in my master layout file! I only discovered it after I started to attach help text to the links not contained in the partial. This is a really nice piece of work. Thank you. Bharat
[jQuery] Re: JQuery and Ajax
On 5/13/09 2:23 PM, nat natasha.d...@gmail.com wrote: I am working on adding asynchronous form submission inside a jquery dialog. I am using .ajax(). Everything is working correctly, but the submission takes longer than I would like. I am new to jquery and am unsure how to debug/optimize this. How do I determine if the lag is in the front or backend? in safari, the web inspector will show you timings. and you could add code to your backend script to time its execution. then you can figure if the delays are frontend, network or backend. but i'd be surprised if it was frontend unless you're doing something odd in the client script.
[jQuery] New Linux.com and jQuery Group
Hi gang. Linux.com did an upgrade of their website today. I didn't see any hint of jQuery in their community section so I created a group. Feel free to check it out - I'd be happy to pass on the admin reigns to someone a little more active than myself. Until then though Linux.com http://linux.com/index.php Linux.com jQuery group: http://linux.com/community/groups/viewgroup/240-jQuery Shawn
[jQuery] do I really have to use xml?
I have an array of nodes which are being created in a for loop for n 1 to 30 etc etc which makes nodes like this in the html li name=1 id=hh_010_0160 hh_010_0160 /li etc etc li name=30 id=hh_010_0160 hh_010_0160 /li so in other words each node has an array index in the name and some javascript which has items = parent.getElementsByTagName(li); so far so good it all works fine but, then i sort the item list and want to get the array index of the sorted item, i.e the name so I've tried for(p=0;pN;p++){ rank=parseInt((items[p].nodeName)) But as I guess everybody knows it just gives me back LI not the name of the node i.e my array integer value Is there a way to get the name in jquery or do I really have to use xml?? thanks for any help
[jQuery] Re: Bassistance Tooltip Transparent Text IE7/IE8 problem
Oh, I should have clarified. I am developing on Firefox first. It works just fine there. On May 13, 12:05 pm, Jonathan jdd...@gmail.com wrote: It's gotta be a cascading style getting applied that IE's debugger misses, I would install firefox and firebug and see if it's also listing color:black when it's clearly not. On May 13, 11:52 am, Pappy helga...@gmail.com wrote: I'll give this one quick bump... anyone have any ideas what's going on? On May 12, 1:48 pm, Pappy helga...@gmail.com wrote: I am using a very simple tooltip on my site (just text). Depending on where I am on the page, the text renders transparently or white, even though the css 'color' is set to black. See this image for an example... http://i44.tinypic.com/idhhcz.jpg The tooltip is definitely the one shown as I can modify other css properties and they change correctly. Bear in mind that *sometimes* the tooltip displays just fine. Ugh.
[jQuery] Re: Nested sortable unordered list - parent li moves along with nested list
Has anyone used the jQuery UI Sortable plugin with nested lists?
[jQuery] Re: modal pop-up from inside iframe
I am pretty new to all this, but here goes.. it seems to me you need to have something like window.parent.load (javascript) you need parent because an iframe is a window On May 14, 12:08 am, Red tankgir...@gmail.com wrote: I am stuck with an issue of getting my modal to pop up and out of the iframe and show on top of the parent page. I am using the jqModal and you seem to have answers for everything but this... I have a parent page, that i can not edit, with an iframe that contains the logic for the modal. When the the modal is triggered, it only shows inside of the iframe and i cant seem to get it to pop up over the parent window. This is the ultimate objective: OnLoad of the parent page, if something=true to pop up the modal from within the iframe to show over the parent. I can get it to do everything that i need it to do BUT pop up outside of the iframe. ...idk... i think i am just running in circles at this point SO here is the simplified code that is nested inside of the parent iframe it loads the modal onLoad of the page, but its inside the iframe... :-( [HTML] style .jqmWindow {display: none; position: fixed; top: 17%; left: 50%; width: 510px; margin-left: -300px; background-color: #FF; color: #333; border: 1px solid black; padding:0px 10px 10px 10px;} .jqmOverlay {background-color: #000;} /style script type=text/javascript $(window).load(function(){ $('#dialog').jqm(); $('#dialog').jqmShow();}); /script div id=dialog class=jqmWindow Content of Modal would go here. /div [/HTML]
[jQuery] Re: jQuery(document).ready() Type error on WebKit based Browsers
I am seeing the same error as Sulfura. My page works fine on Firefox and IE, but on Webkit-based browsers, any call to jQuery(function() {}) results in this error on line 83 of jquery-1.3.2.js -- TypeError: Result of expression 'jQuery( document ).ready' [undefined] is not a function I have removed all external stylesheets from my page just in case, but no luck. _jason On Apr 30, 4:53 am, Sulfura sulfu...@gmail.com wrote: Yes, I noticed that afterwards and changed it accordingly. The Error happend on line 3, jQuery(document).ready(). I copied it from jquery tutorials but it still doesn't work. I made a new js file with a very simple function but still no success. The Examples on jquery.com work though, so I am quite puzzled by this. On Apr 28, 7:40 pm, Jonathan jdd...@gmail.com wrote: Try changing jQuery(#dir).attr(disabled, false) to jQuery (#dir).removeAttr('disabled'); Also, does it give you a line number for the type mismatch that might help track it down? On Apr 28, 12:12 am, Sulfura sulfu...@gmail.com wrote: Hi there, I searched the internet for hours but couldn't find a solution which worked for me. I use jQuery to call a Perl-Module which outputs an XML File with all the Pictures in a specified Folder, which in turn is interpreted by jQuery to show a preview of that same Folder. It all works fine on Firefox, it works with some yet-unattended Bugs on IE7, but on Safari and Opera (and all WebKit based Browsers for that matter) it simply refuses to work. Both tell me that I have a Type mismatch. Code: jQuery.noConflict(); jQuery(document).ready(function(){ jQuery(#dir).change(function () { if (jQuery(input[name=mode]:checked).val() == add_from_folder) { jQuery(#preview).hide(); jQuery(select option:selected).each(function () { jQuery(#preview).empty(); requestXML(); jQuery(#preview).slideDown(slow); }) } }) .change(); jQuery(input[name=mode]).change(function(){ if (jQuery(input[name=mode]).val() == add_blank) { jQuery(#preview).empty(); jQuery(#preview).hide(); jQuery(#dir).attr(value,;-;); } else { jQuery(#dir).attr(disabled, false); } }) .change(); }); function requestXML() { jQuery.ajax({ type: GET, url: /cgi-bin/apps/load_preview?directory= + jQuery (#dir).val(), dataType: xml, success: function(xml) { jQuery(xml).find(picture).each(function(){ jQuery(#preview).append(img class='preview' src='/ + jQuery(this).find(reference).text() + ' /) }) } }); } ##Code end I know there are things that could be made more efficient but I am still new to Ajax and jQuery and learned how to use it just yesterday, so I accept any constructive criticism :)
[jQuery] Re: SuckerFish menus covered by main content? please advise
This is a css issue. After looking at the source code of your site, I noticed that the navigation is setup in table cells. The main nav should be setup in lists, with the subnav in a nested list within the main nav. See suckerfish drop down tutorial on http://www.alistapart.com/articles/dropdowns. After following this tutorial, when you rollover a main nav item, the sub nav items will appear as you desire.
[jQuery] Re: PLease help.. sliding menu?
jFlow is great - http://www.gimiti.com/kltan/wordpress/?p=32
[jQuery] Re: tablesorter messing with other tables
I assume your tablesorter is picking up the desired table by an id or class attribute. Does the nested table have the same attribute? If so change the name of the nested table attribute and give it another try. If you would like the nested table to sort independently, give it a unique attribute identifier and it's own instance of tablesorter.
[jQuery] Re: Superfish with multicolumn sub navigation
Have you taken a look at http://users.tpg.com.au/j_birch/plugins/superfish/#getting-started or tried only using lists with more complex CSS rather than div's?