[jQuery] Post Form to Two Servers
I have a form with a normal action to submit the data. However, I want to submit SOME of the data to another form on another server. How does one do this? Thanks, Glen Lipka
[jQuery] Ben Nadel jQuery Presentation
http://www.bennadel.com/blog/1492-An-Intensive-Exploration-Of-jQuery-With-Ben-Nadel-Video-Presentation-.htm Very interesting presentation, especially what he talks about in Slide 4 about his initial fears using jQuery and slide5 about the developer point of view. This is very much a backend programmer speaking to other backend programmers. It won't sway everyone, but it's interesting to hear because Ben is extremely open about his feelings in his jQuery path. Ben is a well-known Cold Fusion Developer. Glen
[jQuery] Corners - jQuery Port needed
This is a really neat technique.http://www.schillmania.com/projects/dialog2/ Unfortunately, it isn't jQuery. Anyone want to try and port the idea? I wish canvas could just do this without the need for a graphic. Glen
[jQuery] Re: Grading a list (1-10)
How about using the sortables part of jQuery UI? http://docs.jquery.com/UI/Sortables Glen On Wed, Oct 29, 2008 at 7:09 AM, Caoimh [EMAIL PROTECTED] wrote: Hi, I have a list of 10 items and I wish the user to be able to grade each one from 1-10. I need to make sure not more than one item has a particular grade i.e once the 'rating 5' has been used up it can't be used again unless the item that currently has it is changed. I have been using 10 combi boxes with 10 options each. After grading the user clicks a button and their list is displayed. My code is a mess so before any example does anyone know if this ios the best way to go about this? Thank uyou ever so much for any help! Caoimh
[jQuery] Re: How to select a specific descendant of curent object
Wouldnt this work too?$(#box .grandchild). Glen On Mon, Sep 8, 2008 at 8:27 AM, Ca-Phun Ung [EMAIL PROTECTED] wrote: $('#box').find('.grandchild'); Greeg wrote: div id=box span class=child span class=grandchildhi grandma/span /span /div my question is how reach the .grandchild from .box? in theory, i can just use selector $(#box .grandchild) but this is not much handy when you already have selected the box object and pass it to some function for example... so i gues some travesting method may be avalaible to handle this. i found children(), but it can only reach immediate children of curently selected object (so in this my case, the grandchild is out of reach). so is there a travesting method, or any other method which could select any descendant of curent element? thx in advice
[jQuery] Re: mootools and jquery
Is this page public? Seeing it would help. There are often plugins that can do a bunch of stuff for you with little code. (Im not that technical either, which is why I love plugins) Glen On Mon, Aug 18, 2008 at 4:24 AM, Hoi [EMAIL PROTECTED] wrote: I'm completely new to jquery (and not technical...) and I've been asked to estimate how mush would it would take to convert a html +xml+mootools written mini web page into jquery, the current mootools written mini web page has the following: * 2 dynamic menus, content of these menus are defined in 2 different .xmls (both click through and html to display) * When clicked on the menus, it import individual htmls to a div within the main template * a small animtaion (like slideDown(); in jquery) within the menu * 966 lines of .js * drop cookie function (unfortunately with my very poor knowledge, I do not know what this is for...) My questions are... 1. How much work is it to convert what this from mootools to jquery? 1.1. What's the quickest way to do it? 1.2. Is it a complete re-write (.html, .js, .xml) ? 1.3. Is it doable by re-writing the .js only + pointing the pages to jquery.js? 2. How long would it take - for someone who's basic jquery knowledge to complete it (it answer to 1. above...)? Very very very much appreciated for anyone' input in advance...
[jQuery] jQuery in the wild
http://www.sears.com/shc/s/s_10153_12605_Appliances_Dishwashers_Built-In+Dishwashers#viewItems=84pageNum=1sortOption=ORIGINAL_SORT_ORDER Sears' using the latest version. They even made their own plugins. http://content.sears.com/shared/js/quickView.js Wow, they have 22 scripts totallying 460k. The variety of scripts makes it obvious that 10 different teams made this page. Glen
[jQuery] Re: Shadowbox 2.0rc1
Is there a homepage for this plugin? I cant seem to find it. Glen On Tue, Jul 1, 2008 at 9:44 AM, Michael J. I. Jackson [EMAIL PROTECTED] wrote: If you're using the Shadowbox jQuery plugin, it has been updated. The new version features increased flexibility and stability for various media types. It also includes much better support for i18n and skinning. Just wanted to let you know in case you are using it.
[jQuery] Corners not working in IE7
Im trying to get curvy corners to work, but for some reason it doesn't work in IE7. http://blue-anvil.com/jquerycurvycorners/test.html Site: http://blog.sparkt.com/ Any ideas? Im getting bleary-eyed. Thanks Glen
[jQuery] Re: One button to do two opposite tasks.
Try using Toggle, rather than Click. That should work. Glen On Fri, Jun 27, 2008 at 3:28 PM, Cristian [EMAIL PROTECTED] wrote: HI, I'm using the code below to create a hover effect. When the user puts the mouse over a div box1 a list of items appear, and when it goes out, the list disappears. I thought it would be interesting to change the hover event for a click event. So that when the user clicked the box for the first time the list would appear, and the second click would make it disappear. Could you guys help me? $(document).ready(function() { $(#box1).click(function() { $(.ul-list).css(display, block); },function() { $(.ul-list).css(display, none); }); });
[jQuery] Re: One button to do two opposite tasks.
Also you can do this: $(document).ready(function() { $(#box1).toggle(function() { $(.ul-list).show(); },function() { $(.ul-list).hide() }); }); hide/show do what you need. Glen On Fri, Jun 27, 2008 at 4:51 PM, Glen Lipka [EMAIL PROTECTED] wrote: Try using Toggle, rather than Click. That should work. Glen On Fri, Jun 27, 2008 at 3:28 PM, Cristian [EMAIL PROTECTED] wrote: HI, I'm using the code below to create a hover effect. When the user puts the mouse over a div box1 a list of items appear, and when it goes out, the list disappears. I thought it would be interesting to change the hover event for a click event. So that when the user clicked the box for the first time the list would appear, and the second click would make it disappear. Could you guys help me? $(document).ready(function() { $(#box1).click(function() { $(.ul-list).css(display, block); },function() { $(.ul-list).css(display, none); }); });
[jQuery] Re: Search for a div tag
Do these elements have a class or are they random elements that are 143px wide? Glen On Fri, Jun 27, 2008 at 8:10 AM, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: Greetings, I am new to JQuery and looking into this. We are trying to find a way to create a client side javascript that looks for a pattern on the page and changes the size of a div tag. For example the specific div tag is generated by Sharepoint at 143pixles. We want to have JQuery alter any of these on the page that match this pattern to 200 pixles. Is this possible, and can someone point me in the direction of a demo on how to do this? Any help is apprecaited. Thank you.
[jQuery] Re: jQuery Camp 2008 to be held at The Ajax Experience on Sept. 28th.
I asked about changing the flight. It would be $150 + $50 for jQuery and another night at the hotel (not sure how much that is). Too rich for me unfortunately. Sorry man, I wish I could be there. Are you going to TAE too? Glen On Thu, Jun 26, 2008 at 9:05 AM, Rey Bango [EMAIL PROTECTED] wrote: I will be announcing this once a week until jQuery camp arrives. The jQuery Team is pleased to announce the second annual jQuery Camp! jQuery Camp 2008 will be held on Sunday, Sept. 28, the day before The Ajax Experience, in Boston, MA (location TBA). Last year, over 100 jQuery developers gathered for a full day of jQuery sessions, which included talks from such big names as jQuery creator John Resig and other core team members, as well as talks from expert users exploring new and exciting jQuery projects. It brought together the largest group of jQuery Core Team members ever assembled, and gave users the opportunity to pick their brains and pitch new ideas. The event was a *clear* success, and this year's camp promises to be even better. jQuery Camp 2008 will offer two tracks, providing both introductory and advanced sessions, covering a variety of topics. Ajax development, Ruby integration, mashups, security and the recently released jQuery UI component and effects library are just some of the topics already lined up. jQuery Camp 2008 will charge a nominal fee of $50 per person, which will include lunch. Attendees need NOT be registered for The Ajax Experience to attend. Registration will open in July; keep an eye on jQuery.com for more details! For those attending The Ajax Experience, show organizers have recently announced a half-day time slot for additional jQuery sessions, on September 29th at the conference center. The agenda is still up in the air, but we're thinking of offering a Dream Team Code Review session, where users can have code reviewed by members of the jQuery team. We're interested in your feedback; would you attend this session? jQuery Camp 2008 is a truly fantastic opportunity to learn from the jQuery team and socialize with top jQuery developers; we're looking forward to meeting everyone! See you all in September, Rey jQuery Project Team
[jQuery] Neat site using jQuery
http://photoblog.flanisoft.at/ It was one of the featured on SmashingMagazines content for style switching. Lot's of nifty effects. http://www.smashingmagazine.com/2008/06/25/style-switchers-contest-results/ I bet a bunch of these use jQuery. Glen
[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. label for=terms accesskey=TemT/emerms amp; Conditions:/label textarea name=terms id=termsjkhkjhkjhkjhkhkhkjhsf kjsdfkjhsd kheuh/textarea br / label for=agree accesskey=a input type=checkbox name=agree id=agree disabled=true / I emA/emgree to the Terms amp; Conditions /label 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: script type=text/javascript $('#terms').scroll(function(){ if( $(this).scrollTop() == $(this).height() ) $('#agree').attr('disabled', false); }); /script 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: ext js-like dropdown box in jQuery?
Maybe this one? http://jquery.bassistance.de/autocomplete/demo/ Glen On Tue, Jun 10, 2008 at 5:04 PM, Adam Weis [EMAIL PROTECTED] wrote: Have you seen the jNice plugin? http://www.whitespace-creative.com/jquery/jNice/ -Adam On Tue, Jun 10, 2008 at 5:05 PM, Ettiene [EMAIL PROTECTED] wrote: Hi guys, I'm looking for a cool alternative to the normal HTML select dropdown box. Preferrably some javascript code that will take the existing HTML select code and generate a dropdown widget or something. A necessary feature that I'm also looking at is that the dropdown container displaying the options should be able to be wider than the element/widget itself and should render this way in all major browsers. I've tried this with a normal select element and CSS, but only got the desired results in FF. I've almost got it working in EXT JS using their combobox object, but I'm still having issues with displaying default Select one... text. Here is an image of what I've got so far - http://www.w3sandbox.com/ie7_combo.jpg Is this possible in jQuery? I've tried to find some solution, but without luck so far. Thanks ettiene
[jQuery] jQuery and Information Architecture
I had written something a while back on IA using jQuery for the purpose of a book. The book is in hibernation, but I am fond of the content. It shows how to use IA techniques and jQuery to make your user happier and more productive. http://www.commadot.com/book/UX/UX-Tabs.pdf I'm not looking for feedback to make it better, but I thought it might be helpful to someone. :) Glen posted at http://commadot.com
[jQuery] Re: Cornerz 0.4
Looks cool. Great work. Wish list: (Because I can't help myself) How about shadows? This script might be good for reference. http://www.netzgesta.de/corner/ Again, this is great. :) Thanks! Glen On Tue, Jun 3, 2008 at 10:05 AM, weepy [EMAIL PROTECTED] wrote: seems to be a problem with inline elements. not sure what the solution is right now. On Jun 3, 3:25 pm, Pyrolupus [EMAIL PROTECTED] wrote: Jonah, I'm not sure whether this is a settings issue or a version issue, but the demo page looks a little off on my Opera-9.27/WinXP: http://pyrolupus.com/img/opera-9.27_cornerz.png (Note the white curve inside the green box for Examples--all the green boxes on the page are l like that and the box second from the bottom (border: 1 display: inline) which has a little spillover on the right. Is there anything I can do to troubleshoot it? Cheers, Pyro On Jun 3, 7:53 am, weepy [EMAIL PROTECTED] wrote: Hi I've just released Cornerz 0.4 http://groups.google.com/group/cornerz Bullet Proof Corners plugin for jQuery using Canvas/VML * Antialiased * Fast - this pages renders in 200ms on my Vaio in Firefox and there's quite a few corners!! * Support for any size radius and border width with minimal performance increase * No excanvas * Current layout is maintained * Works with many tested positions/display/floats (current limitation with inline) * Supports fluid layouts. * Original div still shows through, so can easily do hover effects * Script is only 4.0k uncompressed * Requires jQuery 1.2.6+ * Tested on : o IE6 XP/Vista o IE7 XP/Vista o Firefox 2 Ubuntu/Windows o Safari 3 Windows o Opera 9 Windows/Linux Limitations: o Problem with some Inline elements in IE - due to incorrect reporting of width o For IE as it cannot handle right/bottom aligned elements with odd (2n+1) dimensions - positioning is calculated at page load. If an element changes height or width - the cornerz need adding again. Cheers Jonah
[jQuery] Re: [ANNOUNCE] jFlip plugin
Nice! I like it very much. Glen On Tue, Jun 3, 2008 at 2:55 PM, Mauro Lizaur [EMAIL PROTECTED] wrote: On Tue, Jun 3, 2008 at 6:35 PM, Scott Sauyet [EMAIL PROTECTED] wrote: Renato Formato wrote: I've just released the jFlip plugin, a plugin to make unobtrusive flipping page image galleries using canvas (warning: no Flash needed!). It works with all jquery compatible browsers, IE included, using an enhanced version of excanvas I wrote. http://www.jquery.info/The-jFlip-plugin I'm surprised that this didn't get more reaction when posted. Maybe just because Magnify was posted the same day. I for one am very impressed. To realize that this is written in Javascript is quite exciting. Thanks for the nice work. -- Scott This plugin is great, the other day i saw http://www.colorflip.com/ and i was wondering if the same job of colorflip could be done with javascript (jQuery actually) and now i know it is possible :) Great work! -- JID: [EMAIL PROTECTED]
[jQuery] Re: Shadow jQUery
The demo doesn't seem to work. Not sure. Glen On Wed, May 28, 2008 at 9:35 AM, owen [EMAIL PROTECTED] wrote: Is this obsolete? http://docs.jquery.com/UI/Shadow -- Owen
[jQuery] Re: MOOTOOLS or JQuery
Just about everyone here likes jQuery. ;) A quick googling shows a bunch of links to comparisons. http://www.google.com/search?hl=enq=jquery+vs+mootoolsbtnG=Google+Search I would also suggest trying a couple of simple demos in each one. I make alot of demos here: http://commadot.com/jquery I always find it helpful to try and do the same thing in both and see which one makes sense to you. Also maybe when you run into a problem (or make up a problem) and ask the communities. See what the responses are. I hope this helps a little. Glen On Wed, May 21, 2008 at 8:21 AM, Mike [EMAIL PROTECTED] wrote: What are the pros and cons of each, and which is better to work with in ASP.NET?
[jQuery] Re: [SITE] ShareThis
Interestingly, they use MooTools for the script itself and jQuery for their public site. I wonder why the difference? Glen On Mon, May 12, 2008 at 2:57 PM, Rey Bango [EMAIL PROTECTED] wrote: ShareThis uses jQuery http://sharethis.com/ Rey...
[jQuery] Re: Basic Selectors Question
I whipped up a demo. http://www.commadot.com/jquery/selectorNestedTable.php Does this work for you? Glen On Mon, May 12, 2008 at 11:55 PM, PaulF [EMAIL PROTECTED] wrote: Hi, I have what I think is probablt a pretty easy question, but I have tried numerous selctors without getting the correct id. I have a form which is dynamically generating form fields and tables all over the place. I need to pull an ID of the last table inside of a particular td. I have tried: $(#mytd table:last).attr(id); and a few other things none of which successful. td id=mytd table id=mytable0/table table id=mytable1/table table id=mytable2/table table id=mytable..n/table /td Can somone help me out? Thanks in advance!
[jQuery] Re: need some help with selecting text nodes
What about doing is client-side? So cycle through each line with each() and then use .wrap(span/span). This will put into the DOM what you need to use later. Also, you might be interested in this plugin. http://www.jquery.info/The-plugin-SearchHighlight It finds text based on search criteria in a large block of random text. It might be useful. Glen On Tue, May 6, 2008 at 6:44 PM, darren [EMAIL PROTECTED] wrote: oh man, i wish i could do as you suggested, that was my first idea and it would make things so much easier. However, the code i'm working with is markup of Shakespeare's works. Its incredibly complex and we use Cocoon to generate these pages from xml. long story short, my employer can't afford to make such a change now so I have to make due with what's there. I think i came up with a reasonable solution though: 1. Find the div with the lower tln value. Then get its index with respect to the parent. 2. Find the next highest div tln and get its index as well. 3. From this we know the text node lies within the indexes, so search for the text there. Again, because of the code complexity, this does not always work, but at least i'm making progress. Thanks for your insight though. On May 6, 9:28 am, Glen Lipka [EMAIL PROTECTED] wrote: I tried to cut corners by skimming your html. I see it now. The divs close and the text is after the div. This is really strange HTML to me. Why not just put the text inside the div? Or just wrap the text inside a span? If you wrap the text inside spans, then the jQuery is pretty simple. I whipped up a sample. http://commadot.com/jquery/findTextElements.php $(#tln21).next(span).addClass(highlight) Sometimes, fancy JS is not as good as clean html. Glen On Mon, May 5, 2008 at 6:51 PM, darren [EMAIL PROTECTED] wrote: hi glen, thanks for replying. That still wouldn't work. With that you are looking for the text inside div elements which are descendants of of the id'd element. What i want to select are certain text elements of the id'd element. I figured something out, but this is surprisinlgy difficult: div id=21 div text node div text node ... /div I had to use .contains() and [nodeType=3] to pick text nodes. not pretty. On May 5, 4:23 pm, Glen Lipka [EMAIL PROTECTED] wrote: $(#tln21 div).text(); Like that? By the way, firebug is very helpful to test our selectors and see what they come up with. Hmm, it would be nice to have a tutorial on how to do this. I can try and whip one up. Glen On Mon, May 5, 2008 at 2:47 PM, darren [EMAIL PROTECTED] wrote: hi Joe, thanks for your comment If you look closer, you can see that the text is not actually in the div element. i basically need to select the text after that node: div div tln=xxx/div Some text div tln=xxx/div some more text div tln=xxx3/div even more text /div So that wouldnt work On May 5, 2:06 pm, Joe [EMAIL PROTECTED] wrote: $(#tln21').text(); This will return the text associated with id=tln21. http://docs.jquery.com/Attributes/text Joe www.subprint.com On May 5, 2:34 pm, darren [EMAIL PROTECTED] wrote: Hi everybody, new member here. I have a project with the following snipped of code: =start html= div class=line div name=tln4 id=tln4 class=ln tln ! /divAs I remember, Adam, it was upon this fashion div name=tln5 id=tln5 class=ln tln5/divbequeathed me by will but poor a thousand div name=tln6 id=tln6 class=ln tln ! /divcrowns, and, as thou say'st, charged my brother, div name=tln7 id=tln7 class=ln tln ! /divon his blessing, to breed me well; and div name=tln8 id=tln8 class=ln tln ! /divthere begins my sadness. My brother Jaques he keeps div name=tln9 id=tln9 class=ln tln ! /divat school, and report speaks goldenly of his profit. div name=tln10 id=tln10 class=ln tln10/divFor my part, he keeps me rustically at home, or, to speak div name=tln11 id=tln11 class=ln tln
[jQuery] Re: Need help with hover and fadein and fade out
Does this help? http://commadot.com/jquery/hoverFade.php Maybe if you post something in the ballpark, we could help troubleshoot it? Glen On Tue, May 6, 2008 at 5:48 PM, Aaron [EMAIL PROTECTED] wrote: Can you give me an example code of what I need to do to get a table to fade in above the picture which when the mouse is over the picture will activate the fade in function and also when the mouse goes off the photo or that new fadeded in table then it would fade out. The table that fades will will contain more photos of that user. On May 3, 5:20 pm, Aaron [EMAIL PROTECTED] wrote: Hi I am having trouble using the hover and fade in and fade out I look at the doc I understand it but I don't understand how I can use it for what I want to do. I want the user to be able when the mouse is over a photo of them a table or window fades in with other photos they uploaded ect when the mouse moves off the photo or the table then the table or window fades out. can some one explain how I can do this and what rules I should follow when using hover and fade in and fade out ect. could I make a javascript use jquery? if so how?? I know I can do this in html but I would like to make a javascript with jquery functions ect and have that file added to the html doc.
[jQuery] Re: Need help with hover and fadein and fade out
Something like this? http://www.commadot.com/jquery/hoverTableFade.php Glen On Wed, May 7, 2008 at 11:25 AM, Aaron [EMAIL PROTECTED] wrote: no that's not what I plan to do. What I am trying to do is this: I have an image of the user already on the page when the user puts it's mouse over the image I want a table or somthing that would fade it on top of the image . so that table will contain all photos the user uploaded when the user moves the mouse off the image or off the table the table will fade in. it's like a navigation but it's a quick way for the user or friends to look at their photo albums without loading a new page ect. On May 7, 1:34 pm, Glen Lipka [EMAIL PROTECTED] wrote: Does this help?http://commadot.com/jquery/hoverFade.php Maybe if you post something in the ballpark, we could help troubleshoot it? Glen On Tue, May 6, 2008 at 5:48 PM, Aaron [EMAIL PROTECTED] wrote: Can you give me an example code of what I need to do to get a table to fade in above the picture which when the mouse is over the picture will activate the fade in function and also when the mouse goes off the photo or that new fadeded in table then it would fade out. The table that fades will will contain more photos of that user. On May 3, 5:20 pm, Aaron [EMAIL PROTECTED] wrote: Hi I am having trouble using the hover and fade in and fade out I look at the doc I understand it but I don't understand how I can use it for what I want to do. I want the user to be able when the mouse is over a photo of them a table or window fades in with other photos they uploaded ect when the mouse moves off the photo or the table then the table or window fades out. can some one explain how I can do this and what rules I should follow when using hover and fade in and fade out ect. could I make a javascript use jquery? if so how?? I know I can do this in html but I would like to make a javascript with jquery functions ect and have that file added to the html doc.- Hide quoted text - - Show quoted text -
[jQuery] Re: need some help with selecting text nodes
I tried to cut corners by skimming your html. I see it now. The divs close and the text is after the div. This is really strange HTML to me. Why not just put the text inside the div? Or just wrap the text inside a span? If you wrap the text inside spans, then the jQuery is pretty simple. I whipped up a sample. http://commadot.com/jquery/findTextElements.php $(#tln21).next(span).addClass(highlight) Sometimes, fancy JS is not as good as clean html. Glen On Mon, May 5, 2008 at 6:51 PM, darren [EMAIL PROTECTED] wrote: hi glen, thanks for replying. That still wouldn't work. With that you are looking for the text inside div elements which are descendants of of the id'd element. What i want to select are certain text elements of the id'd element. I figured something out, but this is surprisinlgy difficult: div id=21 div text node div text node ... /div I had to use .contains() and [nodeType=3] to pick text nodes. not pretty. On May 5, 4:23 pm, Glen Lipka [EMAIL PROTECTED] wrote: $(#tln21 div).text(); Like that? By the way, firebug is very helpful to test our selectors and see what they come up with. Hmm, it would be nice to have a tutorial on how to do this. I can try and whip one up. Glen On Mon, May 5, 2008 at 2:47 PM, darren [EMAIL PROTECTED] wrote: hi Joe, thanks for your comment If you look closer, you can see that the text is not actually in the div element. i basically need to select the text after that node: div div tln=xxx/div Some text div tln=xxx/div some more text div tln=xxx3/div even more text /div So that wouldnt work On May 5, 2:06 pm, Joe [EMAIL PROTECTED] wrote: $(#tln21').text(); This will return the text associated with id=tln21. http://docs.jquery.com/Attributes/text Joe www.subprint.com On May 5, 2:34 pm, darren [EMAIL PROTECTED] wrote: Hi everybody, new member here. I have a project with the following snipped of code: =start html= div class=line div name=tln4 id=tln4 class=ln tln ! /divAs I remember, Adam, it was upon this fashion div name=tln5 id=tln5 class=ln tln5/divbequeathed me by will but poor a thousand div name=tln6 id=tln6 class=ln tln ! /divcrowns, and, as thou say'st, charged my brother, div name=tln7 id=tln7 class=ln tln ! /divon his blessing, to breed me well; and div name=tln8 id=tln8 class=ln tln ! /divthere begins my sadness. My brother Jaques he keeps div name=tln9 id=tln9 class=ln tln ! /divat school, and report speaks goldenly of his profit. div name=tln10 id=tln10 class=ln tln10/divFor my part, he keeps me rustically at home, or, to speak div name=tln11 id=tln11 class=ln tln ! /divmore properly, stays me here at home unkept; for call div name=tln12 id=tln12 class=ln tln ! /divyou that keeping for a gentleman of my birth that differs div name=tln13 id=tln13 class=ln tln ! /divnot from the stalling of an ox? His horses are bred div name=tln14 id=tln14 class=ln tln ! /divbetter, for, besides that they are fair with their feeding, div name=tln15 id=tln15 class=ln tln15/divthey are taught their man�ge, and to that end riders div name=tln16 id=tln16 class=ln tln ! /divdearly hired; but I, his brother, gain nothing under div name=tln17 id=tln17 class=ln tln ! /divhim but growth, for the which his animals on his div name=tln18 id=tln18 class=ln tln
[jQuery] Re: need some help with selecting text nodes
$(#tln21 div).text(); Like that? By the way, firebug is very helpful to test our selectors and see what they come up with. Hmm, it would be nice to have a tutorial on how to do this. I can try and whip one up. Glen On Mon, May 5, 2008 at 2:47 PM, darren [EMAIL PROTECTED] wrote: hi Joe, thanks for your comment If you look closer, you can see that the text is not actually in the div element. i basically need to select the text after that node: div div tln=xxx/div Some text div tln=xxx/div some more text div tln=xxx3/div even more text /div So that wouldnt work On May 5, 2:06 pm, Joe [EMAIL PROTECTED] wrote: $(#tln21').text(); This will return the text associated with id=tln21. http://docs.jquery.com/Attributes/text Joe www.subprint.com On May 5, 2:34 pm, darren [EMAIL PROTECTED] wrote: Hi everybody, new member here. I have a project with the following snipped of code: =start html= div class=line div name=tln4 id=tln4 class=ln tln ! /divAs I remember, Adam, it was upon this fashion div name=tln5 id=tln5 class=ln tln5/divbequeathed me by will but poor a thousand div name=tln6 id=tln6 class=ln tln ! /divcrowns, and, as thou say'st, charged my brother, div name=tln7 id=tln7 class=ln tln ! /divon his blessing, to breed me well; and div name=tln8 id=tln8 class=ln tln ! /divthere begins my sadness. My brother Jaques he keeps div name=tln9 id=tln9 class=ln tln ! /divat school, and report speaks goldenly of his profit. div name=tln10 id=tln10 class=ln tln10/divFor my part, he keeps me rustically at home, or, to speak div name=tln11 id=tln11 class=ln tln ! /divmore properly, stays me here at home unkept; for call div name=tln12 id=tln12 class=ln tln ! /divyou that keeping for a gentleman of my birth that differs div name=tln13 id=tln13 class=ln tln ! /divnot from the stalling of an ox? His horses are bred div name=tln14 id=tln14 class=ln tln ! /divbetter, for, besides that they are fair with their feeding, div name=tln15 id=tln15 class=ln tln15/divthey are taught their man�ge, and to that end riders div name=tln16 id=tln16 class=ln tln ! /divdearly hired; but I, his brother, gain nothing under div name=tln17 id=tln17 class=ln tln ! /divhim but growth, for the which his animals on his div name=tln18 id=tln18 class=ln tln ! /divdunghills are as much bound to him as I. Besides this nothing div name=tln19 id=tln19 class=ln tln ! /divthat he so plentifully gives me, the something that div name=tln20 id=tln20 class=ln tln20/divnature gave me his countenance seems to take from div name=tln21 id=tln21 class=ln tln ! /divme. He lets me feed with his hinds, bars me the div name=tln22 id=tln22 class=ln tln ! /divplace of a brother, and as much as in him lies, mines my div name=tln23 id=tln23 class=ln tln ! /divgentility with my education. This is it, Adam, that div name=tln24 id=tln24 class=ln tln ! /divgrieves me; and the spirit of my
[jQuery] Custom Build
Are there instructions somewhere of how to make a 1.2.3 jQuery build without the effects (slideDown, FadeIn, etc)? Thanks, Glen
[jQuery] Re: Question: Selecting all the links in div
Are the links being added after the fact? Maybe post the page so we can see. It's probably something simple. You might need the LivejQuery plugin. That is used for when objects are added via JS after the page loads. Glen On Wed, Apr 23, 2008 at 8:14 AM, ripple [EMAIL PROTECTED] wrote: Why not loop through it? This is usually how I would do it. $(document).ready(function(){ $('#UserSubPanel a').each(function(i) { $(this).addClass('sideLink'); }); http://2whoa.com/dominate/ *vladv [EMAIL PROTECTED]* wrote: Thanks for your answer :) I tried this also, but no luck... What may be the problem? I have another jQuery function in the same place, but it works just fine can it be that nested div called in other way? Thanks again On Apr 23, 3:26 pm, Giuliano Marcangelo wrote: $(document).ready(function(){ $('#UserSubPanel a').addClass('sideLink'); }); 2008/4/23 vladv : Selecting all the links in div.. I know it should be really simple, but for some reason I can't make it work.. I work with asp.net and try to run something like this: $(document).ready(function(){ $('#UserSubPanel a').addClass('sideLink'); }); but it doesn't work. The links are LinkButtons but rendered as Can someone please help me with this? Thanks in advance. -- Be a better friend, newshound, and know-it-all with Yahoo! Mobile. Try it now.http://us.rd.yahoo.com/evt=51733/*http://mobile.yahoo.com/;_ylt=Ahu06i62sR8HDtDypao8Wcj9tAcJ
[jQuery] Re: Retrieving the location of the mouse click within the browser window
This might help. http://docs.jquery.com/Tutorials:Mouse_Position I also whipped up a simple demo here: http://www.commadot.com/jquery/mousePosition.php Glen On Wed, Apr 23, 2008 at 6:40 AM, Kalpers [EMAIL PROTECTED] wrote: I am trying to retrieve the location of the mouse click within the browser window. When a user clicks on an area that they thought was click-able but is not I want to record that location. There is a similar application already out there called heat click but I would like to create something more simpler in JQuery. I only need to add this to a couple of pages to see where there may be some issues with the layout of the web page. Right now I am using the following code but it it returning the offset of the element which makes perfect sense. $(document).ready(function(){ $(#Form2).click(function() { var loc = $(this).offset(); alert(loc.left + - + loc.top); }); }); This always returns 0 - 0 which is the offset of the Form2. Thanks
[jQuery] Selector: All links with HREF but not ones that start with #
Want to select: A href=foo.htm but not a href=#foo Would that be this? $(a[href]:not([href^='#'])) Thanks for the help. Glen
[jQuery] Re: Selector: All links with HREF but not ones that start with #
Sorry answered my own question. Whipped up a demo. http://www.commadot.com/jquery/notSelector.php $(a[href]:not([href^=#])) Glen On Thu, Apr 17, 2008 at 3:01 PM, Glen Lipka [EMAIL PROTECTED] wrote: Want to select: A href=foo.htm but not a href=#foo Would that be this? $(a[href]:not([href^='#'])) Thanks for the help. Glen
[jQuery] Re: Menu: ypSlideOutMenus
Hows this? http://jdsharp.us/jQuery/plugins/jdMenu/ Glen On Sun, Mar 30, 2008 at 5:00 PM, chrbar [EMAIL PROTECTED] wrote: Hello, I use the Dhtml Menu ypSlideOutMenus built by Aaron Boodman. I love this menu and its drop down style, it's customizable and compatible with major browsers (Netscape 4+, IE4+, Mozilla-based browsers and Safari). But the code is very old and not officially supported by anyone! It's offered completely free, for any purpose, under the Academic Free License. http://ypslideoutmenus.sourceforge.net/ I would like to work on it, but my knowledge in javascript are very limited! I would like to add multiple level menus, but I don't know how? It would be a good idea to refresh / grow up it! Does some developer would be interested to convert this script as jQuery Plugin? You can see some examples at http://www.artlogic.com/ http://notepad-plus.sourceforge.net/uk/site.htm Regards, Christopher
[jQuery] Re: Menu: ypSlideOutMenus
Or this http://users.tpg.com.au/j_birch/plugins/superfish/ Glen On Sun, Mar 30, 2008 at 5:00 PM, chrbar [EMAIL PROTECTED] wrote: Hello, I use the Dhtml Menu ypSlideOutMenus built by Aaron Boodman. I love this menu and its drop down style, it's customizable and compatible with major browsers (Netscape 4+, IE4+, Mozilla-based browsers and Safari). But the code is very old and not officially supported by anyone! It's offered completely free, for any purpose, under the Academic Free License. http://ypslideoutmenus.sourceforge.net/ I would like to work on it, but my knowledge in javascript are very limited! I would like to add multiple level menus, but I don't know how? It would be a good idea to refresh / grow up it! Does some developer would be interested to convert this script as jQuery Plugin? You can see some examples at http://www.artlogic.com/ http://notepad-plus.sourceforge.net/uk/site.htm Regards, Christopher
[jQuery] Re: How do I remove/delete a function?
This might be helpful. http://jquery.open2space.com/node/55 Glen On Thu, Feb 14, 2008 at 4:38 PM, Jonathan [EMAIL PROTECTED] wrote: Maybe I'm missing something, but how would I remove a jQuery function after it's no longer in use? I'm using an ajax driven site, so the page never is reloaded, so do all the jQuery functions I define just stay there? Does this cause memory issues? Is there a way to remove it after it's not longer in use? Thanks!
[jQuery] Re: Updated API browser
I love the site. It's awesome. Is it possible to update the existing http://www.jquery.com/api to use it? Glen On Wed, Feb 13, 2008 at 11:21 AM, Alexandre Plennevaux [EMAIL PROTECTED] wrote: better the * suggestion. poor Remy's bandwidth otherwise ! On Feb 13, 2008 3:22 PM, Joel Stein [EMAIL PROTECTED] wrote: I think the only thing I'd like to see on this is a way to see all method. Perhaps by default, everything shows, and when searching, it refines the search? Or maybe a * could search for everything... -- Alexandre Plennevaux LAb[au] http://www.lab-au.com
[jQuery] Re: what editor do you use?
Webuilder http://www.blumentals.net/webuilder/ Gle On Wed, Feb 13, 2008 at 5:01 PM, polyrhythmic [EMAIL PROTECTED] wrote: Komodo Edit: Free, runs on Gecko engine (with integrated previews), Windows/Linux/OSX crossplatform, jQuery autocomplete macros, syntax highlighting and autocomplete across a multitude of languages, FTP/ remote file support, code search and collapsible code tree... just for starters. There's even Open Komodo, if you really want to roll your own. Don't know how I lived without it! - Charles On Feb 13, 3:46 pm, Sebastián V. Würtz [EMAIL PROTECTED] wrote: textpad textpad.com Feijó escribió: I changed my own a few weeks ago, now I'm using Editpad++ (http://sourceforge.net/projects/notepad-plus/) its freeware, nice resources, like macros, quick-text, highlighted source, ... and yours? -- Feijó
[jQuery] Re: Plugin-Request: Boxover?
How about this one: http://plugins.learningjquery.com/cluetip/ It has a mousetracking option. Glen On Sat, Feb 9, 2008 at 2:49 AM, Christian Vogt [EMAIL PROTECTED] wrote: Hey guys, iam using a great piece of JavaScript-Code from time to time, its named BoxOver and is a ToolTip-Script for JavaScript which can be found here: http://boxover.swazz.org, some examples: http://boxover.swazz.org/example.html . I've searched for a similar Plugin for jQuery, but nothing was that flexibel and lightweight (boxover is just 5kb compressed). My idea is, to port this great peace of code to an flexibel jquery- plugin. Normaly, you configure BoxOver over the title-attribute... with jquery you could get the data out of another inline-container or a ajax- call... that would be great... also the chaining abilitys would be great, configuration directly from the script.. awesome ;) My problem is that iam not the js-king and not that good in creating plugins for jquery. So iam asking if anybody could could do this or has some good hints how i could get it done... Anybody out there? ;)
[jQuery] Re: How to bind to a dynamically created object
http://brandonaaron.net/docs/livequery/ This will do the trick. Glen On Sat, Feb 2, 2008 at 7:38 AM, wyo [EMAIL PROTECTED] wrote: Isn't it possible to bind to a previous created object? I've the following code for (var i in data) { $('#eintragsliste').append( 'trtdtabletbody' + ' tr' + 'tdimg class=expanding src=images/plus01.png/ th' + 'td.../td' + ' /trtr class=expanded' + 'tdnbsp;/td' + 'td.../td' + ' /tr' + '/tbody/table/td/tr'); } $('.expanding').bind('click', collapser_collapse_all); } function collapser_collapse_all () { $ ('.expanded').hide().removeClass('expanded').addClass('collapsed'); $('.collapsing').hide(); $('.expanding').show(); } Yet when I click on the image with class=expanding the collapser_collapse_all isn't executed. If I bind to a static object it works. $('.expanding_all').bind('click', collapser_expand_all); img class=expanding_all src=images/plus01.png What's wrong? See sample at http://www.orpatec.ch/termola/index.php?page=orgslist.php O. Wyss
[jQuery] Cycle CountUp
Interesting tidbit: I as looking at the questions on Experts-Exchange for JavaScript. http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/ *My discovery:* A big portion of the questions are easy to answer if you use jQuery. One of them turned into a neat demo I whipped up: http://commadot.com/jquery/cyleNumber.php I never thought of using the Cycle plugin for a count-down or count-up, but there it is. :) I think it makes a nice effect. Have a great day. Glen
[jQuery] Re: newbiish.. must be a better way than what I'm doing to find the next div after the following inputs?
How about parents(div:first) Glen On Thu, Jan 31, 2008 at 8:54 AM, rickcr [EMAIL PROTECTED] wrote: This should be easy, but I'm stumped on this. I can't find examples showing cases where the find 'skips ahead' .. what I want to is find the next div after any of the radio inputs is clicked so that if I have... div pinput type=radio name=color value=blue/ Blue/p pinput type=radio name=color value=green/ Green/p pinput type=radio name=color value=red/ Red/p div class=childSec Stuff /div /div $(:[EMAIL PROTECTED]'color']).click( function () { $(this).parent().parent().find('div.childSec') //must be something better than parent, parent? }); I've been trying different selectors for 'div' inside of parent and prev but not having much luck. I'm sure I'm missing something stupid. Any help appreciated.
[jQuery] Re: How to prevent user from clicking links or buttons while submitting
I whipped up a demo. Not exactly what you had requested, but close. http://commadot.com/jquery/PleaseWaitButton.php I am concerned why the click is appending twice. Does this help? Glen On Thu, Jan 31, 2008 at 7:33 AM, brooke [EMAIL PROTECTED] wrote: Here is the situation. We have a form that has links and when the user clicks on them it will submit the form. The problem is that sometimes the users were doubleclicking or clicking on different links while the form was submitting. I am completely new to jQuery but one of the programmers implemented the solution below. What it is doing is binding a function that clears the onClick event when the link is clicked. It works great in firefox but it is causing IE to lock up. I was thinking that somehow the timing is off and it is clearing the current anchors onClick before it can process the whole thing.. (maybe??) Below is the code.. any suggestions?? sak10625_disabler = function(){ $(a, [EMAIL PROTECTED], [EMAIL PROTECTED]).attr(onClick, ); } $(document).ready(function(){ $(a).filter(function(){regexp=/submit\(\)/; return regexp.test($ (this).attr(onclick));}).bind(click, sak10625_disabler); $([EMAIL PROTECTED], [EMAIL PROTECTED]).bind(click, sak10625_disabler); });
[jQuery] Re: clickmenu, change click event to mouseover
Do you have a page you could show? I think this isn't enough detail. Glen On Jan 29, 2008 6:29 AM, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: Hello. Is it possible to change menu trigger event form click to mouseover? It's better for my purposes. Thanks in advance for answer.
[jQuery] Re: Generating a Mousedown event programmatically - similar to click() generation..
http://docs.jquery.com/Events has mousedown, mouseup, mousemove, etc Also check out the plugins for draggables in UI. http://docs.jquery.com/UI Glen On Jan 28, 2008 1:49 PM, edwardbaafi [EMAIL PROTECTED] wrote: Hi.. Does anyone know how one could generate a mousedown event programmatically in order to cause a draggable to start dragging? I have a number of overlapping, absolutely positioned divs where certain sections of the background images are transparent.. What I need to do is to allow the user to drag the topmost div that is not transparent at the xy coord of the mouse down event.. What I'd like to do is to register for the mousedown event, iterate through all elements that overlap the xy coord, make the first one that isn't transparent at that point draggable, and fire a mousedown event on that element, starting the drag.. For example, if you look at the diagram (ascii art) at the bottom of this message, there are two rectangles (may be distorted) with a small rectangle cut out of the middle of each.. One rectangle filled with # chars is above the other which is filled with chars, but part of the rect is visible behind the # rect.. The user needs to be able to drag the rect by clicking through the hole in the # rect.. I have an in memory boundary representation of the filled rects, so I can query this to do the hit testing, but need a mechanism to start the dragging programmatically.. Generating a click event doesn't seem to work as this seems to fire after releasing the mouse where dragging occurs on mouse down.. Any thoughts? Thanks.. -Ed
[jQuery] Re: AJAX file management
Check out the examples in http://extjs.com Specifically the Web Desktop demo, as well as the tree demo. You also might be interested in Adobe AIR, which allows for more integration with the OS. Glen On Jan 29, 2008 8:53 AM, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: Hi, Can anyone recommend anything that allows you to manage files stored on the web in a tree-like GUI, allowing for drag-and-drop. I'm thinking of a web-based equivalent of what you may do with files on your desktop. Thanks, - Dave
[jQuery] Re: jQuery CDN Host?
I believe http://code.jquery.com/jquery-latest.js is hosted by Amazon S3. source: http://jquery.com/blog/2007/04/02/google-groups-and-amazon-s3/ Glen On Jan 28, 2008 2:58 PM, dgouldin [EMAIL PROTECTED] wrote: Is there a jQuery CDN host that anybody knows of?
[jQuery] Re: general question
Yes, you would have to use a cookie. This plugin might be helpful. http://www.stilbuero.de/2006/09/17/cookie-plugin-for-jquery/ Glen On Jan 22, 2008 9:03 AM, tlob [EMAIL PROTECTED] wrote: Hi! I have a general question. I do a fadeIn/fadeOut with a big logo on the Homepage. If the user surfs back to that site (not later that day, while he is surfing that site), the animation should not shown again. How would you do that? cookies/sessions? I'm looking for the easyest way to implement. cheers tom
[jQuery] Re: filter selects and get value...how?
I had whipped up this demo a while back. It shows how to get the selected option. http://commadot.com/jquery/selectBoxNav.php Glen On Jan 21, 2008 2:43 PM, rayfidelity [EMAIL PROTECTED] wrote: Hi, I have array of selects, and i filter them with: $inputs.filter([name='qty[]']). I want to get selected value. But i don't know how... I tried with: $inputs.filter([name='qty[]']).filter(select option:selected).val(); $inputs.filter(function(){[name='qty[]'] select option:selected}).val(); And some other things...but without success...can anyone help?
[jQuery] Re: First posting
jQuery plus its plugins have been the perfect tool for me. I am good at html/css and jQuery just fits in perfectly with those. In general, the jQuery base does alot of specific things. Animate something, change something, add click and hover handlers to things, ajax, etc. The plugins build on that base and make other UI widgets very easy. Start by doing some of the basic tutorials. A good foundation will make everything else a snap. http://docs.jquery.com/Main_Page http://docs.jquery.com/Tutorials Then browse the plugins and find the one that is right for you. http://plugins.jquery.com/ This list also is very helpful to get through any problems. Glen On Jan 19, 2008 11:36 AM, wanapitei [EMAIL PROTECTED] wrote: I'm not new to the web but the web hasn't been my major preoccupation. Therefore I feel like something of a neophyte, given all the development the web has gone through in recent years. I'm about to launch a new website which will be heavy on text. At the moment I'm assuming I need some code for a horizontal navigation bar with drop down menus, some CSS to make the typography pretty and readable on screen, some code to manage PayPal donations, reader feedback, that sort of thing. At the moment don't foresee much else (but one never knows). In the past couple of days I've been playing catchup on CSS and JavaScript. First I stumbled on Whatever:Hover at http://www.xs4all.nl/~peterned/csshover.htmlhttp://www.xs4all.nl/%7Epeterned/csshover.html. Then I stumbled on two related sites: Prototype and Scriptaculous, which seem very impressive but may be overkill for what I want to do. Next I stumbled on http://www.seoconsultants.com/css/menus/horizontal/ which appears to have the navbar code I need. However their code doesn't work on IE on the Mac. I'd like to be as universal as possible. Finally I stumbled on jQuery which, at first glance, appears to be an alternative environment to Prototype and Scriptaculous. Question: I'm right at the beginning, still assessing the available tools to work with, yet fully aware whatever I choose I'll probably stick with for some time. Given what I've shared above, how appropriate/inappropriate is jQuery for a project such as mine? Would appreciate some frank feedback. Kind regards, Morley Chalmers
[jQuery] Re: Replacing elements while retaining attributes
I hate that about IE. :( Some of these might be helpful. http://plugins.jquery.com/project/selectboxes http://www.malsup.com/jquery/form/ http://plugins.jquery.com/project/jq-autocomplete Glen On Jan 17, 2008 8:21 AM, Eric Lanehart [EMAIL PROTECTED] wrote: Hello all, I'm trying to dynamically configure the options in a select element based upon selections in a series of radio buttons. My first inclination was to apply a class to all of the option's matching the value of the checkbox input, and to then apply the disabled=disabled attribute too all of the matching option elements. If only it were that easy.. IE doesn't support that attribute, and all the workarounds are a bit silly (using CSS to color an option, and doing various things to prevent the option from being selected). I could of course load in options via ajax, or have a series of select elements that I toggle on and off, but I'm trying to allow this to gracefully degrade (planning on doing some serverside validation to check if the combo selected is valid). So my next option, as I see it, is to replace the option elements with the relevant classes with a bogus invalid element, like disabled. But once another input is selected I need to reset the menu and restore the disabled options before I can toggle the newly irrelevant options. It's also important that I not move the options around when I turn them back into option elements. replaceAll/With does this of course, but it wipes out my attributes in the process. Is there a way to do this without that happening, outside of storing the attributes as variables before removing and replacing these elements, and then setting the attributes back one by one? I'm more of a designer than a developer, so I may be missing something here. I've thought about arrays, but I haven't really got into that yet. If that's the road I need to be going down just validate that for me and I'll do my best to figure it out =) I'm thinking the caveat there would be I wouldn't be able to place my elements back in their original order if I moved the elements into an array and them dumped them back in the select. Thanks for any help!
[jQuery] Re: context menu: how to target an item based on 2 id?
Using more than one element with the same ID is not going to work. However, you can use multiple classes to achieve your goal. For instance: td class=allart az Both CSS classes will apply and you can use selectors in jQuery to find what you want. Getting an ID will return only one element. Glen On Jan 16, 2008 4:43 PM, Lionel Martelly [EMAIL PROTECTED] wrote: I have some main td groups which have different group ids (id=allart, id=left, id=right) and each has it's class. They all contain unique divs which I am dragging and dropping in the different td td id=allart class=az valign=top div style=-moz-user-select: none; id=352 class=art/td td id=allart class=az valign=top div style=-moz-user-select: none; id=353 class=art/td etc ... I am using right-click context menu to specify the div id inside the td $('#.$id..art').contextMenu('mytest', { which successfully target the proper div id with class art. I'd like to further narrow it down to the main td id allart because when I drag and drop it in td id=left for example, the id attribute remains the same If it goes in a different td, I want to keep the div id but since it is in a different catego, i'd like to give it another attribute. something like (notice the 2 #) $('#allart#.$id..art').contextMenu('mytest', {
[jQuery] Re: Is it possible to make a simple fading color rollover effect for text links?
Nice plugin. :) I whipped up a demo. http://commadot.com/jquery/animateBackground.php Is this what you mean? Glen On Jan 17, 2008 8:36 AM, Karl Swedberg [EMAIL PROTECTED] wrote: You might need the color plugin for this: http://plugins.jquery.com/project/color --Karl _ Karl Swedberg www.englishrules.com www.learningjquery.com On Jan 17, 2008, at 10:13 AM, quirksmode wrote: Hi, I tried having a go and this is as far as I got: script $(document).ready(function(){ $(.animate).hover(function() { $(this).animate({ opacity: 0, backgroundColor: #FF }, 1000 ); }); }); /script I can get any element with class = animate to fade away, but I cant apply the same effect to just the background. Is it possible to fade away css elements? If you could provide the code that would be amazing:-)
[jQuery] [Off-Topic] Reverse IP Lookup
Sorry, research on this topic has just left me desperate. I need to find a commercial company that provides a Reverse IP Lookup as a web service. So I would pass: 63.82.2.35 and it would spit back ideally: Marketo, Address, City, State, Zip etc. Anyone have experience with this kind of service? Email me offline. Thanks, Glen
[jQuery] Re: Fade Divs one by one
Maybe this would help? http://www.decodeuri.com/jqueryfxqueues/ Glen On Jan 16, 2008 12:52 AM, Dara Daniyal [EMAIL PROTECTED] wrote: I have table with entries. each entry is contained in the div. What i want to do is to fade them one by one, the slide up the table. is it possible in jquery. i tired this but its not happening exactly $('td','#products_table').each(function (td_id) { $('#products_table td:eq('+td_id+') div.entry').animate({height: 0}, 'slow').empty(); });
[jQuery] Re: Cycling images based on background-image
There is a cycle plugin, but I wonder if it can work on background images. Maybe ask Mike, the author. www.malsup.com/jquery/*cycle*/ http://www.malsup.com/jquery/cycle/ Otherwise you can use the pause plugin http://blog.mythin.net/projects/jquery.php and just change thebackground. $(div.container).css(background-image,bgimage + randomNumber + .jpg); Personally, I love absolute positioning. Use the cycle plugin with a positioned element and put the nav and other elements positioned absolutely above the cycling one. You get the best of all worlds. Glen On Jan 16, 2008 4:17 AM, rich [EMAIL PROTECTED] wrote: I have a container div with a few things inside such as navigation, a logo, and a few other bits. I'd like to continuously cycle through different background-images of container div. I have to keep images applied as a background-image; any suggestions? Fading and other effects are nice, but I can certainly do without them. Does something like this already exist that I've just overlooked? Thanks.
[jQuery] Re: Is it possible to make a simple fading color rollover effect for text links?
Try the animate function and bind it using hover. http://docs.jquery.com/Effects/animate#paramsoptions http://docs.jquery.com/Events/hover Hover automatically has the on and off stuff so you dont need mouseover, mouseout. If I have time, I can try and whip up a demo. Glen On Jan 16, 2008 6:41 AM, quirksmode [EMAIL PROTECTED] wrote: I basically want the bg color (behind the text link) to turn red and then quickly fade away when the user highlights a text link. Is there a simple in built command for doing this?
[jQuery] Re: possible to know if page is transitioning ?
The page has a few events that fire right when the page is about to exit. Most common is unload on the body tag. Glen On Jan 16, 2008 9:24 AM, weepy [EMAIL PROTECTED] wrote: Hi - is there an easy way to know if a page is transitioning ? I.e. when I click on a link and the page is waiting to navigate elsewhere ... Jonah
[jQuery] Re: New to JQuery with error message
That URL doesn't resolve in my browser. Maybe the [2] is messing it up? Glen On Jan 16, 2008 1:34 PM, Jian [EMAIL PROTECTED] wrote: Dear all: I am new to JQuery and encounted this error message just load the latest JQuery library. Following is the code: script type=text/javascript src=http://tana.am.lilly.com:9045/pgi/ js/jquery-1[2].2.2.pack.jshttp://tana.am.lilly.com:9045/pgi/js/jquery-1%5B2%5D.2.2.pack.js /script And here is the error message: A Runtime Error has occurred. Do you wish to Debug? Line:339. Error: Object doesn't support this property or method. Any suggestion is greatly appreciated. thanks much -Jian
[jQuery] Re: Element by Name associative array
By array key do you mean the nuber, the index in the array? You can view the actual jQuery object created with a selector using firebug or ms script editor. So for instance in firebug, you click on script on the left. Then add a new watch expression on the right. Put in $(input) and press enter. That will give you the whole array object from jQuery. I hope this is helpful, Glen On Jan 15, 2008 2:10 AM, Ryan [EMAIL PROTECTED] wrote: Hello all, I'm trying to get the value of an element by it's array key. input name='example[key]' / Any guidance would be appreciated. Thanks
[jQuery] Re: How can I switch elements by fades?
Use the fadeOut callback. http://docs.jquery.com/API/1.1/Effects#fadeOut.28_speed.2C_callback_.29 This will start a function when the animation for the fadeOut is finished. Then fadeIn the other one. Glen On Jan 14, 2008 10:22 PM, DeaR [EMAIL PROTECTED] wrote: $(function() { $(#message_1).clone().removeClass(hidden).appendTo($(#message)); $(span.text1).click(function() { $(#message).empty().html($(#message_1).clone().fadeIn(normal)); return false; }); $(span.text2).click(function() { $(#message).empty().html($(#message_2).clone().fadeIn(normal)); return false; }); }); From the script above, it works fine, but what I wanna do is to fade out the current element first, then the new element fades in afterwards. How to work it? Thank you -- View this message in context: http://www.nabble.com/How-can-I-switch-elements-by-fades--tp14832714s27240p14832714.html Sent from the jQuery General Discussion mailing list archive at Nabble.com .
[jQuery] Re: Adding div
I whipped up a quick demo. It's much easier when you give things classes to hang your hat on. http://commadot.com/jquery/toggleShow.php# Glen On Jan 15, 2008 7:53 AM, Michael [EMAIL PROTECTED] wrote: I have this code so far: !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR/html4/loose.dtd; html head script src=http://code.jquery.com/jquery-latest.js;/script script $(document).ready(function(){ $(document.body).click(function () { if ($(div:first).is(:hidden)) { $(div).slideDown(slow); } else { $(div).hide(); } }); }); /script style div{ background:#00; margin:3px; width:960px; height:40px; display:none; float:left; padding:15px 10px 0 0; text-align:right; } /style /head body ul lia href=#Search Site/a/li lia href=#Search Blog/a/li /ul div id=google_search !-- Google CSE Search Box Begins -- form action=http://www.google.com/cse; id=searchbox_015980814770052224501:fkp-cgqshuk input type=hidden name=cx value=015980814770052224501:fkp- cgqshuk / input type=text name=q size=25 / input type=submit name=sa value=Search / /form script type=text/javascript src= http://www.google.com/coop/cse/ brand?form=searchbox_015980814770052224501%3Afkp-cgqshuklang=en/ script !-- Google CSE Search Box Ends -- /div div id=blog_search !-- Wordpress blog search -- form name=input action=# method=get Search: input type=text name=user input type=submit value=Submit /form /div /body /html I need some help with the code. First: I want the code to display the div id=google_search when the user clicks on the 'Search Site link And div id=blog_search for when they press Search Blog, only displaying one at a time, not both at the same time. Second: When I click in the search fields the div disappears. How can I get rid of that so the user can enter a search into the box, but still have the ability to click anywhere on the body to make that div disappear. Kind Regards
[jQuery] Re: translating to jquery
I believe so. The way it's described in the docs is: $(p).unload( function() { alert(Hello); } ); So I think you are in good shape. Glen On Jan 14, 2008 8:35 AM, marcus [EMAIL PROTECTED] wrote: hi. i have a little question... im not quite sure, because i don't know how to find out if this is working correctly. is this $('body').unload(google.maps.Unload); like the correct translation of this? body onunload=google.maps.Unload()
[jQuery] Re: How to create Terms of Service-type message?
Server side is probably safest. To make it interesting to look at try the BlockUI modal. http://www.malsup.com/jquery/block/# Cookie stuff you might find this helpful, http://www.stilbuero.de/2006/09/17/cookie-plugin-for-jquery/ Glen On Jan 14, 2008 12:04 PM, Robert Vidrine [EMAIL PROTECTED] wrote: Greetings, I need a way to display a user agreement when someone visits my site, and require them to click I Agree before they can get in. Best would be to set a cookie showing whether or not they've agreed (so they don't get it every time, if they keep cookies). I think I should be looking somehow at form validation, but I'm not sure where to start, nor how to enforce the use of the user agreement on every page... (Maybe a server-side include?) Has anyone implemented such a thing with jquery? Thanks in advance for the help! Robert Vidrine
[jQuery] Re: Countdown - my first plugin
Maybe consider a visual display similar to this: http://commadot.com/jquery/slotMachineEffect.php So that the numbers that countdown don't just blink, they animate. Glen On Jan 12, 2008 3:59 AM, Feijó [EMAIL PROTECTED] wrote: Check it out! http://plugins.jquery.com/project/countdown Still has some improvment to do I would love some suggestions, tips, changes, even in the comments on the code lol Didnt made the help nor demo yet, will probably this weekend This component countdown a value in seconds, i.e. 200 will show 03:20 and decrease it every second (or configurabled with another inverval). Naturaly can work with several different values in the same page, thats why I created that. that configurability is not working properly, who has time to look at it, please tell me how to improve regards Feijó
[jQuery] Re: Switching Divs
I started work on a demo for this, but It's doing something wrong. http://commadot.com/jquery/animateSwap.php Anyone know why the thing keeps going down the screen? James, this would be easier if the two elements were positioned absolute to begin with. What is their original state? Glen On Jan 9, 2008 6:32 AM, DXCJames [EMAIL PROTECTED] wrote: I want to switch the place of 2 divs. One would be located on once side of the screen somewhere and the other far away from it.. I want to be able to click on one of them and have them hover or move to switch locations with eachother.. It would be cool to have them switch at the same time, but if thats not possible then I guess I am out of luck.. I am basically asking how todo it at the same time, I am pretty sure I can figure out how to make them just switch spots by moving one over and the other back.. (it would be nice to know if theres a plugin for this or an easy command though =D) hah.. Thanks everyone!! James
[jQuery] Re: Switching Divs
I changed it up a little. Fun little page. :) http://commadot.com/jquery/animateSwap.php Hope this is helpful, Glen On Jan 9, 2008 2:00 PM, Benjamin Sterling [EMAIL PROTECTED] wrote: Glen, I would assume it has something to do with offset(), when I remove the margin and the border they work fine. On 1/9/08, Glen Lipka [EMAIL PROTECTED] wrote: I started work on a demo for this, but It's doing something wrong. http://commadot.com/jquery/animateSwap.php Anyone know why the thing keeps going down the screen? James, this would be easier if the two elements were positioned absolute to begin with. What is their original state? Glen On Jan 9, 2008 6:32 AM, DXCJames [EMAIL PROTECTED] wrote: I want to switch the place of 2 divs. One would be located on once side of the screen somewhere and the other far away from it.. I want to be able to click on one of them and have them hover or move to switch locations with eachother.. It would be cool to have them switch at the same time, but if thats not possible then I guess I am out of luck.. I am basically asking how todo it at the same time, I am pretty sure I can figure out how to make them just switch spots by moving one over and the other back.. (it would be nice to know if theres a plugin for this or an easy command though =D) hah.. Thanks everyone!! James -- Benjamin Sterling http://www.KenzoMedia.com http://www.KenzoHosting.com http://www.benjaminsterling.com
[jQuery] Re: match element based on CSS value
Whipped up a demo. http://commadot.com/jquery/isCSSRule.php Hope this helps. There might be another way. Glen On Jan 9, 2008 2:01 PM, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: How can I select an element based on it's CSS style value? For example, let's say I have an element absolute positioned at top=100px. How can I do something like the following? $(top=100px) thanks Jason
[jQuery] Synchronous JSONP
Right now in 1.2.1 the JSONP method uses an asynchronous call to do it's thing. This sometimes causes a problem when we are sending a call about a click event on a link. The page unloads before the JSONP is finished. Changing it to be optional (async or synchronous) helps fix that problem. Code we used inside jQuery (with a param call to .ajax) /* If the request is not async, we need to wait for the script to load before returning. */ else if (!s.async) { var done = false; // Attach handlers for all browsers script.onload = script.onreadystatechange = function(){ if ( !done (!this.readyState || this.readyState == loaded || this.readyState == complete) ) { } }; } QUESTION: Putting this directly into our copy of jQuery is probably a bad idea. *How can this be turned into a plugin?* Thanks much, Glen
[jQuery] Re: Synchronous JSONP
I think my thought process on this was messed up anyway. Here is the use situation. We are using JSONP to send activity on pages to avoid cross-site scripting problems. One of those activities is clicking on a link. The problem is that the JSONP is asynchronous so that when the link is clicked, the page unloads before the JSONP has a chance to do it's thing. What is the best way of allowing the JSONP to do it's thing and pause the unload of the page long enough for it to work? Glen On Jan 8, 2008 1:37 PM, Benjamin Sterling [EMAIL PROTECTED] wrote: Glen, I have never done it, but I say a while back that you can use the jQuery.extend method to overwrite a default method. I will see if I can dig that up, but that may point you in the right direction in the mean time. On 1/8/08, Glen Lipka [EMAIL PROTECTED] wrote: Right now in 1.2.1 the JSONP method uses an asynchronous call to do it's thing. This sometimes causes a problem when we are sending a call about a click event on a link. The page unloads before the JSONP is finished. Changing it to be optional (async or synchronous) helps fix that problem. Code we used inside jQuery (with a param call to .ajax) /* If the request is not async, we need to wait for the script to l oad before returning. */ else if (!s.async) { var done = false; // Attach handlers for all browsers script.onload = script.onreadystatechange = function(){ if ( !done (!this.readyState || this.readyState == loaded || this.readyState == complete) ) { } }; } QUESTION: Putting this directly into our copy of jQuery is probably a bad idea. *How can this be turned into a plugin?* Thanks much, Glen -- Benjamin Sterling http://www.KenzoMedia.com http://www.KenzoHosting.com http://www.benjaminsterling.com
[jQuery] Re: Need
You might better off using CSS instead of the background= for a couple of reasons. td width=90 align=center background=images/rboxbg.jpg becomes td class=col4 red menu td.col4 {width: 90px} td.red {background: #ff url(images/rboxbg.jpg);} Ok, so this would clean up the html ALOT. Now, in regards to the jQuery, what dynamic thing are you looking to do? Glen On Jan 5, 2008 8:50 PM, Raghuveer Rawat [EMAIL PROTECTED] wrote: Hi, I recently started learning about jQuery and I have not worked much on javascript. I am basically a server side java developer. I need some help from experienced jQuery developers for below issue.. I have a table which has 6 menu items (anchor tags)... Selected Menu Item will have black.jpg image in td tag's background while all the other tabs will have red background. There is blackl.jpg and blackr.jpg image in case of first and last selected menu and redl.jpg and redr.jpg in other cases What should I write in my jQuery function? table width=632 border=0 cellspacing=0 cellpadding=0 tr td width=7 height=26 align=rightimg src=images/blackl.jpg width=7 height=26 //td-- td width=70 align=center background=images/blackbg.jpg a href=s:url value=url/ class=menuA/a/td td width=90 align=center background=images/rboxbg.jpg a href=s:url value=url/ class=menuB/a/td td width=90 align=center background=images/rboxbg.jpg class=menua href=s:url value=url/ class=menuC/a/td td width=129 align=center background=images/rboxbg.jpga href=s:url value=url/ class=menuD/a/td td width=100 align=center background=images/rboxbg.jpga href=s:url value=url/ class=menuE/a/td td width=83 align=center background=images/rboxbg.jpga href=s:url value=F/ class=menuF/a/td td width=10 align=leftimg src=images/menur.jpg width=7 height=26 //td /tr /table
[jQuery] Re: Need
Klaus, Good point. I was just using red for communication/example sake. It should be alert or whatever. Glen On Jan 7, 2008 2:02 PM, Klaus Hartl [EMAIL PROTECTED] wrote: On 7 Jan., 22:40, Glen Lipka [EMAIL PROTECTED] wrote: You might better off using CSS instead of the background= for a couple of reasons. td width=90 align=center background=images/rboxbg.jpg becomes td class=col4 red menu td.col4 {width: 90px} td.red {background: #ff url(images/rboxbg.jpg);} I'd recommend not to use presentational class naming (red). Once you change the color to blue, you need to change the class name as well, at least if you want to make it some sense and not confuse others (co- workers and yourself after 3 month). Naming it red isn't much better than the way it is. Think of the purpose or structural meaning of an element when going for a class name, not of its (current!) presentation. --Klaus
[jQuery] Re: Need
Ahh, I see in another post the dynamic part. Changing the subject messes up gmail in keeping the posts together. This is how you put on a click handler as described in the other post. $(td a.menu).click( function() { $(this).parents(td:first).addClass(foo).removeClass(blah); } ); I hope this helps. Glen On Jan 7, 2008 2:04 PM, Glen Lipka [EMAIL PROTECTED] wrote: Klaus, Good point. I was just using red for communication/example sake. It should be alert or whatever. Glen On Jan 7, 2008 2:02 PM, Klaus Hartl [EMAIL PROTECTED] wrote: On 7 Jan., 22:40, Glen Lipka [EMAIL PROTECTED] wrote: You might better off using CSS instead of the background= for a couple of reasons. td width=90 align=center background=images/rboxbg.jpg becomes td class=col4 red menu td.col4 {width: 90px} td.red {background: #ff url(images/rboxbg.jpg);} I'd recommend not to use presentational class naming (red). Once you change the color to blue, you need to change the class name as well, at least if you want to make it some sense and not confuse others (co- workers and yourself after 3 month). Naming it red isn't much better than the way it is. Think of the purpose or structural meaning of an element when going for a class name, not of its (current!) presentation. --Klaus
[jQuery] Re: keyboard sortable list
http://rikrikrik.com/jquery/shortkeys/ Does this work? Glen On Jan 7, 2008 2:34 AM, MaSTeRMinD [EMAIL PROTECTED] wrote: Hello, Im building an app that requires keyboard use and im using jquery for some of the things. I was looking for a plugin that can do exactly this on this page. http://www.dhtmlkitchen.com/scripts/draglib/DragModule/demo/dragpane/index.html Any idea which one, because i can't find any.
[jQuery] Re: [ANNOUNCE] Cornerz - Bullet Proof Curved Corners using Canvas/VML
This is awesome. I think I might replace the curvy corners on my site with this. I think the canvas method is just too cool. Glen On Jan 7, 2008 4:14 PM, weepy [EMAIL PROTECTED] wrote: Hey, what happened to bulletproof?? :-) It will be :) . In fact it now works on Mac/Safari Regarding combining the 2 plugins - I don't think this will be possible, since they both work in entirely different ways. On Jan 7, 11:16 pm, Mike Alsup [EMAIL PROTECTED] wrote: Jonah, This looks really great! Issues # IE6 has some slight problems with the VML in some cases # Mac/Safari doesn't work (Windows Safari is fine) Mike
[jQuery] Re: Bullet Proof: Help needed
Wow, I never thought of doing it this way. Very interesting. Recently, I saw this: http://www.netzgesta.de/corner/ Using Canvas it works in: Mozilla Firefox 1.5+, Opera 9+, Safari and IE6+ It might be worthwhile to create a jQuery version of this. It feels like the right approach. Glen On Jan 3, 2008 10:57 AM, weepy [EMAIL PROTECTED] wrote: Hi I've been working on a (yet another) curved corners plugin. This one is slightly different though, because it uses a bullet (actually an inverse bullet) to achieve the coners. Using a bullet has several features * Super dooper fast. I tried adding 3600 corners and it did it in less than 2000ms on firefox. * Very little extra html is added. * No changes to the layout * antialiased for free * can support radius and borders up to 30px * no change in speed for larger borders You can see it in action here http://www.parkerfox.co.uk/tmp/bullet_proof/ Note it's only perfect(ish) for Firefox/Ubuntu and Firefox/XP and IE6/ XP. IE7 and Vista are not too bad but I haven't calibrated them. However, and the however is farily large, I've found that there are differences in the way in which each broswer/OS combo renders the fonts. In fact each radius requires pain-staking pixel perfect calibration. I am also concerned that there maybe too many possibilities and/or there may be some unknown cases where it's not appropriate. It also results in a fairly large geometry file. The way round this might be to cut it down production since you are unlikely to need all radii from 1 to 30). I'd appreciate people's feedback and maybe someone has a cunning idea to deal with the problems. Also I don't have access to many OS/Browser combos, so please try it out and if you could email me a screeny that would be fantastic. weepy
[jQuery] Re: Resizing Input fields on Window Resize?
Are you using the dimensions plugin? It helps with this sort of thing. I think your approach sounds fine. Although, I might look at the parent width of the object rather than the window. That way 600 isnt hard coded. If you do it that way, then you dont need the dimensions plugin at all. Glen On Dec 31, 2007 3:32 PM, Mike Schinkel [EMAIL PROTECTED] wrote: Hi all: I'm struggling with this one. I need the following, which I can't get to work because IE7 seems to have a bug where when you set the width of an input field using CSS to a percentage it calculates based on the viewport and not the containing element. So I figured I'd add an IE fix like the following, but I can't get it to work. FYI, there is a class of text-field on the input elements. $(document).ready(function(){ window.onresize = function() { var width = '' + (window.innerWidth - 600); $('input.text-field').css(width,width); } }); I know my approach is probably all wrong anyway, so go lightly on me and recommend a more jQueryish way to do this; this is all new to me and I'm just trying figure things out. -- -Mike Schinkel http://www.mikeschinkel.com/blogs/ http://www.welldesignedurls.org http://atlanta-web.org
[jQuery] Re: my new plugins
I got a JS error in IE7/Vista. :( Glen On Jan 1, 2008 7:08 AM, Eridius [EMAIL PROTECTED] wrote: I was using that one and on a page I was using it, I was basically re ordering a bunch of divs using jQuery. When I was reordering, I was copying these divs but event were not copying so I had to recreate the tabs which worked fine in FF but would not work in IE. This is the reason I created my own tabs becuase these tabs work with the code I have written. KnoxBaby wrote: what's the advantage of your tabs plugin to this one: http://stilbuero.de/jquery/tabs_3/ (styling, loading from divs/ajax etc)??? On 1 Jan., 01:35, Eridius [EMAIL PROTECTED] wrote: Here is a demo of them http://www.kaizendigital.com/test/codereck_javascript.php Current these are the features: Tabs: load tab from content on page load content from remote page(ajax) with loading animation(going to be optional) add callback before and after tab loaded. Paginator: Basic, loads data from a remote page, you just need to page the page, how many items there are and how many items per page. Currently there is very styling, just working on functional for now. What else would you like to see added to these plugins? -- View this message in context: http://www.nabble.com/my-new-plugins-tp14563111s27240p14563111.html Sent from the jQuery General Discussion mailing list archive at Nabble.com http://nabble.com/. -- View this message in context: http://www.nabble.com/my-new-plugins-tp14563111s27240p14567174.html Sent from the jQuery General Discussion mailing list archive at Nabble.com http://nabble.com/.
[jQuery] Re: What would you do? Cycling images
You dont like this one? I found it very easy to use. http://www.malsup.com/jquery/cycle/ Glen* * On Jan 1, 2008 5:55 PM, Kyle [EMAIL PROTECTED] wrote: I've seen a few plugins for this already, but none of them seem to do what I need. I also don't want to use any of these plugins that do far more than I need. I suppose I prefer a bit of simplicity. Basically, I have a handful of images that I need to cycle through every few seconds; and once finished, it should start over again. I also want to have controls that allow the user to go to the next, previous, and pause/play the cycle. Since this will vary based on the page, I'd like to have some dynamic control, perhaps deciding which images to cycle through based upon an array of classes (where each class has a different background image). Usually I do pretty well with this sort of thing, but I'm just having a pretty bad day. I can't wrap my head around how I need to approach this- any suggestions or tips? Thanks!
[jQuery] Re: Beginner help with highlight effect
Check out this page in the docs. http://docs.jquery.com/Effects/animate I am in the airport in Phoenix on public wifi, so I cant make a demo right this sec. But that page should help. Glen On Dec 24, 2007 8:35 AM, rics [EMAIL PROTECTED] wrote: Hello, I'm a PHP developer, but all this javascript thing is new to me. It's the first time I try to do something with javascript and I'm using JQuery to help me do things fast (and best). I wish to make some highlight effect, but can't figure it out by myself. Can you help me? I wish to click a checkbox and then flash a div using yellow background. I think I have to paint the div background with yellow and then fade to transparent again. Am I thinking correct? How can I do that? Thanks, rics, from Brazil.
[jQuery] Re: Filter out innerhtml of div #id
Are you trying to get it while its in the variable? Maybe put the html into a dom element first, like $(div#someHiddenDiv).append(str); thingyouwant = $(div#content).html(); Does this help? Glen On Dec 22, 2007 7:30 PM, psy* [EMAIL PROTECTED] wrote: Hello, I have a full html code in in a var: str = 'full html code here starting with html'; and now I want to get the innerHTML of a div with an certain id. I tried that: $(var_name).filter('div#content').get(0).html() but that doesn't work. What's the right way?? thanks!
[jQuery] Re: Menus states and cookies - simple DOM question, please help!
This might be a case for the history plugin. Checkout how the tabs plugin uses the history plugin to maintain which tab is open. It should fundamentally be the same technique. http://stilbuero.de/jquery/history/ Glen On Dec 21, 2007 12:01 PM, Jonny [EMAIL PROTECTED] wrote: Hello, I think this should be a pretty simple issue but I can't find any clear information on how to do it :( In-a-nutshell, I just need an accordion menu to not lose it's state (what is open/closed at the time of click) when the new page loads. I've poured over the following pages already: http://www.learningjquery.com/2007/03/accordion-madness http://bassistance.de/jquery-plugins/jquery-plugin-accordion/ http://jeroencoumans.nl/journal/simple-accessible-jquery-menu And while they all work as is, I'm not able to modify them for my needs, so I'm obviously not at that skill level, which of course is why I'm writing post now :) So far I've learned that this will return the current value of the href within the link, and if turned into a variable first will return the element (a in this case)... How do I save the dom path of this into a cookie so that I can .show() the exact same element when the new page loads? I hope someone can help before I tear all my hair out ;) - Jonny
[jQuery] Re: Sliding Panels Attempt
I had a demo that was based on click. http://www.commadot.com/jquery/faq.php But I modified it using the hoverIntent plugin to be more like you are describing. http://www.commadot.com/jquery/faqHover.php Does this help? Glen On Dec 18, 2007 4:04 PM, kache79 [EMAIL PROTECTED] wrote: hey peoples, i suck at javascript, but i am attempting to create a panel slider, similar to what you see at yootheme.com. heres a link to what i have so far a href=http://http://cyberdesignworks.com.au/labs/panel_slider/ panel_slider.htmlhttp://cyberdesignworks.com.au/labs/panel_slider/ panel_slider.html/a it needs some serious looking into. i am getting lag in the animation when i mouseover the panels, is there a way to optimise this and anything else i am doing incorrectly? maybe there is a plugin already created for doing this, but i couldn't find one. do the accordion plugins allow you to configure to this sliding panel effect? thanks in advance
[jQuery] Re: using .load to replace div contents
Put .empty() before the load. That will clear it out. Glen On Dec 18, 2007 6:00 PM, rolfsf [EMAIL PROTECTED] wrote: I'm doing some simple ajax using .load --- clicking on a table row loads some html from an external file into a div. My question - do I need to remove the contents of the div (#myWindow) before loading the new html, or does .load do this? $('.myTrigger).click(function(){ var wf = $(this).attr('id') var details = (wf + '.htm') $(#myWindow).load(details); }); div class=myTrigger id=thisOneClick here/div div id=myWindow divsome placeholder content/div divsome more placeholder content/div /div thanks! r.
[jQuery] Re: Best technique? .load() and div height...
The delay, I think it's a new member thing. Mine show up right away, I think. I think your technique sounds good. The situations that I have done that were fixed height. Glen On Dec 18, 2007 9:33 PM, Micky Hulse [EMAIL PROTECTED] wrote: Hi, I've got a few questions here... When I .load() text into a div -- basically swapping one bit of text for another, -- the div will collapse for a second while the textual content loads and switches... ...What would be the best way to retain the div size during .load()? My best guess would be to dynamically grab the div height before ajaxStart(), and then apply min-height/height to the container div only during the switching. Sound like an ok technique/approach? How have you handled such situations? off-topic I have noticed that my posts take a while to show-up on the list... Is this because of moderation? Are all posts moderated, or only those made by new members? /off-topic Thanks! Cheers, Micky
[jQuery] Re: Need help with birthdate validation
I actually like the UX of this plugin: http://digitalbush.com/projects/masked-input-plugin It has a date input. It works well to supplement Jorns plugin. Glen On Dec 19, 2007 10:28 AM, sothis [EMAIL PROTECTED] wrote: Hello, Awhile ago, I clumsily implemented Jorn's fantastic validation plugin to validate a birthday field. The implementation wasn't hard, but getting the page in general to work how I want is tricky. I'm wondering if anyone has an idea in how I might accomplish these goals: 1. Validate based on DROPDOWNS, not a text input (I tried text input and put clear MM-DD- tags, but people keep doing DD-MM which passes validation but often completely mangles the date due to things like 20-01-1981). So for example, dropdown one would be Jan, Feb, Mar, etc. This would be easy for me to build the date using PHP, but am not sure how I'd do it before passing it immediately to the validator. 2. Allow partial dates. Again, this would be something I could do in PHP (just using a default 01-01- if they only input a year, for example), but am not sure how I'd do this prior to getting it to the validator. I'd probably only want to deal with partial date meaning only a year (or a year and a month), not just a day and a month. Also, how robust is the birthdate validator? Meaning, is it just checking if it's a valid date, or does it check for things like does this day actually exist in this month (31st, for example), or was there actually this date in this year (ex: leap year) Thanks, I know this question is kind of vague and general. :) -Kim -- View this message in context: http://www.nabble.com/Need-help-with-birthdate-validation-tp14422600s27240p14422600.html Sent from the jQuery General Discussion mailing list archive at Nabble.com .
[jQuery] Re: this:contains selector
Something like this might work...not tested. $(this).is(:contains(matchingText)) Glen On Dec 12, 2007 4:55 PM, Van [EMAIL PROTECTED] wrote: The contains selector works fine with tags (a:contains()) etc. but doesn't seem to work with $(this). What is the best way to use contains with this?? here is my scenario: var matchingText = Text2; ul class=list lia href=#Text1/a/li lia href=#Text2/a/li /ul I want to see if the text in matchingText matches text in any of the anchor tags. My goal is to add a class to the anchor tag that has matching text and would like to use the ul.list selector to run through each of the n amount of anchor tags (descendants of ul class list) I've tried selecting them in-line, or with a .each() loop and each time I cant seem to match using jQuery syntax... Thanks for the help.
[jQuery] Re: Need some help to solve this problem - A jquery Newbie
It might help to see an example online. It sounds like you want to scroll the window based on a specific scenerio. You may need the following plugins: http://www.freewebs.com/flesler/jQuery.LocalScroll/ OR http://www.freewebs.com/flesler/jQuery.ScrollTo/ AND http://brandonaaron.net/docs/dimensions/ Specifically, I am thinking that you use the dimensions plugin to detect where the bottom of the viewport is, then IF the bottom of the viewport is HIGHER than the bottom of the thing you are opening, you should use the scroll plugin to scroll down to the bottom of the page. Does that sound right? On Dec 13, 2007 5:09 AM, Jason [EMAIL PROTECTED] wrote: Here is the source. This is a navigation . when the mouse over Menu1 , the items will show up. It will work well in most case. But what if there are so many items that will exceed the bottom of the client window. The scrollbar will show up in the web browser .What I want is to add a new item or something just upon the item exceed the bottom. And when the mouse hover on it ,the items exceeded the bottom will move up . Anyone can help me ? div ul class=nav li a href=# Menu1/a ul liitem1/li liitem1/li liitem1/li /ul /li li a href=# Menu2/a ul liitem1/li liitem1/li liitem1/li /ul /li /div
[jQuery] Re: jQuery + idTabs + Prototype
Have you tried the 1.2.1 version? I didnt realize the noconflict stuff worked in 1.1 Glen On Dec 13, 2007 2:36 AM, rem [EMAIL PROTECTED] wrote: Hello, I have a Wordpress theme which has few plugins based on jQuery also works with an indispensable Wordpress plugin which is based on Prototype. I used the jQuery non conflict mode call and managed to avoid the conflict for most of all but the idTabs plugin. As long as Prototype is loaded, idTabs stops working even the other jQuery plugins are working OK. I replaced the $ with other variable inside the plugin's code but still no go. I am using jQuery 1.1.3.1 and idTabs 1.0 Do you have any ideas please? Thank you.
[jQuery] Re: Fade-in on page load... Best technique?
Maybe put a piece of JS at the beginning of the page before anything else, that adds the display:none dynamically. It SHOULD avoid a page blinking and hide the contents before they load. If JS is off, then the cols would be visible. Then once everything is loaded use the fadeOn(slow) function. Totally untested, but I probably could whip something up. However, warning, it is not always a pleasant experience to have a page fadeOn. It's a little annoying to a user who thinks the page is SLOW or something is wrong with their screen. I would avoid the effect peersonally. Glen On Dec 12, 2007 11:25 PM, Micky Hulse [EMAIL PROTECTED] wrote: Hey all. I just wanted to fade-in an ele on page load... What would you suggest for a technique? I found a thread on this list that suggested using: CSS: .js .col { display:none; } JS: $(document) .addClass('js') .ready(function() { $('.col').fadeIn('slow'); ... ... or, do this: $(document) .addStyle('.col', 'display: none') .ready(function() { $('.col').fadeIn('slow'); ... ... But nothing seems to work. Sorry if this is a silly question. Any tips? I would like to avoid hiding my ele in the CSS... Because, if JS is turned-off, that ele will not show. Any help would be really cool! Thanks. Cheers, Micky
[jQuery] Img Src replacement
I have a nav that I do not control the HTML Source. div class=nav a href=foo.htmimg src=foo.gif //a a href=bar.htmimg src=bar.gif //a /div I want to have a hover event applied to the IMG so that when you hover over the img src changes from foo.gif to foo_on.gif and bar.gif to bar_on.gif. How do you do that replace hover? Glen
[jQuery] Re: Img Src replacement
Perfect thanks. I didn't try that second one, but I will give it a go. Glen On Dec 12, 2007 1:24 PM, Mika Tuupola [EMAIL PROTECTED] wrote: On Dec 12, 2007, at 8:49 PM, Glen Lipka wrote: I have a nav that I do not control the HTML Source. div class=nav a href=foo.htmimg src=foo.gif //a a href=bar.htmimg src=bar.gif //a /div I want to have a hover event applied to the IMG so that when you hover over the img src changes from foo.gif to foo_on.gif and bar.gif to bar_on.gif. http://www.appelsiini.net/2007/6/sequentially-preloading-images I use something like above. Includes hover image preloading. -- Mika Tuupola http://www.appelsiini.net/
[jQuery] Re: Problem selecting a table row
I whipped up a demo for you. http://www.commadot.com/jquery/selectorHas.php Where I figured it out: http://docs.jquery.com/Selectors/has#selector Desc: Matches elements which contain at least one element that matches the specified selector. Selector page. Is this the one you looked at? http://docs.jquery.com/Selectors/ Hope this helps, Glen On Dec 7, 2007 5:54 AM, Kirov [EMAIL PROTECTED] wrote: Hello Dear Reader, I am stuck with the following problem. I've read the whole documentation of jQuery about traversing and selecting DOM nodes and found that i can select all nodes that contain a certain type of node - the example was $('p[a]'); all paragraphs that contain a link (anchor). But for my surprise i was unable to select a table row which contains a table header like this $('tr[th]'). I have the following data structure table border=1 class=rates trthDescription/th/tr trtdxxx/td/tr trtdxxx/td/tr trtdxxx/td/tr trtdxxx/td/tr trthDescription/th/tr trtdxxx/td/tr trtdxxx/td/tr trtdxxx/td/tr trtdxxx/td/tr and i want to .remove() all rows that contain th but the proposed selector tr[th] isn't useful please help Thank you in advance, Kiril Kirov
[jQuery] Re: Problem selecting a table row
One followup. tr[th] would only find something like this: tr th=foo The stuff in the brackets are attributes, not child elements. Glen On Dec 7, 2007 7:48 AM, Glen Lipka [EMAIL PROTECTED] wrote: I whipped up a demo for you. http://www.commadot.com/jquery/selectorHas.php Where I figured it out: http://docs.jquery.com/Selectors/has#selector Desc: Matches elements which contain at least one element that matches the specified selector. Selector page. Is this the one you looked at? http://docs.jquery.com/Selectors/ Hope this helps, Glen On Dec 7, 2007 5:54 AM, Kirov [EMAIL PROTECTED] wrote: Hello Dear Reader, I am stuck with the following problem. I've read the whole documentation of jQuery about traversing and selecting DOM nodes and found that i can select all nodes that contain a certain type of node - the example was $('p[a]'); all paragraphs that contain a link (anchor). But for my surprise i was unable to select a table row which contains a table header like this $('tr[th]'). I have the following data structure table border=1 class=rates trthDescription/th/tr trtdxxx/td/tr trtdxxx/td/tr trtdxxx/td/tr trtdxxx/td/tr trthDescription/th/tr trtdxxx/td/tr trtdxxx/td/tr trtdxxx/td/tr trtdxxx/td/tr and i want to .remove() all rows that contain th but the proposed selector tr[th] isn't useful please help Thank you in advance, Kiril Kirov
[jQuery] Re: Show/Hide Div with checkbox options providing same results
It is shorter, but it just doesn't seem quite as jQuery-ish. ;) Glen On Dec 7, 2007 1:13 PM, Dave Methvin [EMAIL PROTECTED] wrote: $(#+this.className).[(this.checked?show:hide)](); Belay that, try this: $(#+this.className)[this.checked?show:hide](); I'm always making code longer than it has to be. :)
[jQuery] Re: hover and className
Well it sounds like you are in a better place than last week. :) Let us know if there is anything else we can help with. Best, Glen On Dec 5, 2007 7:47 PM, DaveG [EMAIL PROTECTED] wrote: Glen Lipka wrote: Let's start at the beginning. Let's assume (work with me here) that autogeneration of sprites and css is the path to ruin. Actually, I don't agree with this statement. Auto-generation get you the sprite and positioning css, which is nice, and is useful. One of the primary benefits though is automation -- a consistent, theoretically error free management of the process. It's the same reason people prefer to automate build processes. Take the chance of tedium induced errors out of the equation. Let's assume 100 images should be manageable in a very easy way. (When you add new images it should take under 3 minutes to update things) Okay. Here a beginning... http://www.commadot.com/jquery/hoverSprite.php Structure is everything. When you set up a good architecture, maintenance is easy. So, basically we have a large grid structure with a single image in each cell. Since the grid is statically sized, we have a fixed offset to apply for the hover effect. So far in the demo I have. 1. Images are variable size, currently width is variable, if height is variable that is fine, but I would like to see the range of possible heights/widths. 2. Some are hoverable and some not. I use the canHover class and the button class in tandem to achieve the right selection. This approach clearly makes the markup cleaner, and makes the hover js simpler as well. I haven't run any performance metrics, but I'd suspect this approach is quicker, but the difference is probably not user noticeable, even on 100's of images. So we now have a cleaner coded solution, but have lost the benefit of automation, and with it incurred a larger testing effort, every time an image is added/removed. In our case I'm not sure this is an appropriate trade-off, given the relatively small amount of code simplification we gained. Look at the source and go slow. I am sure this doesn't scale for some reason. Show me the images to add and I will show you how it scales. I think it does scale, although at some point there's going to be an overhead due to the 'whitespace' around the smaller images. PNG seems to do pretty well at compressing this though, so a few k at the most. PS. This technique works for a sprite I manage. Rows: 80, Cols: 8. Its gigantic and super easy to manage. Thanks for sharing your approach -- it certainly helped me think some things through, and it's always good to bounce the idea around for a sanity check. Oh, and I did realize a fundamental assumption I made way early on. For some reason I decided that the initially combined over/out sprites needed to be separated in order to use the large sprite idea. Not true. In fact keeping the over/out sprite combined as a single image, and merging that image into the larger sprite would have opened another option, of simply off-setting the initial image by the image width (or height depending on how the over/out sprite was stacked). ~ ~ David
[jQuery] Re: horizontal accordion menu
Possibly a styled version of the horizontal accordion plugin? http://dev.portalzine.de/index?/Horizontal_Accordion--print Glen On Dec 6, 2007 10:16 AM, sherman [EMAIL PROTECTED] wrote: The menu needs a specific width set for the contentwidth portion of the slider. Do you know how I could make my content widths variable? or to just display the content inside the container? Does this make sense? Here is a link to the code: http://architexture.ca/_burnkit/index.html You will see that when you click About Us the same content width is applied to Partners and it shows the background next to Contact. I also need to add a wider section to Approach, so you can see my need for a variable widths. sherman wrote: Hello, I'm in desperate need for help with a horizontal accordion menu that functions similar to the vertical More Showing, More Hiding (option 1) tutorial on the learningjquery.com site. The simpler the better so I can apply the css around it. Any help or direction would be greatly appreciated as I am very new to jQuery. Thanks, Jamie -- View this message in context: http://www.nabble.com/horizontal-accordion-menu-tf4954129s27240.html#a14197944 Sent from the jQuery General Discussion mailing list archive at Nabble.com .
[jQuery] Re: Show/Hide Div with checkbox options providing same results
I whipped a demo. Does this do what you want? http://www.commadot.com/jquery/checkBoxShow.php Couple of tips: 1. Try to avoid putting onclick handlers in your html. jQuery does this really easily and makes your html easier to read. 2. getElementByID can be expressed as $(#yourID).dosomething... Much more concise and jQuery-ish. :) 3. The toggle function will automatically show if hidden and hide if shown without the IF shatement. Hope these help. When I first started jQuery, I had to forget everything I knew about JS (which wasn't much). It just did it all without the muss. Glen On Dec 6, 2007 8:30 AM, Ryan [EMAIL PROTECTED] wrote: I'm completely versed in the show/hide options available, but have a problem I haven't been able to figure out. I'm hoping jquery will have the answer. I have 5 checkbox input options, the first two options providing the same show div. For example, html head script type=text/javascript !-- function showMe (it, box) { var vis = (box.checked) ? block : none; document.getElementById(it).style.display = vis; } //-- /script /head body form input type=checkbox name=modtype value=value1 onclick=showMe('div1', this) /value1 input type=checkbox name=modtype value=value2 onclick=showMe('div1', this) /value2 input type=checkbox name=modtype value=value3 onclick=showMe('div2', this) /value3 input type=checkbox name=modtype value=value4 onclick=showMe('div3', this) /value4 input type=checkbox name=modtype value=value5 onclick=showMe('div4', this) /value5 div class=row id=div1 style=display:noneShow Div 1/div div class=row id=div2 style=display:noneShow Div 2/div div class=row id=div3 style=display:noneShow Div 3/div div class=row id=div4 style=display:noneShow Div 4/div /form /body /html As you can see, the first two options should show the same div. Selecting one or both isn't a problem, the div appears as should, but when deselecting one of the checkboxes, the div disappears even though one of the checkboxes is still selected. Does anyone have an idea as to how I can get the div to remain selected when one of the two checkboxes is deselected? Or, if either of the checkboxes are selected, to provide just one result? Thanks!
[jQuery] Re: Strange unwanted delay problem
I am having trouble reproducing the error. I see a different weird behavior. Hover on the links or not doesnt seem to change this. If I mouse over the column and mouseout before it finishes animating, then it never closes. Could you elaborate a little on the problem you are seeing? I am in FF Glen On Dec 6, 2007 5:03 AM, Trond Ulseth [EMAIL PROTECTED] wrote: Hello all, I have several div's which are animated on mouseover: $('.pan').mouseover(function() { $(this).animate( { marginLeft:-182px }, 1000); }); I then have another div laying behind the animated ones that on a mouseover reverts the animation: $('##pancontainer').mouseover(function() { $('#pan1').animate( { marginLeft:0px }, 200); $('#pan2').animate( { marginLeft:0px }, 200); $('#pan3').animate( { marginLeft:0px }, 200); $('#pan4').animate( { marginLeft:0px }, 200); $('#pan5').animate( { marginLeft:0px }, 200); $('#pan6').animate( { marginLeft:0px }, 200); }); So far so good - it works like a charm. Then inside the animated divs I put several links. Now if I hover over one or more of the links inside the div before taking the mouse of - the function which reverts the animation is several seconds delayed. If i just mouseover the div without hovering the link it works like it should. This is driving me mad, as I can't understand why it behaves like this. I don't have any other jquery or js scripts other than the ones above. You can have a look yourselves at http://intern.idl.no:65241 If anyone could help me solve this I'd appreciate it very much.