[jQuery] looking for plugin that presets values in text box
Hi, some time ago I saw a jquery plugin which would preset the value in a text box and when users' cursor came to that text box...the preset value would go away. it was sort of there to let the user know what format should be in this text field. I cant recall the name of the plugin. Wondering if someone can help me find this plugin?
[jQuery] Re: jQuery.ScrollTo 1.3 released
Ariel, Thanks! :) Pax, - Stan On Jan 4, 10:29 am, Ariel Flesler <[EMAIL PROTECTED]> wrote: > @Stosh > Sure! actually, all the releases till this one, I uploaded as ZIP, > I chose RAR this time because it was a few KB smaller, that's all. > You can get the ZIP from > here:http://www.freewebs.com/flesler/jQuery.ScrollTo/jquery.scrollTo.zip. > Should I make them all ZIP again from now on ? > > @Andy > I do agree with you, that it would look better, but I think it's > more clear, for some that is not experienced with these stuff, if they > see the scrollbar. Someone could think it's just a absolute positioned > div, that is moved back and forth. IMO the scrollbar make it clear > that you are actually forcing the elements to scroll. > If you're good at design, I wouldn't mind some help :) I'm quite awful > at that. I'd really like the demo to look better :) > > @All > Someone with older versions of Firefox could confirm it works well ? > Also from Linux browsers. Thanks. > > Ariel Flesler > > On 4 ene, 10:52, Stosh <[EMAIL PROTECTED]> wrote: > > > Ariel, > > Any chance we could get you to post the source in a format other than > > rar? Perhaps zip or a tarball? > > > Pax, > > - Stan > > > On Jan 3, 6:08 pm, Ariel Flesler <[EMAIL PROTECTED]> wrote: > > > > There, now it shows an example of code when a link is clicked. > > > I'd appreciate it, if some people could try it on different browser > > > versions and platforms. > > > > Thanks > > > > Ariel Flesler > > > > On 3 ene, 12:36, Ariel Flesler <[EMAIL PROTECTED]> wrote: > > > > > Ok, sounds good, I'll try to add that ASAP. > > > > > Thanks! > > > > > Ariel Flesler > > > > > On 3 ene, 12:33, "Andy Matthews" <[EMAIL PROTECTED]> wrote: > > > > > > Ariel... > > > > > > I know I could check the source...that would be easy. But it's also > > > > > nice to > > > > > have a quick reference as to what I'm clicking on. Mike Alsup's Cycle > > > > > demos > > > > > are a perfect example. With every single demo instance, the specific > > > > > code > > > > > used to run that demo is right next to it. > > > > > > -Original Message- > > > > > From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On > > > > > > Behalf Of Ariel Flesler > > > > > Sent: Thursday, January 03, 2008 9:04 AM > > > > > To: jQuery (English) > > > > > Subject: [jQuery] Re: [ANNOUNCE] jQuery.ScrollTo 1.3 released > > > > > > Thanks to all of you for the quick and encouraging reply. > > > > > > @Andy > > > > > I thought developers always checked the source ( asi in, View > > > > > Source ). > > > > > I was told that the code, in former demo was not clear. So I made > > > > > this one > > > > > very redundant and full of comments. Maybe I should add a sign saying > > > > > "check > > > > > the demo source to see how it is done" ? > > > > > > Ariel Flesler > > > > > > On 3 ene, 11:56, "Andy Matthews" <[EMAIL PROTECTED]> wrote: > > > > > > Oh...one thing I'd like to see on the demos is a code view. On the > > > > > > various links that you can click, I'd like to see exactly what > > > > > > options > > > > > you're using. > > > > > > > -Original Message- > > > > > > From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] > > > > > > On > > > > > > > Behalf Of Ariel Flesler > > > > > > Sent: Thursday, January 03, 2008 6:28 AM > > > > > > To: jQuery (English) > > > > > > Subject: [jQuery] [ANNOUNCE] jQuery.ScrollTo 1.3 released > > > > > > > Hi everyone > > > > > > > jQuery.ScrollTo 1.3 is out, It includes a few fixes, some features > > > > > > and > > > > > > it went through a structural change. > > > > > > > Fixed the behavior for Opera which seems to scroll on both > > > > > > and > > > > > > . This last change, requires some crossbrowser testing. It > > > > > > works > > > > > > well on FF 2.0.0.11, IE 6, Opera 9.22 and Safari 3 beta. All of > > > > > > them on > > > > > Windows. > > > > > > I'd appreciate some feedback on this for other versions/ platforms. > > > > > > > Now the scroll limits are checked, this solves the problem that > > > > > > arised > > > > > > when scrolling to the last elements within the scrollable container > > > > > > (or > > > > > window). > > > > > > I'd be grateful to get some confirmations on this too. > > > > > > > I restructured the arguments to make it work like $().animate. Now > > > > > > the > > > > > > duration can be specified as a number in the 2nd argument, and the > > > > > > settings hash as 3rd. Or the hash settings as 2nd argument, > > > > > > including > > > > > > the option 'duration' (or 'speed', backward compatibility is kept). > > > > > > > Finally, I remade the demo, this version shows clearly what each > > > > > > option does, also what are all the ways to specify the targeted > > > > > > position (many!). I want to improve its look, but that can wait :) > > > > > > > Thanks all. > > > > > > > Ariel Flesler- Ocultar texto de la cita - > > > > > > > - Mostrar texto de la cita-- Ocultar texto de la cit
[jQuery] Re: Issue with jQuery zebra tables tutorial...
So, it looks like the problem you're having is that the style for the "over" class is not overriding the "alt" class. The simple solution would be to give a higher specificity to the "over" class's CSS rule. Something like this, perhaps, in your stylesheet: .alt { background-color: #ccc; } tr.over { background-color: #ff0; } With the added "tr" for the "over" class, it will successfully override the "alt" class's background color. Then to apply it, use the .hover() method: $(".stripeMe tr").hover(function() { $(this).addClass('over'); }, function() { $(this).removeClass('over'); }); --Karl _ Karl Swedberg www.englishrules.com www.learningjquery.com On Jan 4, 2008, at 3:11 PM, bryce4president wrote: I've just started working with jQuery today. One of the things I've been doing is using zebratables, but it has been with a javascript function I found that runs off the window.onload. I like the idea of doing this in jQuery as it is definitely faster (i tested it) and it is a lot cleaner and simpler. Here's the problem. I do the $(".stripeMe tr:even").addClass("alt"); and it works just fine. Then I have the $(".stripeMe tr").mouseover(function(){ $(this).addClass("over"); }); But instead of replacing the class that is there, it actually adds it to it. so then it will say So I put this in, $(".stripeMe tr").mouseover(function(){ $(this).removeClass().addClass("over"); }); Adding the removeClass() does the trick. The problem after that is that when I do the mouseout I have no way of knowing what the previous class was. So I have to do a $(".stripeMe tr").mouseout(function(){ $(this).removeClass(); $("stripeMe tr:even").addClass("alt"); }); This is not good for larger tables as it can make the page seem glitchy when doing a mouseover. I didn't know if there was a way to find out in $(this) is even or not This works the same in IE6 and FF2. Am I doing something wrong or is the tutorial not correct? I understand how it is theoretically supposed to work in the tutorial, but its not right. Thanks for the help. Love jQuery by the way. Great library.
[jQuery] Re: :last-child problem
Hi Tomek, It works fine for me. How are you testing this? If you have Firefox with Firebug, inspect the last-child element after adding the class. When I did so, I saw this: bar (I had added "bar" to the HTML for the sake of my test.) --Karl _ Karl Swedberg www.englishrules.com www.learningjquery.com On Jan 5, 2008, at 7:22 AM, poncjusz wrote: Hi, I've got strange problem with :last-child selector, my html structure: and jquery script: $(".box-full .info:last-child").addClass("last"); what is strange that $(".box-full .info:first-child").addClass("last"); works perfect! thanks in advance Tomek
[jQuery] Re: Is there a problem with JQuery Form Plugin and v1.2.1 ?
Hi Quinode, I don't know of any problems with the jQuery Form plugin and v1.2.1. I've used the two together on a number of projects with no issues. The problem could be in the code you're using in conjunction with the Form plugin, such as validation code in beforeSubmit or some other code in success. You might want to check out the release notes for jQuery 1.2 to make sure that you're not trying to use any of the removed methods or selectors (http://docs.jquery.com/Release:jQuery_1.2). --Karl _ Karl Swedberg www.englishrules.com www.learningjquery.com On Jan 4, 2008, at 1:20 PM, Quinode wrote: I use a lot JQuery on my sites although I'm not a savvy javascript writer (but that's common now) I turned to 1.2.1 to be able to use the new version of Tabs. It did not arrive immediatly (that is why i scratch my head hard) but within two weeks I began having more and more problems with every jquery module I use, until now where the only solution is to disable jquery.form.js to allow something to work. Of course, it breaks all the data submit functions... - Is there a known problem between these two ? - Could my calls to jquery.form.js that were valid with 1.1.3.1 could have turned invalid under 1.2.1 ? - Is there another easy way to submit xmlhttp forms giving a target div (that's mainly what i do) ? thanks you all, this is my first post here, but I'm ok to learn...
[jQuery] Re: jQuery Tabs - Can I Do This?
Klaus, thank you very much for your input and thoughts on the topic, as well as the link. Interesting reading, indeed. I shall most definitely give more thought to the task at hand. Stephen, thanks also for the potential solution. I sincerely appreciate it. jQuery is awesome, and this list is one of the most useful and helpful lists to which I subscribe. Thank you to all of you guys (and girls) that make jQuery rock! :-) Matt
[jQuery] bug?: clone(true) does not work or messes up
i may have found a possible bug with clone(true/false). according to the doc, clone() can be fed with a boolean parameter that specifies whether behaviors should be cloned too. no matter how i tried, it fails, as you can see it here: http://www.pixeline.be/youplaboum/ui.html (fill the field "nombre de semaines" with, say, "2" which will clone twice a small UI on change. The datepicker behaviour in the cloned UI datefields do not work properly, nor the masked plugin, nor Kelvin's datepicker. Even if i redeclare the behaviour in the function called back when cloning is done, fails. if i do not specify the boolean, the bug disappears, but then, i must redeclare the behaviour after the cloning took place. HTH, -- Alexandre Plennevaux
[jQuery] Re: Binding a function to dynamically generated markup does not work
That was wrongly said. Replace "is because of Event Delegation" for "is because of event bubbling, what you did was using event delegation". Ariel Flesler On 5 ene, 20:52, Ariel Flesler <[EMAIL PROTECTED]> wrote: > Checkhttp://docs.jquery.com/Frequently_Asked_Questions#Why_do_my_events_st... > > You can also do (suppose this is the way you generate the elements): > > $('...').change(function() > {}).appendTo('#id_of_div'); > > The reason why binding to the div did work, is because of Event > Delegation:http://icant.co.uk/sandbox/eventdelegation > > Ariel Flesler > > On 5 ene, 17:37, jason <[EMAIL PROTECTED]> wrote: > > > > > You can use .find() to "find" the dynamically generated elements > > within the nearest static parent, i.e.: > > > $('#id_of_div').find('select').change(...); > > > Or, you can use the Live Query plugin to create your bindings if you > > know the target is dynamically generated: > > >http://plugins.jquery.com/project/livequery > > > - jason > > > On Jan 4, 10:42 am, guellichs-erbe <[EMAIL PROTECTED]> wrote: > > > > Hello *, > > > > I've dynamically ( per javacript) generated lying in a div > > > container (statically defined in ). > > > > It does not work to bind a function to this select ($ > > > ("#id_of_select").change(...). > > > > $("#id_of_div).change(...) does work and is my workaround at the > > > moment. > > > > But this means, that it is impossible to generate markup only > > > dynamically, you always have to define your div/span/wathever > > > containers. > > > > Is this right? > > > > Happy jQueriying > > > Uli- Ocultar texto de la cita - > > > - Mostrar texto de la cita -- Ocultar texto de la cita - > > - Mostrar texto de la cita -
[jQuery] Re: Binding a function to dynamically generated markup does not work
Check http://docs.jquery.com/Frequently_Asked_Questions#Why_do_my_events_stop_working_after_an_Ajax_request.3F You can also do (suppose this is the way you generate the elements): $('...').change(function() {}).appendTo('#id_of_div'); The reason why binding to the div did work, is because of Event Delegation: http://icant.co.uk/sandbox/eventdelegation Ariel Flesler On 5 ene, 17:37, jason <[EMAIL PROTECTED]> wrote: > You can use .find() to "find" the dynamically generated elements > within the nearest static parent, i.e.: > > $('#id_of_div').find('select').change(...); > > Or, you can use the Live Query plugin to create your bindings if you > know the target is dynamically generated: > > http://plugins.jquery.com/project/livequery > > - jason > > On Jan 4, 10:42 am, guellichs-erbe <[EMAIL PROTECTED]> wrote: > > > > > Hello *, > > > I've dynamically ( per javacript) generated lying in a div > > container (statically defined in ). > > > It does not work to bind a function to this select ($ > > ("#id_of_select").change(...). > > > $("#id_of_div).change(...) does work and is my workaround at the > > moment. > > > But this means, that it is impossible to generate markup only > > dynamically, you always have to define your div/span/wathever > > containers. > > > Is this right? > > > Happy jQueriying > > Uli- Ocultar texto de la cita - > > - Mostrar texto de la cita -
[jQuery] Re: jQuery Tabs - Can I Do This?
On 5 Jan., 23:35, "Matt Quackenbush" <[EMAIL PROTECTED]> wrote: > I'm using the Tabs plugin, and have a question. > > > My First Tab > My Second Tab > http://www.someothersite.com/";>My Third > Tab > > > // my content > > > // my other content > > > Is it possible to get that third tab to actually go to the off-site URL when > clicked? I tried this, but the link was ignored, so I'm not sure if I've > done something wrong, or if it's just not possible as written. > > Thanks in advance. > > Matt Hi Matt, currently external tabs like that are not supported. So far I was reluctant to implement that 1. to avoid bloat and 2. to me that seems unexpected behavior to have a tab open in a new window (inconsistency), more on this here: http://www.useit.com/alertbox/tabs.html Although I already nearly finished to implement that for the official tabs extensions. For now you can try something like the following: $('#your-tabs').tabs({ click: function(tab) { var href = $.data(tab, 'href'); if (/someothersite/.test(href)) { location.href = href; return false; } } }); If the click handler returns false the tab switch won't happen, that's the trick. I'll find a way to handle external links properly. --Klaus
[jQuery] Re: jQuery Tabs - Can I Do This?
Gday Matt, Not sure if there is a way to ignore the TABS functions, but what about just placing an onclick event. Either directly on the link, or bind it via jQuery onload. Just add a class as a hook, like... http://www.someothersite.com/"; rel="http:// www.someothersite.com/" class="offsite" >My Third Tab Then add in something like $(".offsite").bind("click", function(){ location.href='$(this).attr("rel")'; }); Its a little messy, but will do the trick for you if nobody knows a better way. The reason for doubling the HREF and REL attributes with the same value is so that the link will still work if JS is absent. On the other hand if JS is turned on the TABS plugin rewrites the href so instead the value is pulled from the REL attribute. Hope thats clear enough for you. Cheers Stephen
[jQuery] Re: Not recognizing multiple classes
var whichClass = $(this).attr("class"); $("p").each(function(){ if($(this).is("."+whichClass)){ $(this).show(); } else{$(this).hide();} }); This worked.
[jQuery] jQuery Tabs - Can I Do This?
I'm using the Tabs plugin, and have a question. My First Tab My Second Tab http://www.someothersite.com/";>My Third Tab // my content // my other content Is it possible to get that third tab to actually go to the off-site URL when clicked? I tried this, but the link was ignored, so I'm not sure if I've done something wrong, or if it's just not possible as written. Thanks in advance. Matt
[jQuery] Not recognizing multiple classes
I'm trying to hide all items tagged with a specific class upon clicking on a span with a similar tag. $("#tags span").click(function(){ var whichClass = $(this).attr("class"); //hide all the p's that do not match the class clicked $("p[class!='"+whichClass+"']").hide(); //show any straggling, hidden p's with the right class $("p[class='"+whichClass+"']").show();}); First Second Some text Some more text Even more text Clicking first shows the first p, and hides the rest. Clicking second shows the second p, and hides the rest. However, each, upon clicking, should not hide the third p. It seems that $("p[class!='"+whichClass +"']") matches exactly, rather than matching by mere containing. Any suggestions for how to have the jquery recognize multiple classes? Thanks
[jQuery] Re: jquery validation demo errors
OK, thanks for the info. Any idea around when 1.2 will be released? - Jack Gonzo wrote: Thanks for catching that problem. There was a problem when the metadata plugin switched from $.meta to $.metadata (see http://tinyurl.com/yv8mw5). These demo files must've been missed for the release of v1.1.2, but they are correct in current SVN. Jörn will probably update the demos on his site, but I don't know if you should expect another release before 1.2 (which will be worth the wait). In the meantime, you can download the current version and just change the one line that is causing the error in the demo (for the radio/checkbox/select demo change line 15 change from $.meta.setType(...) to $.metadata.setType(...)). On Jan 5, 2:15 am, Jack Killpatrick <[EMAIL PROTECTED]> wrote: Jörn, (or anyone that knows of some alternate links) In Firefox 2.x this page throws a js error when it loads, and doesn't seem to work: http://jquery.bassistance.de/validate/demo-test/radio-checkbox-select... error (from Firebug console): $.meta has no properties $.meta.setType("attr", "validate"); This page throws it, too: http://jquery.bassistance.de/validate/demo-test/custom-methods-demo.html Just letting you know. Thanks, Jack
[jQuery] Re: Binding a function to dynamically generated markup does not work
You can use .find() to "find" the dynamically generated elements within the nearest static parent, i.e.: $('#id_of_div').find('select').change(...); Or, you can use the Live Query plugin to create your bindings if you know the target is dynamically generated: http://plugins.jquery.com/project/livequery - jason On Jan 4, 10:42 am, guellichs-erbe <[EMAIL PROTECTED]> wrote: > Hello *, > > I've dynamically ( per javacript) generated lying in a div > container (statically defined in ). > > It does not work to bind a function to this select ($ > ("#id_of_select").change(...). > > $("#id_of_div).change(...) does work and is my workaround at the > moment. > > But this means, that it is impossible to generate markup only > dynamically, you always have to define your div/span/wathever > containers. > > Is this right? > > Happy jQueriying > Uli
[jQuery] Re: Eval error with Firefox 3
I'm also having this error come up on my website when using jQuery. Any more info regarding this fix? On Dec 1 2007, 2:13 am, "[EMAIL PROTECTED]" <[EMAIL PROTECTED]> wrote: > Can somebody describre why using eval.call(window, data); instead of > eval(data, window); > > On Nov 23, 4:58 pm, Cloudream <[EMAIL PROTECTED]> wrote: > > > ff3 just in beta. jorn is working at mozilla, so don't worry about > > this... > > > On Nov 23, 4:44 pm, Jerome Carty <[EMAIL PROTECTED]> wrote: > > > > Just a note: > > > > On AJAX calls where the data type is script, I get the following > > > error: > > > > EvalError: function eval must be called directly, and not by way of a > > > function of another name > > > > This error is triggered from line 501 of jquery 1.2.1 uncompressed. > > > > By the way, when an error is thrown, the exception parameter is always > > > undefined for me.
[jQuery] Re: Serialize unchecked checkboxes?
Wizzud: Thanks! I'll try out the code when I come to work on monday =) Mike: I know it's not supposed to but it used to do that and I have a case where I want that functionality. Therefore i think it was a good thing! The best would be with an option for the user but the standard would be to only serialize unchecked checkboxes. /N On 5 Jan, 04:03, "Mike Alsup" <[EMAIL PROTECTED]> wrote: > It's not supposed to serialize unchecked checkboxes. It's supposed to > serialize form data in exactly the same way it would be serialized via > a standard post without JavaScript. And that's exactly what it does! > > Mike > > > > > I thinkt the serialize method is great but it seems like it has been > > changed to only serialize checkboxes that are checked. Earlier it > > serialized all of them and i could use the selector :checked to only > > get the ones that are checked if I wanted to. > > Now I want to serialize all checkboxes in a form. How can I achieve > > that? > > > Thanks! > > /Niklas- Dölj citerad text - > > - Visa citerad text -
[jQuery] Issue with jQuery zebra tables tutorial...
I've just started working with jQuery today. One of the things I've been doing is using zebratables, but it has been with a javascript function I found that runs off the window.onload. I like the idea of doing this in jQuery as it is definitely faster (i tested it) and it is a lot cleaner and simpler. Here's the problem. I do the $(".stripeMe tr:even").addClass("alt"); and it works just fine. Then I have the $(".stripeMe tr").mouseover(function(){ $(this).addClass("over"); }); But instead of replacing the class that is there, it actually adds it to it. so then it will say So I put this in, $(".stripeMe tr").mouseover(function(){ $(this).removeClass().addClass("over"); }); Adding the removeClass() does the trick. The problem after that is that when I do the mouseout I have no way of knowing what the previous class was. So I have to do a $(".stripeMe tr").mouseout(function(){ $(this).removeClass(); $("stripeMe tr:even").addClass("alt"); }); This is not good for larger tables as it can make the page seem glitchy when doing a mouseover. I didn't know if there was a way to find out in $(this) is even or not This works the same in IE6 and FF2. Am I doing something wrong or is the tutorial not correct? I understand how it is theoretically supposed to work in the tutorial, but its not right. Thanks for the help. Love jQuery by the way. Great library.
[jQuery] Re: jQuery.ScrollTo 1.3 released
Great job!!! It works fine on Linux, usign Firefox 2.0.010. rics On Jan 3, 6:08 pm, Ariel Flesler <[EMAIL PROTECTED]> wrote: > There, now it shows an example of code when a link is clicked. > I'd appreciate it, if some people could try it on different browser > versions and platforms. > > Thanks > > Ariel Flesler
[jQuery] jQuery API extension for Dreamweaver
BETA: http://xtnd.us/download/dreamweaver/jquery/ Works with Dreamweaver MX (6), 7, 8, and CS3 (9). Provides the jQuery API via code hints and snippets in Dreamweaver's code view. Please send me your thoughts, ideas, notes, etc. to [EMAIL PROTECTED] - thanks!
[jQuery] drag'n'drop, double added element
Hello. I'm trying to create drag'n'drop interface with jQuery UI. See code for adding to node. $("#dropzone").droppable({ accept: '.imagethumb', activeClass: 'droppable-active', hoverClass: 'droppable-hover', drop: function(ev, ui) { var id = $(ui.draggable.element).attr("id"); var src = $("#" + id).find("img")[0]; src = $(src).attr("src"); var el = $("").attr("id", id + "d").attr("src",src).addClass("draggable").draggable({revert: true}); $("#dropzone").append(el); } }); If I drop element without FireBug checking and debugging,.I have two element, (then 4, 6, 8, 10 and etc) But if I create breakpoint and debug script only one element added. Can't understand how it happens and what to do =(
[jQuery] Persistent menu using cookies based rather than location based
Hi, I am fairly new to jquery but I have been practicing for a month. I would like to create a jquery persistent menu. I've been searching for a perfect solution but could not find one. I have start with a basic menu http://www.ecommercewebtemplates.net/test/test.html The menu is expanded / collapsed when you click on tag. However, it's collapsed again when you click any link to another page. This is not what I want. So I created another one using location based : http://www.ecommercewebtemplates.net/test/jquery-menu-location-based.html It's very basic if you click to view the source code . OK the location based menu works but still not perfect for users because tag is expanded only if user click on the link that belong to it. I want to have a persistent menu that remember the last states (expanded or collapsed). If user click to expand both 'Span A' and 'Span B' without collapsing them then it should stay open when the next page is loaded. I have had a look at the example from http://www.dynamicdrive.com/dynamicindex1/slashdot.htm but their cookies is too complex to understand. How do I make a persistent jQuery menu that remember the last action? is the cookies based the best solution? Your suggestion/help would be very appreciated. Mali
[jQuery] Re: build my first jquery plugin multiselect
I'm french, my english isn't better I tried the demo under firefox 2 but select the menus did nothing ?
[jQuery] SimpleModal v1.1 released
Hello, I've released a new version of SimpleModal. I added some new options that allow direct CSS styling as well as moved the critical CSS attributes from external stylesheets into the script. Another big change is the way that the modal dialog data is handled. Now, SimpleModal will, by default, clone the data and then re-insert the cloned data into the DOM when the dialog is closed. There is a new option, persist, which will allow you to have changes to the data maintained across modal calls. Project link: http://plugins.jquery.com/project/SimpleModal Homepage: http://www.ericmmartin.com/projects/simplemodal/ In addition, I'm working on a contact form plugin for WordPress that will be based on the "Contact Form" demo. You can see it in action on my site. I appreciate any feedback. Thanks, Eric
[jQuery] jQuery tablesorter problems
I've followed all of the instructions on the jQuery tablesorter website, but the Tablesorter refuses to show up on Firefox 2.0.0.11 on Linux. Unfortunately, I can't give links because the table is in the site's admin panel. So, help? -soren121 ToonCity News (tcn.uni.cc) -- View this message in context: http://www.nabble.com/jQuery-tablesorter-problems-tp14626560s27240p14626560.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] :last-child problem
Hi, I've got strange problem with :last-child selector, my html structure: and jquery script: $(".box-full .info:last-child").addClass("last"); what is strange that $(".box-full .info:first-child").addClass("last"); works perfect! thanks in advance Tomek
[jQuery] Manipulating elements with a click
Hi, I'm not really sure how to do traversing and such, or even if that's what I need to do. I have these 3 tabs (in list format). I need to make it so that when clicking on one of them, it changes the style of the element that contains the link. Here's the code for the tabs: First Tab Second Tab Third Tab Here's the jQuery. $(document).ready(function() { $('a#btn_one').click(function() { // make the li class where this link is, "active" return false; }); }); Basically, when clicking on "btn_xname", the class for the element should change to "active" and make the rest, "inactive". I had some code, but it wasn't working. Truth is I'm not really sure what I was doing. If anyone can point me in the right direction, or give me some useful samples it would be great. And if anyone wants to help me code it or code the entire thing, I would be eternally grateful, to the point where I would put your name/email/website/whatever in the code to credit you. Thanks. :) -Yaz
[jQuery] Re: cluetip question
Yes, you can. First, you specify the attribute that contains the ajax page OR the name of the local element to show. If you are doing local a local element, you then set the "local" property to true, and adjust any other properties as needed. Using a local element is mutually exclusive of any of the Ajax items... i.e. My Heading Here's my extra detail //javascript $("#myheading").attr("rel", "#cluediv").cluetip({ local : true, hoverClass : "highlight" }); That *should* show the clueDiv as your popup/cluetip without any Ajax calls. Options can be found at http://plugins.learningjquery.com/cluetip/#options. Samples can be found at http://plugins.learningjquery.com/cluetip/demo/ I'm sure others may have responded by now (no mail from the list for a while, but that's usual for me for some reason, then I'll get a flood). And they probably have more definitive recommendations (i.e. Karl monitors the list and he is the Cluetip author...) But, if not, I hope this helps. Shawn Feijó wrote: > With *non-link element*, why can't I use without ajax? > > I try that: > > $('h4').cluetip(); > Hover over me. > > > Didnt work, only like this works: > > > $('h4').cluetip({attribute: 'id', hoverClass: 'highlight'}); > Hover over me. > > > > Can't I just set a tip without ajax? With the first one runs. > > > thanks > > Feijó > >
[jQuery] Re: Debug Tools - Charles, DebugBar, Firebug Lite
cfdvlpr wrote: > > How do you test in both IE 6 and IE 7? Are you able to install both > > these on the same machine or do you have more than one machine? I use the Microsoft Virtual PC: http://pingv.com/blog/glhines/200712/browser-testing-ie6 It works very well, and since it has its own registry space, there is a good degree of isolation from your primary setup. I agree that testing on IE 5 makes little sense in most cases. I also use Firefox as my primary development platform, since it is so rich in development tools. I use Firebug, DOM Inspector, and View Formatted Source all the time. Apps that pass validation and work in Firefox generally will work in IE, with little or no tweaking, if you code conservatively (which also makes for more stable sites). You can't ignore IE, since it is the dominant browser, but I've had no problem using Firefox as my primary target.
[jQuery] XML Processing
Hey, I am attempting to process an XML document using jQuery but am hitting a brick wall. I've looked all over the web and it looks like this should be a very simple thing to do but I keep getting the error "Object does not support this property or method.". I'm using jQuery 1.2.1 in IE6. I've switched to the unpacked version of jQuery and IE is reporting the error is happening on line 1363, which turns out to be the following line: r = jQuery.merge( r, ret[i].getElementsByTagName( tag )); I've simplified my code as much as possible to eliminate as many complications as possible. The code I am executing is the following: var xml = "" + " 1" + " Default customer" + ""; alert(xml); // Verify xml contents var xmlData = jQuery(xml); alert(xmlData.length); // Not sure what the length should be, // but just checking the xmlData was created properly var id = xmlData.find('subscriberId').text(); // Crashes here alert(id); // Should output '1' if it makes it here I've also tried an alternate method of selecting my value, namely: jQuery('subscriberId', xml).text(); but this fails to at the same point. Am I doing something wrong or missing something in my code? Has anyone else encountered this error message? Thanks in advance, Jamie Goodfellow
[jQuery] Re: Why is it not working?
Are you including the and tags in the external js file? If so, remove them and then try it. On Jan 3, 8:05 pm, DeaR <[EMAIL PROTECTED]> wrote: > How come when I put everything in like this, it will not be working? > > function disappear() { > $("#response").fadeOut("slow")} > > $(document).ready(function() { > $("#message_me").click(function() { > $("#form").fadeIn("slow") > }) > $("#send").click(function() { > var str = $("#input_form").serialize() > $.post("send-mail.php",str,function(data) { > $("#response").html(data).fadeTo("slow", 0.7) > setTimeout("disappear()", 3000) > }) > }) > $.get("counter.php", function(data) { > $("#counter").html(data).fadeIn("slow") > })}) > > > I saved the above script in a separate file, let's say "myscript.js". > Then I imported it in my html file like this > > > Then, when I run this, it's not working. I've been trying to find the > error. It says "missing } in XML expression at $("#send") but then > I switched places between $("#send")... and $.get(..., then the error > comes out like "missing } XML expression at $.get(... instead. So I > don't know what's wrong, Is there any function that needs to be put in > between somehow? > > Again, now I delete everything except for $.get( in myscript.js. > And I put them in the html file manually like > > function disappear() { > $("#response").fadeOut("slow")} > > $(document).ready(function() { > $("#message_me").click(function() { > $("#form").fadeIn("slow") > }) > $("#send").click(function() { > var str = $("#input_form").serialize() > $.post("send-mail.php",str,function(data) { > $("#response").html(data).fadeTo("slow", 0.7) > setTimeout("disappear()", 3000) > }) > })}) > > > Now then, it works fine. > > Can you tell me why it's not working in the uppermost one. cuz I want > to put everything in one script file, and not to show any script in > the html file. > > Thank you very much for any responses, really appreciate your time. > DeaR
[jQuery] Is there a problem with JQuery Form Plugin and v1.2.1 ?
I use a lot JQuery on my sites although I'm not a savvy javascript writer (but that's common now) I turned to 1.2.1 to be able to use the new version of Tabs. It did not arrive immediatly (that is why i scratch my head hard) but within two weeks I began having more and more problems with every jquery module I use, until now where the only solution is to disable jquery.form.js to allow something to work. Of course, it breaks all the data submit functions... - Is there a known problem between these two ? - Could my calls to jquery.form.js that were valid with 1.1.3.1 could have turned invalid under 1.2.1 ? - Is there another easy way to submit xmlhttp forms giving a target div (that's mainly what i do) ? thanks you all, this is my first post here, but I'm ok to learn...
[jQuery] slideup/slidedown flicker
I have seen this issue raised before but I haven't seen an answer to the issue yet for v1.2.1. If the answer does exist then please let me know and apologies for missing it - but just in case. I get a flicker when i use slideUp immediately after the element should disappear. This ONLY happens in IE6. The flicker also occurs just before I then use slideDown to replace the lement that was closed. So two flickers showing the underlying content. The process goes... div slideup -> closed div flickers -> to open div flicker -> to open div slides down. It works perfectly in FF1.5+. I haven't tested in any other browsers yet. The code: $("#loader") .animate({opacity: 1.0}, 3000) .slideUp(1500, function(){ $("#loaded:hidden").slideDown(1500);} ); **I have tried all sorts of pauses in the code (using animate) to make sure enough time is allowed for the closed div to go button no change** The HTML: Generating Documents Heading Another Heading . If anyone has any ideas I would be very greatful. Thanks PJ
[jQuery] Re: Accessing Another Window
Problem Solved. newwindow.$("#example > ul").tabsAdd('#new-tab', 'Customer #4'); Reference the new window first, then the traditional jquery function -Steve On Jan 3, 11:27 am, "Steve @ MFB" <[EMAIL PROTECTED]> wrote: > Looking for information on how to access an opened window via: > > $("newwindow.#tabnav").tabsAdd('#new-tab', 'Customer #4'); > > Where newwindow is the name of a variable that holds window.open. > > I have a function that checks to see if the window is open, and if it > is, opens a tab (HTML) within that window. I just need to know how to > access it via JQuery. A link or explanation would suffice. > > Thanks
[jQuery] Re: using animate() with duration/queue object and callback doesn't work
ok, yeah that works. i guess i was wondering how to make it work with the "queue" option. i ended up just putting the callback in the second animate call $elem.animate( {opacity:0}, {queue:false, duration:600} ) .animate( {height:"hide"}, 700, callback ); On Jan 4, 11:15 am, Alexandre Plennevaux <[EMAIL PROTECTED]> wrote: > try > > $elem.animate( {opacity:0}, 600, function(){ > $(this).animate( {height:0}, 700); > > })
[jQuery] Re: Drop Shadow Plugin
Magical script Larry! Can you explain a little how you turn an image into shadow? I expect it happens somewhere around shadows[0] jthis.close(), but can't understand how that makes things shadow- grayish. Sincerely, Paul On Jan 3, 10:54 pm, McLars <[EMAIL PROTECTED]> wrote: > Hannes, > > Actually, my apologies for not specifying the jQuery version. That was > intentional, though, as the versions change so often and I doubt I > will keep up. I should have said it was developed on version 1.2 and > anything before or after that, you're on your own. My bad. > > I'm glad you like it. I think it's pretty unique. But don't push it > too hard. It won't work in every situation and it isn't very quick > (see above). > > Thanks, > > Larry > > On Jan 3, 1:38 pm, slooodge <[EMAIL PROTECTED]> wrote: > > > Hi Larry, > > > thanks for your quick respond! > > I have found the error - my jquery.js was to old I guess. > > I have downloaded teh files from your page and now it works > > beautifully! > > > Thanks again for your beatiful plugin, Hannes > > > On 3 Jan., 16:55, McLars <[EMAIL PROTECTED]> wrote: > > > > Hannes, > > > > I'm sorry, but I don't see anything wrong with your code. I assume you > > > have renamed the plugin files, since they normally begin with > > > "jquery." Otherwise, unless there's a syntax error in there I can't > > > see, it should work just like that. Are you getting any errors at all? > > > > Thanks, > > > > Larry > > > > On Jan 3, 2:49 am, slooodge <[EMAIL PROTECTED]> wrote: > > > > > Hi Larry, > > > > > first of all, thanks for sharing your beautiful dropshadow plugin! > > > > I would like to use it on one of my website to create a shadow around > > > > images. But unfortunately I can't get it running. > > > > I am german and my english is not very good, so maybe I just > > > > misunderstood the documentation. > > > > I simply downloaded dimensions.js and dropshadow.js and created the > > > > following try-out page - but no shadow... > > > > > I would be very grateful if could tell me what I did wrong! > > > > > THANKS, Hannes > > > > > > > > "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> > > > > http://www.w3.org/1999/xhtml";> > > > > > > > > > > > > Unbenanntes Dokument > > > > > > > > > > > > > > > > > > > > > $(document).ready(function() { > > > > $("h1 span").dropShadow(); > > > > > }); > > > > > > > > > > > > > > Your Page Title > > > > > > > > > > > > - Hide quoted text - > > > - Show quoted text -
[jQuery] Processor-intensive JavaScript considerations
I have an application that is very processor-intensive. It can takes up to a minute to run. In order to keep the browser from bringing up a dialog that asks the user if he or she wants to bail, I break the work into chunks that are chained together with setTimout(). I'm having trouble getting smooth jQuery animations to happen during this processing, so I've just gone with intermittent graphic updates (like moving the progress bar). Is there any way to get smooth animation while JavaScript is thinking hard? Should I be doing this some other way than breaking the work up into setTimer chunks? I'm a novice with JavaScript timers. Am I missing some timer functions I should know about? Any way to make sure animations (such as fadeIn()) go smoothly? Aside: Safari has an incredibly fast JavaScript interpreter. What takes 20 in Safari takes 30 in FF and 40 in IE.
[jQuery] Superfish Hide Menu FF Problem
Hey Joel, I'm using your menu and it is really great! There is just one little question I have: I built a horizontal version of the menu. When I "mouseout" from a sub menu right above an input tag the menu doesn't hide. Even if I click in the input box it stays there. This is just a Firefox problem, in IE and Safari it works. I couldn't find a similar post yet so I'd really appreciate your help! Thx and a Happy New Year! Christian
[jQuery] Re: jquery validation demo errors
Thanks for catching that problem. There was a problem when the metadata plugin switched from $.meta to $.metadata (see http://tinyurl.com/yv8mw5). These demo files must've been missed for the release of v1.1.2, but they are correct in current SVN. Jörn will probably update the demos on his site, but I don't know if you should expect another release before 1.2 (which will be worth the wait). In the meantime, you can download the current version and just change the one line that is causing the error in the demo (for the radio/checkbox/select demo change line 15 change from $.meta.setType(...) to $.metadata.setType(...)). On Jan 5, 2:15 am, Jack Killpatrick <[EMAIL PROTECTED]> wrote: > Jörn, (or anyone that knows of some alternate links) > > In Firefox 2.x this page throws a js error when it loads, and doesn't > seem to work: > > http://jquery.bassistance.de/validate/demo-test/radio-checkbox-select... > > error (from Firebug console): > > $.meta has no properties > $.meta.setType("attr", "validate"); > > This page throws it, too: > > http://jquery.bassistance.de/validate/demo-test/custom-methods-demo.html > > Just letting you know. > > Thanks, > Jack
[jQuery] Re: jquery validator addMethod library?
I don't think there are any lists of extra validation methods, other than the additional-methods.js file that comes with the plugin. Most of them are generic and useful as is, some of them are examples (like ziprange) that would need to be modified for each user. Feel free to contribute your validation methods, so they can be added.