[jQuery] Attachments in bug reports broken?
Somebody was nice enough to include example code in bug report. But to me it seems file attachments in plugin bug reports are broken. Trying to download the attachment returns "Page not found" error. For example: http://plugins.jquery.com/project/comments/add/2901 -- Mika Tuupola http://www.appelsiini.net/
[jQuery] Re: Memory Leak?
On 12 Jun, 15:47, "Josh Nathanson" <[EMAIL PROTECTED]> wrote: > Yup, sounds like you have a memory leak all right. > > Here's the quintessential > article:http://www.crockford.com/javascript/memory/leak.html > > That'll get you started diagnosing the problem. Which is fine, except I'm not adding handlers to the created/destroyed items. I'm just using append() and erase() to add and remove normal html content. I'll do some experimenting with FF3 - there will be exactly one "user" in this case, which is a projection screen in our NOC, so a universal solution isn't necessary, luckily :-) Thanks for the pointers, Howie
[jQuery] different views between windows firefox and mac firefox ?
http://skitch.com/dreamramon/p19i/demo4 http://skitch.com/dreamramon/p192/demo4 2 screenshots. My code works nice on mac safari, windows ie and firefox. But for firefox on mac, it gets an error. Check the 1st sceenshot, i think the js get the right responding JSON, how does it reports an error! anyone could help ?
[jQuery] How to un-inherit a function of a parent element?
Hi, I hope this is a simple problem but I can't seem to find an answer. I have something like the following: $('.parent').toggle(function() { $(this).slideUp(); }, function() { $(this).slideDown(); }); <'a href="#">link<'/a> Where the 'parent' div triggers a function on click/toggle but I want to keep the default behaviour of the link inside the child element (ignoring the extra ' ). Is there any way to do this? Something like $('.child').unbind(function); ? Or trigger the href attribute onclick instead of the slideUp? Any help would be greatly appreciated! -- View this message in context: http://www.nabble.com/How-to-un-inherit-a-function-of-a-parent-element--tp17819990s27240p17819990.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Validation Demo Question (bassistance.de)
Hi All, Im new to jQuery and I found it very powerfull tool and I really like it's validation plugin. I just have a question on the demo I found in the below URL: http://jquery.bassistance.de/validate/demo/errorcontainer-demo.html My questions is, how can I add a custom validation there. Example, I want the form to accept only email addresses that are not yet existing on the database and how can I add a custom message to the error container (class="container"). I want to validate email address to be: 1. required [required: true] - display message "Please enter an Email Address." 2. valid email [email: true] - display message "Please enter a valid email." 3. Email Address exists: If Exists - display additional message "Email address already exists." All additional messages will be placed at the same error contatiner (.container > ol > li) Hoping for your help. Thanks, Nimrod
[jQuery] jQuery enable/disable problem with IE 6 and 7
Hi, I'm having a few problems getting my jQuery code to work in internet explorer 6 and 7. The best way I can describe it is: there are several text fields on my webpage and each should be enabled/disabled based upon the radio button selected at the top of the page. The code I have written works fine in firefox, opera and safari. The problem with IE is that it requires 2 clicks for the jQuery to take effect (ie. user clicks the radio button, nothing happens, but then they click another part of the screen and the changes take effect). Also, when the jQuery IS invoked, the incorrect text fields are enabled/disabled. I tried a much simpler example to try to find the problem but encounter similar issues. Here is the code for that: /JQUERY/ $(document).ready(function() { $("[EMAIL PROTECTED]").change(function() { var thisValue = $(this).val(); switch (thisValue) { case "one": $("select#cars").attr("disabled","disabled"); $("select#animals").attr("disabled",""); break; case "two": $("select#animals").attr("disabled","disabled"); $("select#animals").attr("value","dog"); $("select#cars").attr("disabled",""); break; case "three": $("select#cars").attr("disabled",""); $("select#animals").attr("disabled",""); break; } }); }); /**HTML***/ //get jQuery code Option One Option Two Option Three Volvo Saab Fiat Audi dog cat sheep cow Any help would be greatly appreciated, thanks.
[jQuery] problem with .post and hiding a form
Hello, I have two forms in my code (a login, and a resgister), one is shown, the other is hidden. My problem is when, in the $(document).ready(), I do something like: Code: $("#register_form").hide(); $("#register_form").submit(function() { $.post("register.php"), { username:$('username'),val(), }, function(response) { } ... } when I call .post in here, my register form doesn't stay hidden on page load like it should. When I take the .post() out, then my form stays hidden. Anyone have a way to solve this problem? Thank you very much.
[jQuery] jQuery enable/disable problem with IE 6 and 7
Hi, I'm having a few problems getting my jQuery code to work in internet explorer 6 and 7. The best way I can describe it is: there are several text fields on my webpage and each should be enabled/disabled based upon the radio button selected at the top of the page. The code I have written works fine in firefox, opera and safari. The problem with IE is that it requires 2 clicks for the jQuery to take effect (ie. user clicks the radio button, nothing happens, but then they click another part of the screen and the changes take effect). Also, when the jQuery IS invoked, the incorrect text fields are enabled/disabled. I tried a much simpler example to try to find the problem but encounter similar issues. Here is the code for that: /JQUERY/ $(document).ready(function() { $("[EMAIL PROTECTED]").change(function() { var thisValue = $(this).val(); switch (thisValue) { case "one": $("select#cars").attr("disabled","disabled"); $("select#animals").attr("disabled",""); break; case "two": $("select#animals").attr("disabled","disabled"); $("select#animals").attr("value","dog"); $("select#cars").attr("disabled",""); break; case "three": $("select#cars").attr("disabled",""); $("select#animals").attr("disabled",""); break; } }); }); /**HTML***/ //get jQuery code Option One Option Two Option Three Volvo Saab Fiat Audi dog cat sheep cow Any help would be greatly appreciated, thanks.
[jQuery] can't do a new post
Hi I have an gmail account and I sign in then join jQuery (English) group. After I summit a new post, it won't show on Discussions List. Would you please help me to fix it. My account name is quals.jack. Thank you very much! Jack
[jQuery] Ajax replaceWith problem...
Hello, I am trying to build an accordion that uses ajax to fetch it's content.. I got everthing working and have the ajax receiving the data successfully. However, when I go to make it replace the current content, it does nothing. My xHTML looks like: Title Loading... I want the ajax results ti replace "Loading... Here is what I attempted... $.ajax({ url: "../cats.php?get="+this.id, cache: false, dataType: "script", success: function(html){ $(this).next("div").children("ul").replaceWith(html); }, error: function(){ alert("Error: File Not Found Or Connection Timed Out"); } }); Thanks for the help, - Devon
[jQuery] problem with $.post() showing a hidden form
Hello, I have two forms in my code (a login, and a resgister), one is shown, the other is hidden. My problem is when, in the $(document).ready(), I do something like: $("#register_form").hide(); $("#register_form").submit(function() { $.post("register.php"), { username:$('username'),val(), }, function(response) { } ... } when I call .post in here, my register form doesn't stay hidden on page load like it should. When I take the .post() out, then my form stays hidden. Anyone have a way to solve this problem? Thank you very much.
[jQuery] Animate Sliding Margin Problem
I am trying to create a jquery script that slides in a div from the right. I've written out code that works in Safari, except for the fact that there is some weird margin problem going on that makes the page widen as the div slides in (a horizontal scrollbar appears in Safari). In IE the script doesn't even work the way I'd like, it just slides off to the left from a middle-of-the-page position. How can I fix all of this? My code/page is here: http://homepages.nyu.edu/~mlm440/slide.html p.s. I noticed that the image is loading while the div slides in. Is there a way to create a preloader that waits until the image/elements are all loaded before animating and showing the div...? Thanks, Matt -- View this message in context: http://www.nabble.com/Animate-Sliding-Margin-Problem-tp17814579s27240p17814579.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] ajax: refering back to {data:}
Hi. When an jQuery.ajax({}) request completes, the success handler fires and i am returned the ajax jquery object. But the 'data' member is always url-encoded, the individual members of 'data' are no longer accessible without manual de-url-coding. Is this intentional? I need my hands back on all those 'data' variables, individually, after a request completes. I suppose i can hack something but i'd rather stay on standard source.
[jQuery] Re: easy way to get all input value
Hello, $('#myform').serializeArray() will give you a great Json object to work with ! (And send it to a $.post request for example) Dunno if it's what you were searching for but i use it very often to send data to an ajax request On Jun 13, 4:56 am, Jack Killpatrick <[EMAIL PROTECTED]> wrote: > I asked this via another thread, but no reply yet... so tossing it in here, > too. Do you know if *any* selector can be used with .formHash() or just an id > for a form? IE, if I have a few divs inside a form can I use a div id to just > get the formHash for form fields inside that div? > Thanks, > a different Jack > Dan G. Switzer, II wrote:Jack, The Field plug-in has a formHash() method > which does exactly that:http://jquery.com/plugins/project/fieldYou can see an > example > here:http://www.pengoworks.com/workshop/jquery/field/field.plugin.htmIf you > are using Firebug, you can see the dump of the form in your console when you > click the "$('#frmTest').formHash()" button. -Dan-Original Message- > From:[EMAIL PROTECTED]:[EMAIL PROTECTED] On Behalf Of jack Sent: Thursday, > June 12, 2008 9:52 PM To: jQuery (English) Subject: [jQuery] easy way to get > all input value Hi, all Is there an easy way to get all the input values on a > form into an object? Thank you very much! Jack
[jQuery] Re: File Upload with Form Plugin
I have another. Form contains file upload form+text area. Submiting form do not send file to the server, it just sends file name.
[jQuery] Re: Selecting Row When Checkbox in a TD is Checked?
Correct syntax : $(".Dinner:checked").parent().parent().show(); $(".Dinner :checked") means ":checked items chidren of .dinner elements" wich is not what you want And remove that thing PLEASE ! (use at least or write a css rule) :) On 13 juin, 03:53, Vik <[EMAIL PROTECTED]> wrote: > I found a way to do it. > > $("#Filter_Dropdown").change(function () { > var str = ""; > var orig_str = ""; > orig_str = $("#Filter_Dropdown option:selected").text(); > str = '.' + orig_str; > > $(".food_planner tbody tr").show(); > if (str != '.Show All') > { > $(".food_planner tbody tr").hide(); > $("[EMAIL PROTECTED]" + orig_str + > "]:checked").parent().parent().parent().show(); > } > });
[jQuery] Re: How to un-inherit a function of a parent element?
$('.child').click(function(e) { e.stopPropagation(); }); This will prevent the click event from bubbling up to the parent element, while still allowing the link to be followed (unlike return false). See http://developer.mozilla.org/en/docs/DOM:event.stopPropagation - Richard Richard D. Worth http://rdworth.org/ On Fri, Jun 13, 2008 at 6:59 AM, testpilot <[EMAIL PROTECTED]> wrote: > > > Hi, > I hope this is a simple problem but I can't seem to find an answer. > I have something like the following: > > > $('.parent').toggle(function() { >$(this).slideUp(); > }, function() { >$(this).slideDown(); > }); > > > > > <'a href="#">link<'/a> > > > > Where the 'parent' div triggers a function on click/toggle but I want to > keep the default behaviour of the link inside the child element (ignoring > the extra ' ). > > Is there any way to do this? Something like $('.child').unbind(function); ? > Or trigger the href attribute onclick instead of the slideUp? > > Any help would be greatly appreciated! > -- > View this message in context: > http://www.nabble.com/How-to-un-inherit-a-function-of-a-parent-element--tp17819990s27240p17819990.html > Sent from the jQuery General Discussion mailing list archive at Nabble.com. > >
[jQuery] Re: loop in $
Why not use a selector in the first place? $('div[id*=forum-list-]').hide(); Note that I added the type selector to make things faster. You may have to adjust this. --Klaus On 13 Jun., 02:57, "Karl Rudd" <[EMAIL PROTECTED]> wrote: > Remember the selector is just a string so you can built it up just > like a normal string: > > for (var i=0; i { > $('#forum-list-' + i).hide(); > > } > > Karl Rudd > > On Fri, Jun 13, 2008 at 10:26 AM, yo2lux <[EMAIL PROTECTED]> wrote: > > > Is possible to use a for loop variable ( i ) in jquery $, something > > like: > > > for (var i=0; i > { > > $('#forum-list-[i']).hide(); > > } > > > I need the "i" value in $. But my code not work. Any idea ? Thanks!
[jQuery] Re: How to un-inherit a function of a parent element?
Thanks so much Richard, that's exactly what I was looking for! - Sean -- http://catalyticat.com 2008/6/13 Richard D. Worth <[EMAIL PROTECTED]>: > $('.child').click(function(e) { > e.stopPropagation(); > }); > > This will prevent the click event from bubbling up to the parent element, > while still allowing the link to be followed (unlike return false). See > > http://developer.mozilla.org/en/docs/DOM:event.stopPropagation > > - Richard > > Richard D. Worth > http://rdworth.org/ > > > On Fri, Jun 13, 2008 at 6:59 AM, testpilot <[EMAIL PROTECTED]> > wrote: > >> >> >> Hi, >> I hope this is a simple problem but I can't seem to find an answer. >> I have something like the following: >> >> >> $('.parent').toggle(function() { >>$(this).slideUp(); >> }, function() { >>$(this).slideDown(); >> }); >> >> >> >> >> <'a href="#">link<'/a> >> >> >> >> Where the 'parent' div triggers a function on click/toggle but I want to >> keep the default behaviour of the link inside the child element (ignoring >> the extra ' ). >> >> Is there any way to do this? Something like $('.child').unbind(function); >> ? >> Or trigger the href attribute onclick instead of the slideUp? >> >> Any help would be greatly appreciated! >> -- >> View this message in context: >> http://www.nabble.com/How-to-un-inherit-a-function-of-a-parent-element--tp17819990s27240p17819990.html >> Sent from the jQuery General Discussion mailing list archive at >> Nabble.com. >> >> >
[jQuery] Re: Help with tabsLoad
The main problem is that you're using document.write (in the RedSheriff tracker code) in the pages that get loaded via Ajax as tab content. That just won't work. That's the reason why you're getting a blank page. --Klaus keny schrieb: > Hi thanks Klaus for helping me, > > I upload a demo of what i whant here : > http://membres.lycos.fr/homeinv/tabs/ > > (sorry for the ads ist a free hosting) > > My function is under tabs # 2 and the problem is discribed here to. > > Thanks you very much for your help > > > > On 12 juin, 01:51, Klaus Hartl <[EMAIL PROTECTED]> wrote: > > I'd like to help, but I stil don't understand your problem, I'm sorry. > > > > --Klaus > > > > On 12 Jun., 01:08, keny <[EMAIL PROTECTED]> wrote: > > > > > > > > > No one ? > > > > > I really need this to work but have no skill with js > > > > > Thanks > > > > > On 7 juin, 22:37, keny <[EMAIL PROTECTED]> wrote: > > > > > > Hi thanks for the answer > > > > > > I whant to load the link in the function in the current panel i dont > > > > whant every link to be loaded in panel so your first function was not > > > > for me, i try the next one that work but this function was reloaded > > > > the tab in the panel so i came whit > > > > this function that work : > > > > > > function loadTab(tab) { > > > > var tab ; > > > > > > � � � � $('#container-8').tabs({ > > > > � � load: function(ui) { > > > > > > � � � � � � $(ui.panel).load(tab); > > > > > > � � } > > > > > > }); > > > > } > > > > > > Ist work the link load but the problem is that no more panel work > > > > after. Any idea ? > > > > > > Thanks for helping > > > > > > On 7 juin, 03:16, Klaus Hartl <[EMAIL PROTECTED]> wrote: > > > > > > > Forgot to mention that you need to use the latest version, from jQuery > > > > > UI RC1 that is. > > > > > > > --Klaus > > > > > > > On 7 Jun., 09:15, Klaus Hartl <[EMAIL PROTECTED]> wrote: > > > > > > > > What exactly do you want to achieve? If you try to automatically > > > > > > load > > > > > > content from links inside a tab panel into the panel itself, > > > > > > replacing > > > > > > the content, try this: > > > > > > > > $('#example').tabs({ > > > > > > � � load: function(ui) { > > > > > > � � � � $('a', ui.panel).click(function() { > > > > > > � � � � � � $(ui.panel).load(this.href); > > > > > > � � � � � � return false; > > > > > > � � � � }); > > > > > > � � } > > > > > > > > }); > > > > > > > > If you're just want to reload the content of the given tab, try > > > > > > this: > > > > > > > > function loadTab(tab) { > > > > > > � � $('#example').tabs('load', tab); > > > > > > > > } > > > > > > > > Before you can use that you need to have initialized tabs once of > > > > > > course: > > > > > > > > $('#example').tabs(); > > > > > > > > --Klaus > > > > > > > > On 5 Jun., 02:55, keny <[EMAIL PROTECTED]> wrote: > > > > > > > > > Hi thanks for reading > > > > > > > > > I am trying to load a link in a tab with this function with no > > > > > > > result :-( > > > > > > > > > function loadTab(tab){ > > > > > > > var tab; > > > > > > > var $tabs = $('#container-8').tabs; > > > > > > > var selected = $tabs.tabsSelected(); > > > > > > > � � � � � � $tabs.tabsLoad(selected,tab); > > > > > > > > > } > > > > > > > > > > > > > > > > > > The tab variable contain the page to load but noting happen what > > > > > > > wrong > > > > > > > with that ? > > > > > > > > > Thanks you very much !!!- Masquer le texte des messages > > > > > > > pr�c�dents - > > > > > > > - Afficher le texte des messages pr�c�dents -- Masquer le texte des > > > > > messages pr�c�dents - > > > > > > - Afficher le texte des messages pr�c�dents -- Masquer le texte des > > > > messages pr�c�dents - > > > > - Afficher le texte des messages pr�c�dents -
[jQuery] Re: easy way to get all input value
Jack, >I asked this via another thread, but no reply yet... so tossing it in here, >too. Do you know if *any* selector can be used with .formHash() or just an >id for a form? IE, if I have a few divs inside a form can I use a div id to >just get the formHash for form fields inside that div? If your selector returns multiple form elements, then it will process them. You can't feed it the directly, but you can do any of the following: "div > form", "#someElement > form", "form.someClass", ".someClass", "form", etc, etc. Whatever jQuery object is passed to the hashForm() method is then filtered for just form elements. So even if ".someClass" was assigned to various elements, it uses the filter() method to limit the collection to just form elements. -Dan
[jQuery] Re: Validation Demo Question (bassistance.de)
For unique email addresses, use the remote-method: http://docs.jquery.com/Plugins/Validation/Methods/remote#url A demo for that: http://docs.jquery.com/Plugins/Validate#The_Remember_The_Milk_sign-up_form For message display, take a look at available options: http://docs.jquery.com/Plugins/Validation/validate#options "Use errorClass, errorElement, wrapper, errorLabelContainer, errorContainer, showErrors, success, errorPlacement, highlight and unhighlight to control how invalid elements and error messages are displayed." Jörn On Fri, Jun 13, 2008 at 8:40 AM, Nimrod <[EMAIL PROTECTED]> wrote: > > Hi All, > > Im new to jQuery and I found it very powerfull tool and I really like > it's validation plugin. I just have a question on the demo I found in > the below URL: > > http://jquery.bassistance.de/validate/demo/errorcontainer-demo.html > > My questions is, how can I add a custom validation there. Example, I > want the form to accept only email addresses that are not yet existing > on the database and how can I add a custom message to the error > container (class="container"). > > I want to validate email address to be: > > 1. required [required: true] - display message "Please enter an Email > Address." > 2. valid email [email: true] - display message "Please enter a valid > email." > 3. Email Address exists: If Exists - display additional message "Email > address already exists." > > All additional messages will be placed at the same error contatiner > (.container > ol > li) > > Hoping for your help. > > Thanks, > Nimrod >
[jQuery] help with getJSON
Hi All, I am facing a problem using the "getJSON" function. It works fine in Internet Explorer but doesn't give any response in Fire Fox Following is the Jquery code I am using to access the php script (jsontest.php) on my local apache server. $(document).ready(function(){ $.getJSON( "http://localhost/dn-new/jsontest.php";, function(data,status){ alert("in call back"); alert(data); } ); }); Following is the code in php file array("url" => "www.blah.com/story1.html", "title" => "JSON is sweeping AJAX world", "viewed" => FALSE), "22" => array("url" => "www.blah.com/ story2.html", "title" => "JSON is great", "viewed" => FALSE)); $jsonObject = json_encode($results); echo $jsonObject; ?> Am I doing any mistake ? please help Thanks in advance, Srinivas
[jQuery] Re: New JQuery Plugin - Menu Toggle Adder
Thanks for the feed back. I still haven't installed ie8, but I finally got ff3. Everything in the example seems to be working as expected in ff3. Please let me know what you spotted that isn't working. For example: Here: http://robottoysreviews.com/menu_toggle_adder_example_1.htm or Here: http://robottoysreviews.com/menu_toggle_adder_example_2.htm On Jun 7, 11:25 am, steve_f <[EMAIL PROTECTED]> wrote: > Your demo page does not work in FF3, also I get a script error running > IE8.0 but in IE7.0 compat mode. > > On Jun 7, 4:20 pm, Ed <[EMAIL PROTECTED]> wrote: > > > Here's a new JQuery Plugin: Menu Toggle Adder > > >http://code.google.com/p/js-menu-toggle-adder/ > > > It automatically adds "toggle" triangles to unordered list menus for > > each list item that contains an unordered list. > > > It does a bunch of other "stuff", like expanding the nested ul > > that matches the current url and adds a class to links that match the > > current url. > > > It's designed to help long, vertical menus on ecommerce websites be > > more usable. > > > This is my first JQuery plugin. Any feedback is greatly appreciated.
[jQuery] Linking & showing Subsection of page
Heres my page: http://tinyurl.com/5eov82 If you click on the 'FAQ' or 'Prices' buttons you wil see that it shows/hides certain divs on the page. If the javascript is disabled it, autmaticaly shows all of the content in one long page. The problem is, I'll need to link directly to the 'FAQ' section and the 'Prices' section, from other parts of the site, or possibly externally. If it was just a case of anchor tags, it wouldn't be a problem, but if I try and link direct (#faq etc) the div is hidden by default, as it relies on a click event from the buttons to show it. Does anyone see a way of being able to link directly to the subsection, and have the other sections hidden? I'm starting to think I shouldn't have built my pages in this fashion.
[jQuery] Form Validation Plugin Required Dependency Expression Help
Hey everyone, I was wondering how to go about structuring validation code for my situation: I have 3 fields - all input fields I need to do the following: Check all values of the input fields and make sure at least one of the 3 fields are filled out (2 url's and 1 input type=file) I did find some examples for 2 field dependencies but could not find one where there were 3 in play. Any suggestions?
[jQuery] Ensure Textarea has been read.
Afternoon All, I have a form which includes a textarea, inside the text area I'm displaying the terms and conditions of a service which a user must agree too before continuing thier registration process. I want to have the checkbox which they must select to accept the terms and conditions to be disabled untill they have scrolled down to the bottom of the textarea. I'm a total and utter noob when it comes to jQuery and have a relativly limited knowledge of JS in general so would really appreciate your advice on how to handle this challenge. Thanks guys, Rob
[jQuery] Re: loop in $
I need the selector on table row, TR and not DIV! Your example use xpath ? $('tr[id*=forum-list-]').hide(); How jquery know what id forum-list- has ? Your method is faster than Karl Rudd example? On Jun 13, 2:36 pm, Klaus Hartl <[EMAIL PROTECTED]> wrote: > Why not use a selector in the first place? > > $('div[id*=forum-list-]').hide(); > > Note that I added the type selector to make things faster. You may > have to adjust this. > > --Klaus > > On 13 Jun., 02:57, "Karl Rudd" <[EMAIL PROTECTED]> wrote: > > > Remember the selector is just a string so you can built it up just > > like a normal string: > > > for (var i=0; i > { > >$('#forum-list-' + i).hide(); > > > } > > > Karl Rudd > > > On Fri, Jun 13, 2008 at 10:26 AM, yo2lux <[EMAIL PROTECTED]> wrote: > > > > Is possible to use a for loop variable ( i ) in jquery $, something > > > like: > > > > for (var i=0; i > > { > > >$('#forum-list-[i']).hide(); > > > } > > > > I need the "i" value in $. But my code not work. Any idea ? Thanks!
[jQuery] Re: Ensure Textarea has been read.
I haven't tested this, but it should be something like this: $('#terms').scroll(function(){ if( $(this).scrollTop() == $(this).height() ) $('#submit').attr('disabled', false); }); Cheers -- Ariel Flesler http://flesler.blogspot.com On 13 jun, 10:44, Sir Rawlins <[EMAIL PROTECTED]> wrote: > Afternoon All, > > I have a form which includes a textarea, inside the text area I'm > displaying the terms and conditions of a service which a user must > agree too before continuing thier registration process. I want to have > the checkbox which they must select to accept the terms and conditions > to be disabled untill they have scrolled down to the bottom of the > textarea. > > I'm a total and utter noob when it comes to jQuery and have a > relativly limited knowledge of JS in general so would really > appreciate your advice on how to handle this challenge. > > Thanks guys, > > Rob
[jQuery] Re: loop in $
> Your example use xpath ? No, it uses a CSS 3 attribute selector. http://www.w3.org/TR/css3-selectors/#attribute-selectors > How jquery know what id forum-list- has ? It doesn't. The selector matches a substring of the id, e.g. it will match "forum-list-0", "forum-list-1", ... but it would also match "forum-list-foo". > Your method is faster than Karl Rudd example? Internally jQuery has to loop over all items in the result, so there won't be much of a difference. But matching elements by id like in Karl's example may be a bit faster than using a type and attribute selector. --Klaus
[jQuery] Re: ajax: refering back to {data:}
var settings = { data:, success:function(){ var data = this._data_; } }; settings._data_ = settings.data; $.ajax( settings ); Hope it was clear, I'm a bit in a hurry :) Cheers -- Ariel Flesler http://flesler.blogspot.com On 13 jun, 07:04, "Rene Veerman" <[EMAIL PROTECTED]> wrote: > Hi. When an jQuery.ajax({}) request completes, the success handler fires and > i am returned the ajax jquery object. > But the 'data' member is always url-encoded, the individual members of > 'data' are no longer accessible without manual de-url-coding. > > Is this intentional? I need my hands back on all those 'data' variables, > individually, after a request completes. > I suppose i can hack something but i'd rather stay on standard source.
[jQuery] Does jQuery know what the user has done?
Have a row that when clicked runs a jQuery function. On occasion a cell may have a link. What I would like is for the jQuery function to know if the user clicked the cell with a link or anyplace else in the row. If the user clicked the link the function would not run it's AJAX stuff and anywhere else the AJAX stuff would run. Is this possible? If so how is it done? Alternatively, I could code each cell with either the jQuery function or a link. This would mean a lot more code and make the html much less readable.
[jQuery] Re: Setting/removing CSS classes
Hmm, it sounds like the code is working fine. What do you have for the CSS rules for .active and .inactive ? And are you sure the page is loading the stylesheet correctly? On Jun 12, 4:32 pm, Kevin Major <[EMAIL PROTECTED]> wrote: > This is related to my past DOM traversal question from a day ago. > Long story short, I have a series of checkbox inputs within table > cells. Upon a click event, the input, its containing cell, and the > containing cell's next sibling should change CSS classes. > > According to Firebug, the class names are being changed correctly > (running Firefox 2). Yet, nothing is happening. In IE7, only the > input's class seems to be changing correctly. > > What's even more strange is that I get the same result using a non- > jQuery method. So, I'm thinking my approach is correct, given what > Firebug is showing me, but I'm still not getting results. > > So, the general HTML setup is: > > >some text. > > jQuery version of the script: > $(document).ready(function() >{ > $(document.forms["Grid"].elements["grid[]"]).each(function() > { > $(this).click(function() > { > if($(this).hasClass("active")) > { >$(this).removeClass("active").addClass("inactive"); >$ > (this).parent().next().andSelf().toggleClass("active"); > } > else > { >$(this).removeClass("inactive").addClass("active"); >$ > (this).parent().next().andSelf().toggleClass("active"); > } > }); > }); >}); > > Traditional version: >window.onload = function() >{ > var grids = document.forms["Grid"].elements["grid[]"]; > > for(var i = 0; i < grids.length; i++) > { > grids[i].onclick = function() > { > if(this.className == "active") > { >this.className = "inactive"; >this.parentNode.className = "inactive"; >this.parentNode.nextSibling.className = "inactive"; > } > else > { >this.className = "active"; >this.parentNode.className = "active"; >this.parentNode.nextSibling.className = "active"; > } > } > } >} > > Basicaly, I'm just wondering if I'm doing something completely > offbase, or if this behavior is supposed to be expected, or if it's a > bug. I've asked around at other venues, and haven't received an > answer, so I'm still scratching my head. It's infuriating because it > LOOKS right, but nothing is happening. > > I hope that posting such a large message is okay. If not, I apologize.
[jQuery] Re: Animation for adding branches
With tree stuff, I've been dealing stuff with interface plugin: http://interface.eyecon.ro/demos/drag_drop_tree.html When I modified, is very useful.
[jQuery] Re: New JQuery Plugin - Menu Toggle Adder
Just a suggestion - it took me a while to figure out I had to click the triangle for the drop down to work. Not many people are going to do that the first time. Might want to expand to having the triangle and the header clickable. Seth On Jun 13, 7:21 am, Ed <[EMAIL PROTECTED]> wrote: > Thanks for the feed back. I still haven't installed ie8, but I finally > got ff3. Everything in the example seems to be working as expected in > ff3. Please let me know what you spotted that isn't working. > > For example: > > Here:http://robottoysreviews.com/menu_toggle_adder_example_1.htm > > or Here:http://robottoysreviews.com/menu_toggle_adder_example_2.htm > > On Jun 7, 11:25 am, steve_f <[EMAIL PROTECTED]> wrote: > > > Your demo page does not work in FF3, also I get a script error running > > IE8.0 but in IE7.0 compat mode. > > > On Jun 7, 4:20 pm, Ed <[EMAIL PROTECTED]> wrote: > > > > Here's a new JQuery Plugin: Menu Toggle Adder > > > >http://code.google.com/p/js-menu-toggle-adder/ > > > > It automatically adds "toggle" triangles to unordered list menus for > > > each list item that contains an unordered list. > > > > It does a bunch of other "stuff", like expanding the nested ul > > > that matches the current url and adds a class to links that match the > > > current url. > > > > It's designed to help long, vertical menus on ecommerce websites be > > > more usable. > > > > This is my first JQuery plugin. Any feedback is greatly appreciated.
[jQuery] Re: Setting/removing CSS classes
Sounds to me like you have some CSS issues. If there's any other class assigned to those elements, or even any other style being applied to them, try disabling it to test. For example, try disabling everything that could be applied to these elements (particularly if you've set some style attributes inside the HTML tags themselves, which would take precedence over external stylesheet attributes if both try to set the same thing), except active or inactive (one at a time), and see if you get the expected result. (Also take a look at CSS flag '!important' - it might just resolve your problem.) j On Thu, Jun 12, 2008 at 5:32 PM, Kevin Major <[EMAIL PROTECTED]> wrote: > > This is related to my past DOM traversal question from a day ago. > Long story short, I have a series of checkbox inputs within table > cells. Upon a click event, the input, its containing cell, and the > containing cell's next sibling should change CSS classes. > > According to Firebug, the class names are being changed correctly > (running Firefox 2). Yet, nothing is happening. In IE7, only the > input's class seems to be changing correctly. > > What's even more strange is that I get the same result using a non- > jQuery method. So, I'm thinking my approach is correct, given what > Firebug is showing me, but I'm still not getting results. > > So, the general HTML setup is: > >some text. > > jQuery version of the script: > $(document).ready(function() > { > $(document.forms["Grid"].elements["grid[]"]).each(function() > { > $(this).click(function() > { >if($(this).hasClass("active")) >{ > $(this).removeClass("active").addClass("inactive"); > $ > (this).parent().next().andSelf().toggleClass("active"); >} >else >{ > $(this).removeClass("inactive").addClass("active"); > $ > (this).parent().next().andSelf().toggleClass("active"); >} > }); > }); > }); > > Traditional version: > window.onload = function() > { > var grids = document.forms["Grid"].elements["grid[]"]; > > for(var i = 0; i < grids.length; i++) > { > grids[i].onclick = function() > { >if(this.className == "active") >{ > this.className = "inactive"; > this.parentNode.className = "inactive"; > this.parentNode.nextSibling.className = "inactive"; >} >else >{ > this.className = "active"; > this.parentNode.className = "active"; > this.parentNode.nextSibling.className = "active"; >} > } > } > } > > Basicaly, I'm just wondering if I'm doing something completely > offbase, or if this behavior is supposed to be expected, or if it's a > bug. I've asked around at other venues, and haven't received an > answer, so I'm still scratching my head. It's infuriating because it > LOOKS right, but nothing is happening. > > I hope that posting such a large message is okay. If not, I apologize. >
[jQuery] Re: Ensure Textarea has been read.
Hi Ariel, Thanks for getting back to me. That looks like a neat and tidy piece of code however it isn't working. I don't get any JavaScript errors throw which is a good thing, but is doesn't re-enable the checkbox when I scroll to the bottom. Terms & Conditions: jkhkjhkjhkjhkhkhkjhsf kjsdfkjhsd kheuh I Agree to the Terms & Conditions That's the HTML mark-up I'm using for the text area and checkbox, I've changed the id's in the JS snippet to match up with the id's of the fields: $('#terms').scroll(function(){ if( $(this).scrollTop() == $(this).height() ) $('#agree').attr('disabled', false); }); Any suggestions on this? Cheers mate, Rob -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Ariel Flesler Sent: 13 June 2008 16:40 To: jQuery (English) Subject: [jQuery] Re: Ensure Textarea has been read. I haven't tested this, but it should be something like this: $('#terms').scroll(function(){ if( $(this).scrollTop() == $(this).height() ) $('#submit').attr('disabled', false); }); Cheers -- Ariel Flesler http://flesler.blogspot.com On 13 jun, 10:44, Sir Rawlins <[EMAIL PROTECTED]> wrote: > Afternoon All, > > I have a form which includes a textarea, inside the text area I'm > displaying the terms and conditions of a service which a user must > agree too before continuing thier registration process. I want to have > the checkbox which they must select to accept the terms and conditions > to be disabled untill they have scrolled down to the bottom of the > textarea. > > I'm a total and utter noob when it comes to jQuery and have a > relativly limited knowledge of JS in general so would really > appreciate your advice on how to handle this challenge. > > Thanks guys, > > Rob
[jQuery] What point i should take care while upgrading to jQuery 1.2.6
hello, What point i should take care while upgrading to jQuery 1.2.6? Can anyone suggest me?
[jQuery] Re: Ensure Textarea has been read.
Huh.. Can't get into debugging it myself. You can try to pull this out yourself. or Brandon Aaron seems like the one that can give you the exact solution. Drop him a line asking this... Cheers -- Ariel Flesler http://flesler.blogspot.com On 13 jun, 12:55, "Robert Rawlins" <[EMAIL PROTECTED]> wrote: > Hi Ariel, > > Thanks for getting back to me. That looks like a neat and tidy piece of code > however it isn't working. I don't get any JavaScript errors throw which is a > good thing, but is doesn't re-enable the checkbox when I scroll to the > bottom. > > Terms > & Conditions: > id="terms">jkhkjhkjhkjhkhkhkjhsf kjsdfkjhsd kheuh > > > > > id="agree" disabled="true" /> I Agree to the Terms & Conditions > > > That's the HTML mark-up I'm using for the text area and checkbox, I've > changed the id's in the JS snippet to match up with the id's of the fields: > > > $('#terms').scroll(function(){ > if( $(this).scrollTop() == $(this).height() ) > $('#agree').attr('disabled', false); }); > > > Any suggestions on this? > > Cheers mate, > > Rob > > > > -Original Message- > From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On > > Behalf Of Ariel Flesler > Sent: 13 June 2008 16:40 > To: jQuery (English) > Subject: [jQuery] Re: Ensure Textarea has been read. > > I haven't tested this, but it should be something like this: > > $('#terms').scroll(function(){ > if( $(this).scrollTop() == $(this).height() ) > $('#submit').attr('disabled', false); > }); > > Cheers > -- > Ariel Fleslerhttp://flesler.blogspot.com > > On 13 jun, 10:44, Sir Rawlins <[EMAIL PROTECTED]> > wrote: > > Afternoon All, > > > I have a form which includes a textarea, inside the text area I'm > > displaying the terms and conditions of a service which a user must > > agree too before continuing thier registration process. I want to have > > the checkbox which they must select to accept the terms and conditions > > to be disabled untill they have scrolled down to the bottom of the > > textarea. > > > I'm a total and utter noob when it comes to jQuery and have a > > relativly limited knowledge of JS in general so would really > > appreciate your advice on how to handle this challenge. > > > Thanks guys, > > > Rob- Ocultar texto de la cita - > > - Mostrar texto de la cita -
[jQuery] Re: Setting/removing CSS classes
I ran into a similar issue a few days ago and it was a CSS issue. Without seeing your CSS file this can only be a guess, but pay close attention to the order of your classes and whether or not you're applying the classes only to certain elements. For instance, my problem was as follows: span.active{ background-color: #fff; } .over{ background-color: #000; } The active class was applied onload just fine. However, when hovering over the span, I added the class over. This did not, much to my surprise, override span.active, but when I removed "span" from "span.active", or added "span" to make "span.over", it worked as I was expecting it to. Might not solve your issue, but I thought it might, so here ya go! Cheers. Kyle
[jQuery] Re: slider doesn't update on click, only drag
A few things. I'm a novice with the slider (started using it yesterday), the jQuery UI Google Group might be a better place to post this, and I think you should post an example on a test page somewhere. That said, try this and see if it works. $(document).ready(function(){ $("#mySlider").slider( { min: 1, max: 720, steps: 720, slide: function(e, ui){ if(ui.value > 0){ $("#sliderVal").text(ui.value); } else{ $("#sliderVal").text("0"); } } }); });
[jQuery] Re: Ensure Textarea has been read.
Does this help? I made it a while ago, but it should get you your answer. http://www.commadot.com/jquery/scrollEnable.php Glen On Fri, Jun 13, 2008 at 11:06 AM, Ariel Flesler <[EMAIL PROTECTED]> wrote: > > Huh.. Can't get into debugging it myself. > You can try to pull this out yourself. > > or > > Brandon Aaron seems like the one that can give you the exact solution. > Drop him a line asking this... > > Cheers > -- > Ariel Flesler > http://flesler.blogspot.com > > On 13 jun, 12:55, "Robert Rawlins" > <[EMAIL PROTECTED]> wrote: > > Hi Ariel, > > > > Thanks for getting back to me. That looks like a neat and tidy piece of > code > > however it isn't working. I don't get any JavaScript errors throw which > is a > > good thing, but is doesn't re-enable the checkbox when I scroll to the > > bottom. > > > > Terms > > & Conditions: > > > id="terms">jkhkjhkjhkjhkhkhkjhsf kjsdfkjhsd kheuh > > > > > > > > > > > id="agree" disabled="true" /> I Agree to the Terms & > Conditions > > > > > > That's the HTML mark-up I'm using for the text area and checkbox, I've > > changed the id's in the JS snippet to match up with the id's of the > fields: > > > > > > $('#terms').scroll(function(){ > >if( $(this).scrollTop() == $(this).height() ) > > $('#agree').attr('disabled', false); }); > > > > > > Any suggestions on this? > > > > Cheers mate, > > > > Rob > > > > > > > > -Original Message- > > From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On > > > > Behalf Of Ariel Flesler > > Sent: 13 June 2008 16:40 > > To: jQuery (English) > > Subject: [jQuery] Re: Ensure Textarea has been read. > > > > I haven't tested this, but it should be something like this: > > > > $('#terms').scroll(function(){ > >if( $(this).scrollTop() == $(this).height() ) > > $('#submit').attr('disabled', false); > > }); > > > > Cheers > > -- > > Ariel Fleslerhttp://flesler.blogspot.com > > > > On 13 jun, 10:44, Sir Rawlins <[EMAIL PROTECTED]> > > wrote: > > > Afternoon All, > > > > > I have a form which includes a textarea, inside the text area I'm > > > displaying the terms and conditions of a service which a user must > > > agree too before continuing thier registration process. I want to have > > > the checkbox which they must select to accept the terms and conditions > > > to be disabled untill they have scrolled down to the bottom of the > > > textarea. > > > > > I'm a total and utter noob when it comes to jQuery and have a > > > relativly limited knowledge of JS in general so would really > > > appreciate your advice on how to handle this challenge. > > > > > Thanks guys, > > > > > Rob- Ocultar texto de la cita - > > > > - Mostrar texto de la cita - >
[jQuery] Re: What point i should take care while upgrading to jQuery 1.2.6
This is kind of an impossible question to be specific without knowing what you are doing. However, you should treat it like upgrading anything. Read the docs, and test. http://docs.jquery.com/Release:jQuery_1.2.6 One thing that I noticed is the inclusion of dimensions in the core. That means you don't need to include dimensions externally. Glen On Fri, Jun 13, 2008 at 10:00 AM, Dushyant Patel <[EMAIL PROTECTED]> wrote: > > hello, > > What point i should take care while upgrading to jQuery 1.2.6? > > Can anyone suggest me? >
[jQuery] Re: easy way to get all input value
OK, thanks, I'll give it a shot. If I remember correctly, my tests with jquery's .serialize() and jquery form plugin's .serialize() didn't work unless the selector returned a form. Not sure why: the docs didn't say anything about that not working, but all the examples *were* using form ID's (no examples using selectors that got other set of DOM nodes). If anyone know otherwise about jquery's .serialize() and jquery form's .serialize(), let me know, plz. Might have been user error, but if that's a restriction, it'd be good to know when deciding which route to take. - Jack Dan G. Switzer, II wrote: Jack, I asked this via another thread, but no reply yet... so tossing it in here, too. Do you know if *any* selector can be used with .formHash() or just an id for a form? IE, if I have a few divs inside a form can I use a div id to just get the formHash for form fields inside that div? If your selector returns multiple form elements, then it will process them. You can't feed it the directly, but you can do any of the following: "div > form", "#someElement > form", "form.someClass", ".someClass", "form", etc, etc. Whatever jQuery object is passed to the hashForm() method is then filtered for just form elements. So even if ".someClass" was assigned to various elements, it uses the filter() method to limit the collection to just form elements. -Dan
[jQuery] Table Manipulation Help!
Hello all. I'm new to jQuery and Javascript. I've been trying to solve a problem since last 2 days.. :( Here is my HTML: 1 2 3 4 5 6 In this table you can see that 2nd column has links. Now what I want to do is copy the respective links to 1st column. So, it should look like: 1 2 3 4 5 6 I've taken 2 rows, but I want the code to be row number independent.
[jQuery] Dialog Functional Demo Miss Linked
The jQuery UI - Functional demo for the dialog is missed linked or something. The URL is http://ui.jquery.com/functional_demos/#ui.dialog Yet there are demos for dialog at http://dev.jquery.com/view/trunk/ui/demos/functional/#ui.dialog It would nice to have these two pages merged or have the demos from the second link copied to the first link.
[jQuery] [autocomplete] tab issue with autcomplete plugin
Jörn, have you made any progress on the TAB issue with the Autocomplete plugin? ie: If you in that field and tab away - you loose your tab order. I know it came up in the comments on the plugin page but I haven't heard any more updates on it... Thanks, Jim
[jQuery] How to hide or remove values in an option select list
Hello, is there a simple way of hiding or removing values in a select list? For instance I have a list like the one below and I want to hide or remove two items: "asc.300-signage" and "asc.815-grounds" but when I try the following syntax $("option").val(["asc.425-signage","asc.815-grounds"]).hide() it hides all of the entries not just the 2 items I am after. Can someone point me where to look. I have the Jquery in Action book but I have not found a solution for my issue only general information for working with forms. Also, I am testing this with firebug. I load jquery from a bookmarklet and try various functions. Anyone know how to load additional plugins after you load the jquery library? Thanks in advance! Mike Signage 12-Servicing 14-Hardware Software Building Grounds
[jQuery] Re: IE6 and blockUI Issue
Johnie: Thanks for your suggestion-- when coupled with Rob's suggestion to comment out the if statement, it fixes the issue. If the next version of blockUI contains a fix for this issue, great; but if not, these fixes are sufficient. I really appreciate all the suggestions, everyone-- thank you again.
[jQuery] Table Manipulation Help!
Hello all. I'm new to jQuery and Javascript. I've been trying to solve a problem since last 2 days.. :( Here is my HTML: 1 2 3 4 5 6 In this table you can see that 2nd column has links. Now what I want to do is copy the respective links to 1st column. So, it should look like: 1 2 3 4 5 6 I've taken 2 rows, but I want the code to be row number independent.
[jQuery] Can I use $(document).css?
My first post appears to have gotten lost, so here it goes again. I was tinkering with jQuery when I got an idea: why not have a way to use the css function to put new rules into the document, not just styles on collections of elements? Something like: $ (document).css(selector1,rule1).css(selector2,rule2)...css(selectorN,ruleN); If this functionality already exists in jQuery, let me know the syntax; otherwise, please consider it for an upcoming version.
[jQuery] replace html on ajax success ie7
Hi guys, I am having a wierd issue. It seems all is fine in firefox but in IE for some reason, although I can alert the value returned to the ajax post, I cannot seem to populate the html of my div. Here is my code: $.post(SERVER_URL, 'temp_key='+temp_post_key_n, function(data){ alert(data); // Displays returned html in ie and firefox $('#message_div').html(data); // Populated in Firefox, not in IE }, 'html' ); Also, If I set $('#message_div').html(data) to $ ('#message_div').html('testing') I see "testing" in my div in both IE and Firefox. Thanks a ton! Fred.
[jQuery] How to hide several values in an option select box?
I am trying to hide several values in an option select list. A sample is below: For instance I want to hide or remove Servicing and Air Conditioning When I try the following syntax it removes the entire list and not just the 2 items I want to remove. I tried: $("option").val(["asc.212-servicing","asc.333-air- conditioning" ]).remove(); Any ideas? Thanks! Mike Signs Servicing Hardware Software Air Conditioning Maintenance Communications
[jQuery] Optimizing jQuery Tabs - improving load time
Hi, I'm a bit of a newb with JavaScript though pretty fluent in general xHTML/CSS web design. Anyway, I use jQuery Tabs for the carousel on my site's homepage since I had prior experience with it. It works just fine, though the only issue I'm having is that while the page is loading, the divs holding the content for each tab all show on the page, and on a slower connection it can hang like that for a few seconds before the script pops them into place. It's much easier to show an example: http://www.grooveeffect.com/ Is there a way to optimize the tabs to prevent that? As far as I can tell, the script is waiting for all the content to load before tab- ifying the content...can I force it to simply put everything into tabs whether loaded or not? If not, I'd be happy simply hiding all but the first tab until the rest load up. Thanks! --Illah
[jQuery] Re: slider doesn't update on click, only drag
Thanks, I'll test this out. The UI mail list was unresponsive, so I reposted here. Forking the mailing lists is probably a bad idea. There is a big network effect here. Ivan On Jun 13, 12:26 pm, Kyle <[EMAIL PROTECTED]> wrote: > A few things. I'm a novice with the slider (started using it > yesterday), the jQuery UI Google Group might be a better place to post > this, and I think you should post an example on a test page somewhere. > > That said, try this and see if it works. > > $(document).ready(function(){ > $("#mySlider").slider( { > min: 1, > max: 720, > steps: 720, > slide: function(e, ui){ > if(ui.value > 0){ > $("#sliderVal").text(ui.value); > } > else{ > $("#sliderVal").text("0"); > } > } > }); > });
[jQuery] Is there a way to use the css function with $(document) directly?
I was tinkering with jQuery when I got an idea: why not have a way to do something like: $(document).css(selector,rule); Then it could be chained for as many rules as you would wish: $ (document).css(selector1,rule1).css(selector2,rule2)...css(selectorN,ruleN); If this is already part of the jQuery functionality, tell me the syntax to use. Otherwise, consider this a submission of a new idea.
[jQuery] I love JQuery but why is it slower than Dojo and ExtJS Core
Hey guys, To start, I really love JQuery and how it works and how you can extend it, I wouldn't replace that with something else anytime soon. Especially the community is great! But I was running http://www.domassistant.com/slickspeed/ and notices that: - DOMAssistant 2.7.1: 148 - jQuery 1.2.6: 161 - Prototype 1.6.0.2: 310 - Mootools 1.2b: 157 - ExtJS Core 2.0.2: 113 - Dojo 1.0.2: 106 - YUI 2.5.1: 378 I was just wondering, why is JQuery so much slower compared to Dojo or ExtJS? is it because of the stuff it provides out of the box after you have found a collection of objects? Its just my curiosity on why it isn't just easy do adopt the speed improvements of Dojo and ExtJS :) Regards, Abdul
[jQuery] Re: What point i should take care while upgrading to jQuery 1.2.6
What version are you using right now? On Jun 13, 1:00 pm, Dushyant Patel <[EMAIL PROTECTED]> wrote: > hello, > > What point i should take care while upgrading to jQuery 1.2.6? > > Can anyone suggest me?
[jQuery] tricky for loop
I have an HTML Table: 1: 2: 3: Second text 4: 5: 6: forum1 7: 0 8: 0 9: na 10: 11: 12: forum2 13: 0 14: 0 15: na 16: 17: 18: 19: Second 20: 21: 22: forum3 23: 0 24: 0 25: na 26: 27: An array store the value 1 and 2: alert(containers[0]); // 1 alert(containers[1]); // 2 I want to hide all table row (except container rows: forum-list-1 and forum-list-2). So... I want to hide: - forum-list-3 - forum-list-4 - forum-list-5 I need to tell Javascript: "Hey Javascript the number "1" exist in "containers" array, find "forum-list-1" and hide all table row until forum-list-2". "Hey Javascript the number "2" exist in "containers" array, find "forum-list-2" and hide all table row until forum-list-3". == My JavaScript code: == var containerFound = false; for (var i=0; i
[jQuery] Re: Help with tabsLoad
Thanks Is there a way to make a function that will work ? I am not expert in JS like you. Maybe you can check this site that offer tab and a function that work to load link via ajax in there tab : http://www.dynamicdrive.com/dynamicindex17/ajaxtabscontent/ Fucntion here : http://www.dynamicdrive.com/dynamicindex17/ajaxtabscontent/ajaxtabs_suppliment3.htm Here the doc : instance.loadajaxpage(pageurl) Use this method to directly load an external page into the Ajax Content Container via Ajax. The method can be called anywhere on the page, such as inside a link on the page. The page to load must be from your own server, as the loading process is via Ajax, and subject to Ajax in-house domain restrictions. Example: The below link loads a page into the Ajax Tabs Content instance "countries": Load New Page Thanks Like you see i can use these tabs but yours are so much better On 13 juin, 07:54, Klaus Hartl <[EMAIL PROTECTED]> wrote: > The main problem is that you're using document.write (in the > RedSheriff tracker code) in the pages that get loaded via Ajax as tab > content. That just won't work. That's the reason why you're getting a > blank page. > > --Klaus > > keny schrieb: > > > > > Hi thanks Klaus for helping me, > > > I upload a demo of what i whant here : > >http://membres.lycos.fr/homeinv/tabs/ > > > (sorry for the ads ist a free hosting) > > > My function is under tabs # 2 and the problem is discribed here to. > > > Thanks you very much for your help > > > On 12 juin, 01:51, Klaus Hartl <[EMAIL PROTECTED]> wrote: > > > I'd like to help, but I stil don't understand your problem, I'm sorry. > > > > --Klaus > > > > On 12 Jun., 01:08, keny <[EMAIL PROTECTED]> wrote: > > > > > No one ? > > > > > I really need this to work but have no skill with js > > > > > Thanks > > > > > On 7 juin, 22:37, keny <[EMAIL PROTECTED]> wrote: > > > > > > Hi thanks for the answer > > > > > > I whant to load the link in the function in the current panel i dont > > > > > whant every link to be loaded in panel so your first function was not > > > > > for me, i try the next one that work but this function was reloaded > > > > > the tab in the panel so i came whit > > > > > this function that work : > > > > > > function loadTab(tab) { > > > > > var tab ; > > > > > > � � � � $('#container-8').tabs({ > > > > > � � load: function(ui) { > > > > > > � � � � � � $(ui.panel).load(tab); > > > > > > � � } > > > > > > }); > > > > > } > > > > > > Ist work the link load but the problem is that no more panel work > > > > > after. Any idea ? > > > > > > Thanks for helping > > > > > > On 7 juin, 03:16, Klaus Hartl <[EMAIL PROTECTED]> wrote: > > > > > > > Forgot to mention that you need to use the latest version, from > > > > > > jQuery > > > > > > UI RC1 that is. > > > > > > > --Klaus > > > > > > > On 7 Jun., 09:15, Klaus Hartl <[EMAIL PROTECTED]> wrote: > > > > > > > > What exactly do you want to achieve? If you try to automatically > > > > > > > load > > > > > > > content from links inside a tab panel into the panel itself, > > > > > > > replacing > > > > > > > the content, try this: > > > > > > > > $('#example').tabs({ > > > > > > > � � load: function(ui) { > > > > > > > � � � � $('a', ui.panel).click(function() { > > > > > > > � � � � � � $(ui.panel).load(this.href); > > > > > > > � � � � � � return false; > > > > > > > � � � � }); > > > > > > > � � } > > > > > > > > }); > > > > > > > > If you're just want to reload the content of the given tab, try > > > > > > > this: > > > > > > > > function loadTab(tab) { > > > > > > > � � $('#example').tabs('load', tab); > > > > > > > > } > > > > > > > > Before you can use that you need to have initialized tabs once of > > > > > > > course: > > > > > > > > $('#example').tabs(); > > > > > > > > --Klaus > > > > > > > > On 5 Jun., 02:55, keny <[EMAIL PROTECTED]> wrote: > > > > > > > > > Hi thanks for reading > > > > > > > > > I am trying to load a link in a tab with this function with no > > > > > > > > result :-( > > > > > > > > > function loadTab(tab){ > > > > > > > > var tab; > > > > > > > > var $tabs = $('#container-8').tabs; > > > > > > > > var selected = $tabs.tabsSelected(); > > > > > > > > � � � � � � $tabs.tabsLoad(selected,tab); > > > > > > > > > } > > > > > > > > > > > > > > > > > > The tab variable contain the page to load but noting happen > > > > > > > > what wrong > > > > > > > > with that ? > > > > > > > > > Thanks you very much !!!- Masquer le texte des messages > > > > > > > > pr�c�dents - > > > > > > > - Afficher le texte des messages pr�c�dents -- Masquer le texte des > > > > > > messages pr�c�dents - > > > > > > - Afficher le texte des messages pr�c�dents -- Masquer le texte des > > > > > messages pr�c�dents - > > > > - Afficher le texte des messages pr�c�dents -- Masquer le texte des > > > messages précédents - > > - Afficher le texte des messages précédents -
[jQuery] Re: What point i should take care while upgrading to jQuery 1.2.6
> -Original Message- > From: Dushyant Patel [mailto:[EMAIL PROTECTED] > What point i should take care while upgrading to jQuery 1.2.6? > > Can anyone suggest me? I've been updating the application I've been working on with all of the latest releases and haven't run into any issues. Since 1.2.6 now includes the dimensions plugin - if you are using that - you can remove those references and files. Jim
[jQuery] Re: I love JQuery but why is it slower than Dojo and ExtJS Core
Hi Abdul, We've addressed this question several times and I'd ask that you do a search of the archives for more feedback. Our selector performance is excellent across all browsers and we've not heard any complaints from companies such as the BBC, Digg, Google or Amazon about selector performance. We're currently focusing on enhancing other areas of jQuery but may revisit selector performance in the future. Thanks, Rey... Abdul-Rahman Advany wrote: Hey guys, To start, I really love JQuery and how it works and how you can extend it, I wouldn't replace that with something else anytime soon. Especially the community is great! But I was running http://www.domassistant.com/slickspeed/ and notices that: - DOMAssistant 2.7.1: 148 - jQuery 1.2.6: 161 - Prototype 1.6.0.2: 310 - Mootools 1.2b: 157 - ExtJS Core 2.0.2: 113 - Dojo 1.0.2: 106 - YUI 2.5.1: 378 I was just wondering, why is JQuery so much slower compared to Dojo or ExtJS? is it because of the stuff it provides out of the box after you have found a collection of objects? Its just my curiosity on why it isn't just easy do adopt the speed improvements of Dojo and ExtJS :) Regards, Abdul
[jQuery] Re: Optimizing jQuery Tabs - improving load time
Hmm, I think it has to do with the enormous page weight (Firebug calculates it at 1.05 MB). I would look for an overall optimization first to the site's weight (optimize images, clean up markup, pack/ minify javascript and/or CSS files at a minimum). I ran into an issue with having to maintain an ultra low page weight on a tabbed structure (containing 7 tabs) with each tab containing a photo (additional weight). I went with the plugin you've chosen initially and found it did not suit my needs. So I wrote a rather clean and efficient (IMO) script that reduced the page weight by almost 30%. Check out the "Quick Answers" section of this site: www.texasonline.com View the source and the tabs in the global.js. You'll notice that each image is "dynamically" loaded thus reducing page weight. Not sure if this is the solution, but I would think it's a start. Cheers. Joe www.subprint.com On Jun 13, 4:08 pm, Illah <[EMAIL PROTECTED]> wrote: > Hi, > > I'm a bit of a newb with JavaScript though pretty fluent in general > xHTML/CSS web design. Anyway, I use jQuery Tabs for the carousel on > my site's homepage since I had prior experience with it. It works > just fine, though the only issue I'm having is that while the page is > loading, the divs holding the content for each tab all show on the > page, and on a slower connection it can hang like that for a few > seconds before the script pops them into place. > > It's much easier to show an example: > > http://www.grooveeffect.com/ > > Is there a way to optimize the tabs to prevent that? As far as I can > tell, the script is waiting for all the content to load before tab- > ifying the content...can I force it to simply put everything into tabs > whether loaded or not? > > If not, I'd be happy simply hiding all but the first tab until the > rest load up. > > Thanks! > > --Illah
[jQuery] Re: How to hide several values in an option select box?
> I tried: $("option").val(["asc.212-servicing","asc.333-air- > conditioning" ]).remove(); the .val() method sets or gets an element's value, which in your case is happening just before it removes all the options elements. :-) You want to use a selector. I can't think of a convenient way to select multiple elements given their option values, other than something verbose like this: $('option[value="asc.212-servicing"], option[value="asc.333-air- conditioning"]').remove();
[jQuery] Looking for help with a small jquery project by a noob
Greetings all. I am trying to add some jquery code to a few modules I am developing in Drupal 5.x. I'm struggling to get up to speed with jquery but so far i've been successful in what I have tried to do. Until now. If you would like to see the discussion I have already started at Drupal it is at http://drupal.org/node/269197. I have a very basic html page to outline what I am trying to do. A version of it is here: http://www.whootis.com/dev/jquery.html I have three radio buttons as part of a group. I want to accomplish 2 things: 1> When the page loads, the state of the textfield (hidden or shown) is determined based on what radio button has been set to be checked and the textfield gets set. 2> When ever a user selects radio buttons R1 or R3 the textfield remains hidden, and when the user clicks on R2 the textfield becomes visible. I have stumbled through various examples and gotten it to work sometimes, and other times I can't get it to work at all. Can someone help me out here with some advice? -Geoff For reference here is the example page: $(document).ready(function() { var checkedValue = $ ("[EMAIL PROTECTED]'myradiobutton']").val("r2"); $(checkedValue).is(':checked') ? $("#txtfld").hide() : $ ("#txtfld").show(); $('input').click(function() { $ ("[EMAIL PROTECTED]'myradiobutton']").val("r2").is(':checked') ? $ ("#txtfld").show() : $("#txtfld").hide(); }); }); 1st 2nd Milk Coffee Tea 3rd
[jQuery] Re: jQuery+Cycle : slideshow with progressive image loading
This dynamic loading is excellent, is there any way I can combine this technique with using a pager based on existing elements as here: http://www.malsup.com/jquery/cycle/pager3.html My problem is the script only takes the two images it launches, and I can't work out how to hook in more images as they load. Any help much appreciated, Kip. On Jun 1, 11:37 am, malsup <[EMAIL PROTECTED]> wrote: > > Meanwhile I've also tried my hand at some code and come to what seems > > to be a valid solution. It relies on image preload - slides are added > > to theCycle"randomly" depending on the order in which they are > > pulled from the server, which is a way to have the slideshow run as > > soon as possible. > > > Cheers, > > > Nicolas > > Looks good, Nicolas. I've added another demo page that uses your > preload technique (hope you don't mind). > > http://www.malsup.com/jquery/cycle/add3.html > > Cheers! > > Mike
[jQuery] Re: New JQuery Plugin - Menu Toggle Adder
Thanks Seth. Making the header clickable is a good idea. I'll add a plugin setting to make that happen. -Ed On Jun 13, 10:20 am, Seth - TA <[EMAIL PROTECTED]> wrote: > Just a suggestion - it took me a while to figure out I had to click > the triangle for the drop down to work. Not many people are going to > do that the first time. Might want to expand to having the triangle > and the header clickable. > > Seth > > On Jun 13, 7:21 am, Ed <[EMAIL PROTECTED]> wrote: > > > Thanks for the feed back. I still haven't installed ie8, but I finally > > got ff3. Everything in the example seems to be working as expected in > > ff3. Please let me know what you spotted that isn't working. > > > For example: > > > Here:http://robottoysreviews.com/menu_toggle_adder_example_1.htm > > > or Here:http://robottoysreviews.com/menu_toggle_adder_example_2.htm > > > On Jun 7, 11:25 am, steve_f <[EMAIL PROTECTED]> wrote: > > > > Your demo page does not work in FF3, also I get a script error running > > > IE8.0 but in IE7.0 compat mode. > > > > On Jun 7, 4:20 pm, Ed <[EMAIL PROTECTED]> wrote: > > > > > Here's a new JQuery Plugin: Menu Toggle Adder > > > > >http://code.google.com/p/js-menu-toggle-adder/ > > > > > It automatically adds "toggle" triangles to unordered list menus for > > > > each list item that contains an unordered list. > > > > > It does a bunch of other "stuff", like expanding the nested ul > > > > that matches the current url and adds a class to links that match the > > > > current url. > > > > > It's designed to help long, vertical menus on ecommerce websites be > > > > more usable. > > > > > This is my first JQuery plugin. Any feedback is greatly appreciated.
[jQuery] Re: I love JQuery but why is it slower than Dojo and ExtJS Core
Abdul... Please do a Google search through the groups archive for messages regarding the SlickSpeed tests. Even the authors of the test admit it contains many examples that aren't real world. Besides...while speed is important, the difference between 300ms and 800ms is negligible. Further I'd totally sacrifice a little speed (if called to do so) to keep the terse syntax and ease of use that jQuery offers. andy -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Abdul-Rahman Advany Sent: Friday, June 13, 2008 5:20 PM To: jQuery (English) Subject: [jQuery] I love JQuery but why is it slower than Dojo and ExtJS Core Hey guys, To start, I really love JQuery and how it works and how you can extend it, I wouldn't replace that with something else anytime soon. Especially the community is great! But I was running http://www.domassistant.com/slickspeed/ and notices that: - DOMAssistant 2.7.1: 148 - jQuery 1.2.6: 161 - Prototype 1.6.0.2: 310 - Mootools 1.2b: 157 - ExtJS Core 2.0.2: 113 - Dojo 1.0.2: 106 - YUI 2.5.1: 378 I was just wondering, why is JQuery so much slower compared to Dojo or ExtJS? is it because of the stuff it provides out of the box after you have found a collection of objects? Its just my curiosity on why it isn't just easy do adopt the speed improvements of Dojo and ExtJS :) Regards, Abdul
[jQuery] Re: accessing the content of iframe
I'm trying to access content of a external frame, a page loaded from another server it seams impossible, when I try with local page, it works Is that so? Some kind of protection? thanks Feijó smoothcriminal escreveu: You can use it using the function contents() . For example if you want to hide an element inside an iframe: $('#iframeID').contents().find('#innerElementID').hide(); Piyush --- http://piyush.goel.googlepage.com/ On Apr 29, 8:38 am, Teonator <[EMAIL PROTECTED]> wrote: Hi, Let say I have page A with an iframe (# ifrmContent) where its src is page B. The page B have a checkbox (# chkAgree). How am I going to access the checkbox in page B using the selector from page A (parent)? Could someone guide me a bit? Cheers, Teon
[jQuery] Re: Help with tabsLoad
On 13 Jun., 23:17, keny <[EMAIL PROTECTED]> wrote: > Thanks > > Is there a way to make a function that will work ? I am not expert in > JS like you. Maybe you can check this site that offer tab and a > function that work to load link via ajax in there tab : All you need to do is *not* include the Red Sheriff tracker code included in the Ajax tab pages... --Klaus