[jQuery] Re: performing actions on single elements with widely used classes
anyone? On Nov 3, 5:28 pm, Liam Potter [EMAIL PROTECTED] wrote: Hi, I'm having trouble figuring out how I can perform say, a hide animation on a div, by clicking a button on one div, which uses a class used by other divs. *Lets say I have this:* div class=message a href=# class=deleteDelete/a pMessage text/p /div div class=message a href=# class=deleteDelete/a pMessage text/p /div div class=message a href=# class=deleteDelete/a pMessage text/p /div *then the jquery is: *$(a.delete).click(function () { $(.overlay).hide(slow); }); This will hide all the messages, rather then the one I clicked the delete button on. Right now I'm using server side code to give each div a unique id, then have the jquery like this var inc = %#Eval(PrimaryKeyID)%; $(a.delete+ inc).click(function () { $(.overlay).hide(slow); }); This works, but it's not the best option, as I need to keep the JS inline and I'd rather be able to seperate it into a .js file, and use it in future projects just by writing the correct html then dropping the js file in the head. If anyone can show me the right way to do this, it would be extremely helpful. - Liam
[jQuery] Best AutoComplete PlugIn
Hello, because the UI AutoComplete is pushed back to 1.7, I'm looking for a good AutoComplete PlugIn. Which is the best today? Thanks for your help, Stefan Sturm
[jQuery] Re: Remove() xml nodes doesnt work in ie
Here is some example code, and a test case for which it fails in ie. (Latest version of jquery, 1.26) script type=text/javascript src=jquery.js/script script type=text/javascript //Xml Parser object var xmlParser = { xmlDoc : null, //Loads the xml string into a xml doc loadFromDb : function(xmlString) { if(window.ActiveXObject) { //ie this.xmlDoc = new ActiveXObject(Microsoft.XMLDOM); this.xmlDoc.async=false; this.xmlDoc.loadXML(xmlString); } else { //ff/opera var parser = new DOMParser(); this.xmlDoc = parser.parseFromString(xmlString,text/ xml); } }, toString : function() { if (window.ActiveXObject) return this.xmlDoc.xml; else return (new XMLSerializer()).serializeToString(this.xmlDoc); }, deleteTest : function() { $(this.xmlDoc).find(gd cd uid).remove(); } }; //Our test xml string var xml = gdcduid0/uidtm0/tmw0/wh0/h/cd/ gd; //Load our xml up xmlParser.loadFromDb(xml); //And try and delete the uid node xmlParser.deleteTest(); //Works fine in ff, fails in ie 7, Object doesn't support this property or method. //Line 666 of jquery: id = elem[ expando ] = ++uuid; alert(xmlParser.toString()); /script
[jQuery] Re: How collapse all after any click
or may be how I can collapse lastExpandable category befor Expand new category in my tree? Thanks!
[jQuery] Re: how to parse tags with the name of title ?
title is as good as anything else in XML. Did you change the jQuery statement acccordingly? What exactly does not work? --Klaus On 4 Nov., 09:35, AlexC [EMAIL PROTECTED] wrote: Hi all, I've just downloaded jQuery to see if I can use it in a web program and I've come across something which I don't know is a problem, a bug or just (quite likely) my lack of xml/jquery knowledge. I'm using the example at ...http://www.webmonkey.com/tutorial/Easy_XML_Consumption_using_jQuery?o... and if you change all the xml name tags in the referenced 'students.xml' test file to title it doesn't work. I guess this is because title is a reserved word? Anyone know how to get round this please because the xml files I'm consuming do have title in them. Many thanks Alex
[jQuery] video tutorials first of Arabic tutorials with video
i Have Correct the Links This time Hi every One this is my first post and i want to say that it's glad to be the First One to write a arabic and it's a video tutorial and a introduction to jquery with the arabic language in text Mode the text tutorial is here : http://www.hack-systems.com/2008/11/01/introduction-to-jquery-in-arabic/ and the Video Tutorials is there : http://www.hack-systems.com/2008/11/04/get-start-with-jquery-arabic/ the Description : in this tutorials we will get to Now the jquery library in good way in this tutorial we will get to know this steps setup the page for this library the Hello world example and the select Elements and the Events And the Effects Thanks Every One .
[jQuery] Re: Destroy Interval at DOM Object removal
Shorthand of same question. How do I identify the DOM-element on which a plugin has been invoked, and how can I tell wheater or not it is still in the DOM or has been removed?
[jQuery] Re: Gradientz
Ah Rick - I'll take a look. On 4 Nov, 14:14, Rick Faircloth [EMAIL PROTECTED] wrote: Hey, I like gradientz very much! Question... how do I make the gradient to be the background for a div? I created a div with a gradient and put the text inside the div, but the text appears outside the gradient, not over it... script type=text/javascript $(document).ready(function() { $('#box1').gradientz({ start: gray, end: white, angle: 0 }) }); /script div id=box1 style=height:200px; width:200px; padding:10px; color:white; This is the text in my gradient box!/div Rick weepy wrote: Just released a jQuery plugin Gradientz which creates graduated backgrounds without the need for images. * Uses VML in IE and canvas in Firefox, Webkit. * Cross Browser: Tested on FF3, IE6, IE7, Safari * Fast * No need for excanvas * Small: 2.2k uncompressed For those of you that have seen Cornerz - it works in a very similar way. See more herehttp://www.parkerfox.co.uk/labs/gradientz/ Enjoy! weepy ;..( No virus found in this incoming message. Checked by AVG -http://www.avg.com Version: 8.0.175 / Virus Database: 270.8.6/1765 - Release Date: 11/3/2008 4:59 PM
[jQuery] ClueTip Sticky IE dbl click
Initially set up site to use Hover to bring up cluetip, then request was to make user click for display. Using cluetip sticky, I configured jquery.cluetip.js to use click instead of hover (also tried toggle). The issue I can't resolve is that IE requires 2 mouse clicks initially to display the html. Once cached it reacts properly to single click. FF has no issues.
[jQuery] Re: Gradientz
Thanks, weepy... When you said it creates graduated backgrounds I assumed it would respond like a true background image. Perhaps that's not what you intended. Rick weepy wrote: Ah Rick - I'll take a look. On 4 Nov, 14:14, Rick Faircloth [EMAIL PROTECTED] wrote: Hey, I like gradientz very much! Question... how do I make the gradient to be the background for a div? I created a div with a gradient and put the text inside the div, but the text appears outside the gradient, not over it... script type=text/javascript $(document).ready(function() { $('#box1').gradientz({ start: gray, end: white,angle: 0 }) }); /script div id=box1 style=height:200px; width:200px; padding:10px; color:white; This is the text in my gradient box!/div Rick weepy wrote: Just released a jQuery plugin Gradientz which creates graduated backgrounds without the need for images. * Uses VML in IE and canvas in Firefox, Webkit. * Cross Browser: Tested on FF3, IE6, IE7, Safari * Fast * No need for excanvas * Small: 2.2k uncompressed For those of you that have seen Cornerz - it works in a very similar way. See more herehttp://www.parkerfox.co.uk/labs/gradientz/ Enjoy! weepy ;..( No virus found in this incoming message. Checked by AVG -http://www.avg.com Version: 8.0.175 / Virus Database: 270.8.6/1765 - Release Date: 11/3/2008 4:59 PM No virus found in this incoming message. Checked by AVG - http://www.avg.com Version: 8.0.175 / Virus Database: 270.8.6/1765 - Release Date: 11/3/2008 4:59 PM
[jQuery] Re: Gradientz
Ok this is fixed - I've just pushed a new version. Check again - it should be fixed. http://www.parkerfox.co.uk/labs/gradientz/ On 4 Nov, 14:37, Rick Faircloth [EMAIL PROTECTED] wrote: Thanks, weepy... When you said it creates graduated backgrounds I assumed it would respond like a true background image. Perhaps that's not what you intended. Rick weepy wrote: Ah Rick - I'll take a look. On 4 Nov, 14:14, Rick Faircloth [EMAIL PROTECTED] wrote: Hey, I like gradientz very much! Question... how do I make the gradient to be the background for a div? I created a div with a gradient and put the text inside the div, but the text appears outside the gradient, not over it... script type=text/javascript $(document).ready(function() { $('#box1').gradientz({ start: gray, end: white, angle: 0 }) }); /script div id=box1 style=height:200px; width:200px; padding:10px; color:white; This is the text in my gradient box!/div Rick weepy wrote: Just released a jQuery plugin Gradientz which creates graduated backgrounds without the need for images. * Uses VML in IE and canvas in Firefox, Webkit. * Cross Browser: Tested on FF3, IE6, IE7, Safari * Fast * No need for excanvas * Small: 2.2k uncompressed For those of you that have seen Cornerz - it works in a very similar way. See more herehttp://www.parkerfox.co.uk/labs/gradientz/ Enjoy! weepy ;..( No virus found in this incoming message. Checked by AVG -http://www.avg.com Version: 8.0.175 / Virus Database: 270.8.6/1765 - Release Date: 11/3/2008 4:59 PM No virus found in this incoming message. Checked by AVG -http://www.avg.com Version: 8.0.175 / Virus Database: 270.8.6/1765 - Release Date: 11/3/2008 4:59 PM
[jQuery] Re: Firefox flickering with tab-slider-script
Hi, if i set just the overflow-x: hidden; for the div with the class=scroll instead of overflow:hidden; it works for me. On 4 Nov., 12:15, Oskar Rough [EMAIL PROTECTED] wrote: Hi, I'm experiencing heavy flickering with a coda-slider script - only in Firefox/WIN. It's available here:http://eucnordvest.dk/Oversigt+kategorier.3631.aspx (please, do not mind the Danish language). It's build up with a scrollerbox with a set width. Inside there's a container with the three panes, each with the same width of the box. Each pane is floated left. Everytime you switch tab in Firefox it flickers heavily. Any workaround to this would be greatly appreciated :-) Thanks, Oskar
[jQuery] Re: Gradientz
Here's one way to modify the markup and get the text within the gradient area: div id=box1 style=height:200px; width:200px; div style=position:absolute; padding:10px; font-family:'trebuchet ms'; font-size:12px; color:white; This is the text in my gradient box! /div /div This will certainly save a lot of time creating background images! Rick Rick Faircloth wrote: Thanks, weepy... When you said it creates graduated backgrounds I assumed it would respond like a true background image. Perhaps that's not what you intended. Rick weepy wrote: Ah Rick - I'll take a look. On 4 Nov, 14:14, Rick Faircloth [EMAIL PROTECTED] wrote: Hey, I like gradientz very much! Question... how do I make the gradient to be the background for a div? I created a div with a gradient and put the text inside the div, but the text appears outside the gradient, not over it... script type=text/javascript $(document).ready(function() { $('#box1').gradientz({ start: gray, end: white,angle: 0 }) }); /script div id=box1 style=height:200px; width:200px; padding:10px; color:white; This is the text in my gradient box!/div Rick weepy wrote: Just released a jQuery plugin Gradientz which creates graduated backgrounds without the need for images. * Uses VML in IE and canvas in Firefox, Webkit. * Cross Browser: Tested on FF3, IE6, IE7, Safari * Fast * No need for excanvas * Small: 2.2k uncompressed For those of you that have seen Cornerz - it works in a very similar way. See more herehttp://www.parkerfox.co.uk/labs/gradientz/ Enjoy! weepy ;..( No virus found in this incoming message. Checked by AVG -http://www.avg.com Version: 8.0.175 / Virus Database: 270.8.6/1765 - Release Date: 11/3/2008 4:59 PM No virus found in this incoming message. Checked by AVG - http://www.avg.com Version: 8.0.175 / Virus Database: 270.8.6/1765 - Release Date: 11/3/2008 4:59 PM No virus found in this incoming message. Checked by AVG - http://www.avg.com Version: 8.0.175 / Virus Database: 270.8.6/1765 - Release Date: 11/3/2008 4:59 PM
[jQuery] Re: Firefox flickering with tab-slider-script
Hey Weidc, Thanks a lot, it removes the flicker alright but in return I get a scrollbar. Still better of course but would like to avoid having a scrollbar :-) On 4 Nov., 15:41, weidc [EMAIL PROTECTED] wrote: Hi, if i set just the overflow-x: hidden; for the div with the class=scroll instead of overflow:hidden; it works for me. On 4 Nov., 12:15, Oskar Rough [EMAIL PROTECTED] wrote: Hi, I'm experiencing heavy flickering with a coda-slider script - only in Firefox/WIN. It's available here:http://eucnordvest.dk/Oversigt+kategorier.3631.aspx (please, do not mind the Danish language). It's build up with a scrollerbox with a set width. Inside there's a container with the three panes, each with the same width of the box. Each pane is floated left. Everytime you switch tab in Firefox it flickers heavily. Any workaround to this would be greatly appreciated :-) Thanks, Oskar
[jQuery] Re: Gradientz
Man...how's that for service! Great job weepy! -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of weepy Sent: Tuesday, November 04, 2008 8:41 AM To: jQuery (English) Subject: [jQuery] Re: Gradientz Ok this is fixed - I've just pushed a new version. Check again - it should be fixed. http://www.parkerfox.co.uk/labs/gradientz/ On 4 Nov, 14:37, Rick Faircloth [EMAIL PROTECTED] wrote: Thanks, weepy... When you said it creates graduated backgrounds I assumed it would respond like a true background image. Perhaps that's not what you intended. Rick weepy wrote: Ah Rick - I'll take a look. On 4 Nov, 14:14, Rick Faircloth [EMAIL PROTECTED] wrote: Hey, I like gradientz very much! Question... how do I make the gradient to be the background for a div? I created a div with a gradient and put the text inside the div, but the text appears outside the gradient, not over it... script type=text/javascript $(document).ready(function() { $('#box1').gradientz({ start: gray, end: white, angle: 0 }) }); /script div id=box1 style=height:200px; width:200px; padding:10px; color:white; This is the text in my gradient box!/div Rick weepy wrote: Just released a jQuery plugin Gradientz which creates graduated backgrounds without the need for images. * Uses VML in IE and canvas in Firefox, Webkit. * Cross Browser: Tested on FF3, IE6, IE7, Safari * Fast * No need for excanvas * Small: 2.2k uncompressed For those of you that have seen Cornerz - it works in a very similar way. See more herehttp://www.parkerfox.co.uk/labs/gradientz/ Enjoy! weepy ;..( -- -- No virus found in this incoming message. Checked by AVG -http://www.avg.com Version: 8.0.175 / Virus Database: 270.8.6/1765 - Release Date: 11/3/2008 4:59 PM -- -- No virus found in this incoming message. Checked by AVG -http://www.avg.com Version: 8.0.175 / Virus Database: 270.8.6/1765 - Release Date: 11/3/2008 4:59 PM
[jQuery] Re: Firefox flickering with tab-slider-script
Hi, where do you get a scrollbar? i don't get any. just if i remove the overflow-x: hidden; i get one. if i set: overflow-x: hidden; overflow-y: visible; i don't have any scrollbar. On 4 Nov., 15:47, Oskar Rough [EMAIL PROTECTED] wrote: Hey Weidc, Thanks a lot, it removes the flicker alright but in return I get a scrollbar. Still better of course but would like to avoid having a scrollbar :-) On 4 Nov., 15:41, weidc [EMAIL PROTECTED] wrote: Hi, if i set just the overflow-x: hidden; for the div with the class=scroll instead of overflow:hidden; it works for me. On 4 Nov., 12:15, Oskar Rough [EMAIL PROTECTED] wrote: Hi, I'm experiencing heavy flickering with a coda-slider script - only in Firefox/WIN. It's available here:http://eucnordvest.dk/Oversigt+kategorier.3631.aspx (please, do not mind the Danish language). It's build up with a scrollerbox with a set width. Inside there's a container with the three panes, each with the same width of the box. Each pane is floated left. Everytime you switch tab in Firefox it flickers heavily. Any workaround to this would be greatly appreciated :-) Thanks, Oskar
[jQuery] Re: Gradientz
Nice, weepy! Works nicely now in IE6, IE7, FF3, and Chrome... all that I tested. Thanks for the good work! Rick weepy wrote: Ok this is fixed - I've just pushed a new version. Check again - it should be fixed. http://www.parkerfox.co.uk/labs/gradientz/ On 4 Nov, 14:37, Rick Faircloth [EMAIL PROTECTED] wrote: Thanks, weepy... When you said it creates graduated backgrounds I assumed it would respond like a true background image. Perhaps that's not what you intended. Rick weepy wrote: Ah Rick - I'll take a look. On 4 Nov, 14:14, Rick Faircloth [EMAIL PROTECTED] wrote: Hey, I like gradientz very much! Question... how do I make the gradient to be the background for a div? I created a div with a gradient and put the text inside the div, but the text appears outside the gradient, not over it... script type=text/javascript $(document).ready(function() { $('#box1').gradientz({ start: gray, end: white,angle: 0 }) }); /script div id=box1 style=height:200px; width:200px; padding:10px; color:white; This is the text in my gradient box!/div Rick weepy wrote: Just released a jQuery plugin Gradientz which creates graduated backgrounds without the need for images. * Uses VML in IE and canvas in Firefox, Webkit. * Cross Browser: Tested on FF3, IE6, IE7, Safari * Fast * No need for excanvas * Small: 2.2k uncompressed For those of you that have seen Cornerz - it works in a very similar way. See more herehttp://www.parkerfox.co.uk/labs/gradientz/ Enjoy! weepy ;..( No virus found in this incoming message. Checked by AVG -http://www.avg.com Version: 8.0.175 / Virus Database: 270.8.6/1765 - Release Date: 11/3/2008 4:59 PM No virus found in this incoming message. Checked by AVG -http://www.avg.com Version: 8.0.175 / Virus Database: 270.8.6/1765 - Release Date: 11/3/2008 4:59 PM No virus found in this incoming message. Checked by AVG - http://www.avg.com Version: 8.0.175 / Virus Database: 270.8.6/1766 - Release Date: 11/4/2008 8:26 AM
[jQuery] Re: Large text files via AJAX
Honestly it sounds like this isn't a good use of AJAX. Wasn't reallty intended for use with 1mb+ files. -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of [EMAIL PROTECTED] Sent: Monday, November 03, 2008 5:54 PM To: jquery-en@googlegroups.com Subject: [jQuery] Large text files via AJAX Greets all. I have an application which passes large amounts of plain text to update a pre id=textdata/pre block on the client. This is all plain text and can range in size from a few bytes to 64MB. Typically though the text files are less than 1MB. Updating the pre block can be slow. I'm sending the request via POST and getting the data back in a json object along with some metadata about the text file. I'm starting to look at this and I'm thinking that I would see better performance by breaking out the request into two parts: 0) Make sure the data is gziped 1) Request the text file via POST and get json response of metadata only 2) Update the web page from the json response 3) Second request to update the pre block directly from text data GET request Thoughts? What is the fastest way to update a text block with large amount of plain text? Paging isn't an option here :) Thanks. -- Scott
[jQuery] Re: How to load only one image at a time using JQuery Cycle Plugin?
On Nov 4, 5:59 am, Mike Alsup [EMAIL PROTECTED] wrote: Thanks for the help with the change event hookup and the new example. Can I have no slides preloaded and just load them on the fly? No, when you call cycle there must be at least two slides in the container. Can I still load the image but not cycle if there is only one image and also hide the prev/next buttons?
[jQuery] Re: Tablesorter issue, can find images for the header.
The images are in the css file, you have to adjust the background- image: url('...') to be the location where you are hosting the images On Nov 4, 5:06 am, livewire9174 [EMAIL PROTECTED] wrote: Hi, I'm messing about with the tablesorter. The issue i am having is I cant seem to find the images on the header. If i do a save as complete page from I.E. 6 and upload to my webserver, it still does not work. Here is the page I have done the Save as from http://tablesorter.com/docs/example-pager.html everything works fine, but the images are nowhere, any ideas ?
[jQuery] Re: Table sorter issue - trying to stop a field from sorting
There's an example right in his documentation http://tablesorter.com/docs/example-options-headers.html On Nov 4, 6:59 am, livewire9174 [EMAIL PROTECTED] wrote: Hi, Here is my code, I want to prevent the first field from being a sort option, can somebody help? -- !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd; html xmlns=http://www.w3.org/1999/xhtml; xml:lang=en-us head titlejQuery plugin: Tablesorter 2.0 - Pager plugin/title link rel=stylesheet href=jq.css type=text/css media=print, projection, screen / link rel=stylesheet href=style.css type=text/css media=print, projection, screen / script type=text/javascript src=jquery-latest.js/script script type=text/javascript src=jquery.tablesorter.js/script script type=text/javascript src=jquery.tablesorter.pager.js/ script script type=text/javascript src=js/chili/chili-1.8b.js/script script type=text/javascript src=js/docs.js/script script type=text/javascript $(function() { $(table) .tablesorter({widthFixed: true, widgets: ['zebra']}) .tablesorterPager({container: $(#pager)}); }); /script /head body div id=main table cellspacing=1 class=tablesorter thead tr th class={sorter: false}discount/th thQuote/th thType/th thTo View Details/th /tr /thead tbody tr tdStudent01/td tdLanguages/td tdmale/td td80/td /tr tr tdStudent02/td tdMathematics/td tdmale/td td90/td /tr tr tdStudent03/td tdLanguages/td tdfemale/td td85/td /tr tr tdStudent04/td tdLanguages/td tdmale/td td60/td /tr tr tdStudent05/td tdLanguages/td tdfemale/td td68/td /tr tr tdStudent06/td tdMathematics/td tdmale/td td100/td /tr tr tdStudent07/td tdMathematics/td tdmale/td td85/td /tr tr tdStudent08/td tdLanguages/td tdmale/td td100/td /tr tr tdStudent09/td tdMathematics/td tdmale/td td80/td /tr tr tdStudent10/td tdLanguages/td tdmale/td td85/td /tr tr tdStudent11/td tdLanguages/td tdmale/td td86/td /tr tr tdStudent12/td tdMathematics/td tdfemale/td td100/td /tr tr tdStudent13/td tdLanguages/td tdfemale/td td100/td /tr tr tdStudent14/td tdLanguages/td tdfemale/td td50/td /tr tr tdStudent15/td tdLanguages/td tdmale/td td95/td /tr tr tdStudent16/td tdLanguages/td tdfemale/td td100/td /tr tr tdStudent17/td tdLanguages/td tdfemale/td td80/td /tr
[jQuery] Re: How to enable right click on a jquery flot application
Use the 'oncontextmenu' event: $('#flot').bind('contextmenu',function() { return false }); Be aware that it's not fully supported cross-browser, and most browsers have an option to disallow this. - ricardo On Nov 4, 3:54 am, faizal iqbaal [EMAIL PROTECTED] wrote: Hi All, I have been trying to enable right click on a flot implementation of mine and havent been sucessful so far need a little help on it. if i can programatically invoke the plot.onclick method that can also sort out my woes. basially in onlick I can check for the event.button and do the specifics but how do i riht click without bining up the browser context menu. Thanks in advance Faizal
[jQuery] Re: Best AutoComplete PlugIn
The fact that Jorn's implementation got pushed back to 1.7 doesn't mean one single bit that it isn't a well designed and easy to use plugin With that said, best depends on a lot of things and you shouldn't be basing your decision on what some random person on the internet tells you is the best. There's many options out there, and which one you choose should be based on - How the code makes sense to you - Is there help available if you run into issues - What your server side code is On Nov 4, 3:55 am, Stefan Sturm [EMAIL PROTECTED] wrote: Hello, because the UI AutoComplete is pushed back to 1.7, I'm looking for a good AutoComplete PlugIn. Which is the best today? Thanks for your help, Stefan Sturm
[jQuery] Re: How to return element index in group
Okay, that works. Thanks very much. On 4 Lis, 13:34, Klaus Hartl [EMAIL PROTECTED] wrote: Did you have a look at the index method in the documentation?http://docs.jquery.com/Core/index#subject So: var li = $('li').click(function() { alert(li.index(this)); }); --Klaus On 4 Nov., 12:44, ienes [EMAIL PROTECTED] wrote: Hello there, Imagine we have an unordered list and I want to get an index (position number in group) from the LI element I'm working on. More precisely, let's say the particular list has 10 LI items. I'm handling the second one at the moment, but I don't know that, so how can I return the number? Regards
[jQuery] Re: Firefox is showing error console with no errors?
Can't access the page, it requires registration. I tried registering and got this error: Warning: Cannot modify header information - headers already sent by (output started at /nfs/c01/h02/mnt/33205/domains/ clients.blazemelbourne.com.au/html/cc/inc/head.inc.php:10) in /nfs/c01/ h02/mnt/33205/domains/clients.blazemelbourne.com.au/html/cc/inc/ register.inc.php on line 10 Also, you should use overflow:hidden on your text-replaced buttons, the active outline is spanning the whole page to the left. -- I managed to login. On the order now page nothing happens. There is something wrong with the first pink box (no children - text not showing, it's cut off on the left), the list below is empty and nothign happens when I click on the weeks. On Nov 4, 5:26 am, jimster [EMAIL PROTECTED] wrote: No help? On Oct 27, 10:50 am, jimster [EMAIL PROTECTED] wrote: Hi there, I'm creating a one page ordering system that lets kids and parents order lunch. http://clients.blazemelbourne.com.au/cc/order.php It's designed to allow multiple kids and weeks per page, swapping the active ones around using jquery. Works splendidly in almost every browser exceptFirefox. OnFirefox3 it's just really really slow and jerky. OnFirefox1-2 it's just as slow and particulary on 1 and 1.5 the animation is displayed very poorly - the biggest problem is thatFirefox1-2 are throwing up theerrorconsole every time a function is executed - and there are no errors displayed, it's just bringing an empty window up. Here is my code: $(document).ready(function(){ // Get container width var contWidth = 0; $(#container div).each(function() { var object = $(this); contWidth += object.width(); }); $(#container).width(contWidth); // Mark first kid as selected $(#container .kid:first-child).addClass(selected); $(#kidmenu li:first-child).children().addClass(active); // Mark first weeks as selected $(#container .kid .week:first-child).addClass(selected); $(#weekmenu li:first-child).children().addClass(active); // Change kid $(#kidmenu li a).click(function() { changeKid(this); }); function changeKid(item) { // Calculates index var ki = $(#kidmenu li a).index(item); // Selects current kid var sk = $(#container .kid:eq( + ki + )); sk.addClass(selected); sk.siblings().removeClass(selected); // Marks menu item as active $(item).addClass(active); $(item).parent().siblings().children().removeClass(active); // Correct active week menu var swi = $('.week',sk).index($('.week.selected',sk)); $(#weekmenu li:eq( + swi + ) a).addClass(active); $(#weekmenu li:eq( + swi + )).siblings().children().removeClass(active); // Moves container var distance = ki*870; $(#container).animate({left:-(distance)},1000); }; // Change week $(#weekmenu li a).click(function() { changeWeek(this); }); function changeWeek(item) { // Calculates index var wi = $(#weekmenu li a).index(item); // Select current week var sw = $(#container .selected .week:eq( + wi +)); sw.addClass(selected); sw.siblings().removeClass(selected); // Mark menu item as active $(item).addClass(active); $(item).parent().siblings().children().removeClass(active); // Moves kid var distance = wi*600; $(#container .selected).animate({marginTop:-(distance)},1000); }; // label tables odd/even $(document).ready(function(){ $(#container table.menu:even).addClass(even); $(#container table.menu:odd).addClass(odd); }); }); I'm currently using the uncompressed version of jquery 1.2.6. Check out the actual link for the html. If anyone has had any similar problems with sliding jquery windows anderrorconsole windows inFirefoxit be great to here what you did to fix em up. All the best
[jQuery] Photo Tagging (Notes)
Hi, i was looking all over the web for a really cool picture tagging script in jQuery. The result of the search was, that there aren't any kind of cool solutions of that kind of script like facebook or flickr has. I found very similar script over here http://www.dustyd.net/projects/PhotoNotes but that script is almost 2 1/2 years old (not thats that so bad) and not in jQuery. I found so many people askin' for a script like that, i don't understand why nobody made a port or a complete new script of it? Unfortunately my JavaScript and jQuery aren't good enough to do it on my own but i would even pay a little bit if someone would do it! :) Maybe there is 1 jQuery Plugin to work on over here: http://www.sanisoft.com/blog/2008/05/26/img-notes-jquery-plugin/ Greets from Germany Florian
[jQuery] [ToolTip] Suggestion/queestion
Hello, Is it possible to use the tooltips in some similar fashion. a href=# onmouseover=showToolTip(this, tooltipmessage) S /a This would make it much easier to use the thing on a heavily async page that has alot of messages that come from some array that you iterate on a jsp. For example a list of news that has a field that should go into the tooltip. The point is its inconvenient for me to attach the tooltips onLoad. If this is not possible currently is there any plan to implement it anytime soon? Sorry if something was not clear. I will try to correct myself if needed. Thanks a lot, Heiti
[jQuery] mouseover text for select option
Hello, i want to display some additional information in a div, while selecting an option from a select. It works so far, except that it always display the previous mouseover text. the used html form div id=fooinfoqwertz/div select id=fooselect name=foo option value=foo option 2 option 2/option option value=foo option 3 option 3/option option value=foo option 4 option 4/option option value=foo option 5 option 5/option option value=foo option 6 option 6/option /select /form and the script $(document).ready(function(){ $(#fooselect option).mouseover(function() { $(#fooinfo).html($(#fooselect option:selected).text()); }); }); Any suggestions Thanks hschulz
[jQuery] Accordion script within a portlet
I'm trying to incorporate an accordion script into an IBM Websphere portlet. The scripts work fine on their own, but once I try putting it inside a portlet, then it will not work at all. I'm working in IE6. Any ideas?
[jQuery] Re: Crossbrowser problem with Jquery Extension fieldSelection
Can someone help me? On Mon, Nov 3, 2008 at 19:40, Diego Pessoa [EMAIL PROTECTED] wrote: Hi, I'm using the Jquery extension fieldSelection ( See at: http://laboratorium.0xab.cd/jquery/fieldselection/0.2.3-test/test.html ) This extension resolves the selectRange problem of the tradicional javascript, but, I found another problem now, the start and end positions returned are different in IE and FF. Look at this: In the fieldselection extension's site, we've a example box, when I select the word test of the second textarea, in the Internet Explorer it shows: start: 31 , end: 35 and in the Firefox: start: 29, end: 33 This difference is because the firefox don't count the \n caracter... How can I get the same positions in both browsers? Thankx, Diego Pessoa
[jQuery] Re: Firefox is showing error console with no errors?
You've probably seen this already, but on the order now page I got this: bWarning/b : mysql_data_seek() [ a href=function.mysql-data-seekfunction.mysql-data-seek/a ]: Offset 0 is invalid for MySQL result index 5 (or the query data is unbuffered) in b/nfs/c01/h02/mnt/33205/domains/clients.blazemelbourne.com.au/html/ cc/order.php/b on line b94/b On Nov 4, 2:04 pm, ricardobeat [EMAIL PROTECTED] wrote: Can't access the page, it requires registration. I tried registering and got this error: Warning: Cannot modify header information - headers already sent by (output started at /nfs/c01/h02/mnt/33205/domains/ clients.blazemelbourne.com.au/html/cc/inc/head.inc.php:10) in /nfs/c01/ h02/mnt/33205/domains/clients.blazemelbourne.com.au/html/cc/inc/ register.inc.php on line 10 Also, you should use overflow:hidden on your text-replaced buttons, the active outline is spanning the whole page to the left. -- I managed to login. On the order now page nothing happens. There is something wrong with the first pink box (no children - text not showing, it's cut off on the left), the list below is empty and nothign happens when I click on the weeks. On Nov 4, 5:26 am, jimster [EMAIL PROTECTED] wrote: No help? On Oct 27, 10:50 am, jimster [EMAIL PROTECTED] wrote: Hi there, I'm creating a one page ordering system that lets kids and parents order lunch. http://clients.blazemelbourne.com.au/cc/order.php It's designed to allow multiple kids and weeks per page, swapping the active ones around using jquery. Works splendidly in almost every browser exceptFirefox. OnFirefox3 it's just really really slow and jerky. OnFirefox1-2 it's just as slow and particulary on 1 and 1.5 the animation is displayed very poorly - the biggest problem is thatFirefox1-2 are throwing up theerrorconsole every time a function is executed - and there are no errors displayed, it's just bringing an empty window up. Here is my code: $(document).ready(function(){ // Get container width var contWidth = 0; $(#container div).each(function() { var object = $(this); contWidth += object.width(); }); $(#container).width(contWidth); // Mark first kid as selected $(#container .kid:first-child).addClass(selected); $(#kidmenu li:first-child).children().addClass(active); // Mark first weeks as selected $(#container .kid .week:first-child).addClass(selected); $(#weekmenu li:first-child).children().addClass(active); // Change kid $(#kidmenu li a).click(function() { changeKid(this); }); function changeKid(item) { // Calculates index var ki = $(#kidmenu li a).index(item); // Selects current kid var sk = $(#container .kid:eq( + ki + )); sk.addClass(selected); sk.siblings().removeClass(selected); // Marks menu item as active $(item).addClass(active); $(item).parent().siblings().children().removeClass(active); // Correct active week menu var swi = $('.week',sk).index($('.week.selected',sk)); $(#weekmenu li:eq( + swi + ) a).addClass(active); $(#weekmenu li:eq( + swi + )).siblings().children().removeClass(active); // Moves container var distance = ki*870; $(#container).animate({left:-(distance)},1000); }; // Change week $(#weekmenu li a).click(function() { changeWeek(this); }); function changeWeek(item) { // Calculates index var wi = $(#weekmenu li a).index(item); // Select current week var sw = $(#container .selected .week:eq( + wi +)); sw.addClass(selected); sw.siblings().removeClass(selected); // Mark menu item as active $(item).addClass(active); $(item).parent().siblings().children().removeClass(active); // Moves kid var distance = wi*600; $(#container .selected).animate({marginTop:-(distance)},1000); }; // label tables odd/even $(document).ready(function(){ $(#container table.menu:even).addClass(even); $(#container table.menu:odd).addClass(odd); }); }); I'm currently using the uncompressed version of jquery 1.2.6. Check out the actual link for the html. If anyone has had any similar problems with sliding jquery windows anderrorconsole
[jQuery] Re: How to load only one image at a time using JQuery Cycle Plugin?
Thanks for the help with the change event hookup and the new example. Can I have no slides preloaded and just load them on the fly? No, when you call cycle there must be at least two slides in the container. Can I still load the image but not cycle if there is only one image and also hide the prev/next buttons? Sure. I just mean that cycle will not function with only a single slide. You can manipulate the DOM however you choose, but when you finally decide to call cycle there should be at least two slides in the DOM.
[jQuery] Re: Unresponsive script when navigating away
Why not use input type=radio instead of checkboxes? That would allow you to restrict users to a single choice without any javascript. Also, name is not a valid attribute for a div, giving it an ID will make your query way faster. Event delegation can help too: $('#limit1').click(function(e){ var tgt = e.target||e.srcElement; $(this).children(':checkbox').not(tgt).removeAttr('checked'); }); - ricardo On Nov 3, 11:24 pm, Cheng S.Kai [EMAIL PROTECTED] wrote: Thanks.! will try that Regards, Kai Date: Sat, 1 Nov 2008 18:07:18 +1100 From: [EMAIL PROTECTED] To: jquery-en@googlegroups.com Subject: [jQuery] Re: Unresponsive script when navigating away Oh and :checkbox is a shortcut for input[type=checkbox]. Karl Rudd On Sat, Nov 1, 2008 at 6:05 PM, Karl Rudd [EMAIL PROTECTED] wrote: Instead of doing the search each time, cache the selected objects. script type=text/javascript $(document).ready(function (){ var checkboxes = $('div[name=limit1] label input[type=checkbox]'); checkboxes.bind('click',function(){ checkboxes.each(function(){ this.checked = ; }); this.checked = checked; }); }); /script Karl Rudd On Thu, Oct 30, 2008 at 2:59 PM, bugpanye [EMAIL PROTECTED] wrote: script type=text/javascript $(document).ready(function (){ $('div[name=limit1] label input[type=checkbox]').bind('click',function(){ $('div[name=limit1] label input[type=checkbox]:checked').each(function(){ this.checked = ; }); this.checked = checked; }); }); /script hi all, the code above i use to make a list of checkbox limited to one selection at a time, my trouble is that now i have over 100+ checkboxes, the script becomes extremely sluggish and gives me the Unresponsive script warning when i reload the page.. is there anyway to speed up this script?:super: - bugpanye-backpacks http://www.e-packs.comhealthy backpacks for all -- View this message in context:http://www.nabble.com/Unresponsive-script-when-navigating-away-tp2024... Sent from the jQuery General Discussion mailing list archive at Nabble.com. _ Manage multiple email accounts with Windows Live Mail effortlessly.http://www.get.live.com/wl/all
[jQuery] Re: Large text files via AJAX
On Tue, 4 Nov 2008 08:38:14 -0600, Andy Matthews [EMAIL PROTECTED] said: Honestly it sounds like this isn't a good use of AJAX. Wasn't reallty intended for use with 1mb+ files. While the majority of my files are smaller than that, yeah, I'm hitting a problem here. I'm starting to wonder if I can do this with an iframe... -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of [EMAIL PROTECTED] Sent: Monday, November 03, 2008 5:54 PM To: jquery-en@googlegroups.com Subject: [jQuery] Large text files via AJAX Greets all. I have an application which passes large amounts of plain text to update a pre id=textdata/pre block on the client. This is all plain text and can range in size from a few bytes to 64MB. Typically though the text files are less than 1MB. Updating the pre block can be slow. I'm sending the request via POST and getting the data back in a json object along with some metadata about the text file. I'm starting to look at this and I'm thinking that I would see better performance by breaking out the request into two parts: 0) Make sure the data is gziped 1) Request the text file via POST and get json response of metadata only 2) Update the web page from the json response 3) Second request to update the pre block directly from text data GET request Thoughts? What is the fastest way to update a text block with large amount of plain text? Paging isn't an option here :) Thanks. -- Scott
[jQuery] Re: how to parse tags with the name of title ?
Can you get us a test case ? -- Ariel Flesler http://flesler.blogspot.com/ On Nov 4, 6:35 am, AlexC [EMAIL PROTECTED] wrote: Hi all, I've just downloaded jQuery to see if I can use it in a web program and I've come across something which I don't know is a problem, a bug or just (quite likely) my lack of xml/jquery knowledge. I'm using the example at ...http://www.webmonkey.com/tutorial/Easy_XML_Consumption_using_jQuery?o... and if you change all the xml name tags in the referenced 'students.xml' test file to title it doesn't work. I guess this is because title is a reserved word? Anyone know how to get round this please because the xml files I'm consuming do have title in them. Many thanks Alex
[jQuery] Re: Best AutoComplete PlugIn
hello stefan, i'm not yet aware of other implementations, but i'm using the (seems to be) svn version i've got with toscawidgets, with a few patches i'll submit upstream too. here are the files attached. please note: direction is my not yet released extension, but the other files are probably downloadable on official jquery sources. best regards, alex On Tue, Nov 4, 2008 at 10:55, Stefan Sturm [EMAIL PROTECTED] wrote: Hello, because the UI AutoComplete is pushed back to 1.7, I'm looking for a good AutoComplete PlugIn. Which is the best today? Thanks for your help, Stefan Sturm jquery.autocomplete.js Description: JavaScript source jquery.direction.js Description: JavaScript source .ac_results { padding: 0px; border: 1px solid black; background-color: Window; overflow: hidden; z-index: 9; } .ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; } .ac_results li { margin: 0px; padding: 2px 5px; cursor: default; display: block; /* if width will be 100% horizontal scrollbar will apear when scroll mode will be used */ /*width: 100%;*/ font: menu; font-size: 12px; /* it is very important, if line-height not setted or setted in relative units scroll will be broken in firefox */ line-height: 16px; overflow: hidden; } .ac_loading { background : Window url('indicator.gif') right center no-repeat; } .ac_loading_rtl { background : Window url('indicator.gif') left center no-repeat; } .ac_odd { background-color: #eee; } .ac_over { background-color: #0A246A; color: HighlightText; } .ac_moreItems { text-align: center; background-color: InactiveCaption; color: InactiveCaptionText; margin: 0px; padding: 0px 5px; cursor: default; display: block; width: 100%; font: bold menu 12px; overflow: hidden; -moz-user-select: none; -khtml-user-select: none; } attachment: indicator.gif
[jQuery] Re: Tabs - Preserve onclick on selected tab
What does reload the form mean? Reloading the result of the formerly submitted form or load a blank form again? The former will be a bit more complicated. --Klaus On 4 Nov., 14:34, bogno [EMAIL PROTECTED] wrote: I can't seem to get this to work. I have a tab that I load a form into, submit the form via ajax and return a view which replaces the form in the tab. So far everything works ok. I would then like to have the possibility for the user to click on the active tab so as to reload the form. My tabs are set up as such. script $(function() { $('#staff-tab ul').tabs({ cookie: { expires: 30 } }); }); /script div id=staff-tab ul li staff/get/current/ Current /li li staff/get/finished/ Finished /li li staff/get/register/ Register /li /ul /div Klaus Hartl-4 wrote: var $tabs = $('#example').tabs({ select: function(e, ui) { if (ui.index === $tabs.data('selected.tabs')) { $tabs.tabs('load', ui.index); } } }); --Klaus On 23 Okt., 16:58, fleabo [EMAIL PROTECTED] wrote: Is it possible to click on the selected tab so as to reload this tab? thanks -- View this message in context:http://www.nabble.com/Tabs---Preserve-onclick-on-selected-tab-tp20132... Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Fast trim implementation
Hi As a follow up to Steven Levithan's post about string trimming[1]. I made a second version of trim that is performing quite well among different browsers (the 1st one I posted on his blog). If you're interested, I wrote an article[2] about this. If the implementation proves to be well rounded and effective, it could make it into the core, eventually. There's already a ticket[3] requesting a faster jQuery.trim() function. Comments (and testing) are much appreciated. Cheers [1]http://blog.stevenlevithan.com/archives/faster-trim-javascript [2]http://flesler.blogspot.com/2008/11/fast-trim-function-for- javascript.html [3]http://dev.jquery.com/ticket/2279 -- Ariel Flesler http://flesler.blogspot.com
[jQuery] Issues with the paging button when using table sorter
Hi, When using the pager option when using the table sorter, has anybody managed to put the buttons above the table? It just wont work for me when above it.
[jQuery] Re: Destroy Interval at DOM Object removal
You could attach a flag that the element is in use by the plugin, like: $(this).data('rotate',true); But in what event or how often would you check for elements with this flag to see if they still exist, and how would you access the internal interval var? It's a hard task. And you can't check for the element's existance anywhere within the plugin code because all event handlers have been removed with the element itself. To achieve this I think you need a new architecture: use a single timeout or interval for all elements affected by the plugin, and in that function you can check if the element's still there before doing it's thing. On Nov 4, 12:16 pm, Pom [EMAIL PROTECTED] wrote: Shorthand of same question. How do I identify the DOM-element on which a plugin has been invoked, and how can I tell wheater or not it is still in the DOM or has been removed?
[jQuery] delay delivery of a link
Hey, is there a way of delay the delivery of a link? The idea I have is to display a disclaimer in case a a-element, pointing to an external site, is clicked. To ensure the user can read this disclaimer, i would like to delay the browser for 1 or 2 seconds, as ie Opera reacts very fast, while with FF on Mac OS X I have a lot time to read it. I hoped there would be an equivalent to preventDefault(), but there isnt, right? So another solution could be writing the href-attribute to a variable and make the browser execute it later. But as I am a jQuery-newbie I dont know how to do it. Is it possible at all? Thanks, Manuel
[jQuery] Re: Problem with jQuery Round Corners plug-in in IE 67
I`m using new version of Round Corner plug-in . Of course I`m using some other jQuery plugin in my page and I think my problem is related to other plugin too . For example I`m using Jquery Cycle Plugin in my page . On Nov 3, 10:44 pm, Mike Alsup [EMAIL PROTECTED] wrote: I used this code in my page to gain rounded corner : script type=text/javascript $(document).ready(function(){ $(div#right_column).each(function(){ $(this).corner(round); }); }); /script There is no problem in FF but I have problem with IE , please have a view here :http://i33.tinypic.com/2re6u6u.png What version of the script are you using?
[jQuery] Actions on single div with common class
Hi, I'm having trouble figuring out how I can perform say, a hide animation on a div, by clicking a button on one div, which uses a class used by other divs. *Lets say I have this:* div class=message a href=# class=deleteDelete/a pMessage text/p /div div class=message a href=# class=deleteDelete/a pMessage text/p /div div class=message a href=# class=deleteDelete/a pMessage text/p /div *then the jquery is: *$(a.delete).click(function () { $(.overlay).hide(slow); }); This will hide all the messages, rather then the one I clicked the delete button on. Right now I'm using server side code to give each div a unique id, then have the jquery like this var inc = %#Eval(PrimaryKeyID)%; $(a.delete+ inc).click(function () { $(.overlay).hide(slow); }); This works, but it's not the best option, as I need to keep the JS inline and I'd rather be able to seperate it into a .js file, and use it in future projects just by writing the correct html then dropping the js file in the head. If anyone can show me the right way to do this, it would be extremely helpful. - Liam
[jQuery] [Superfish] pure CSS hover problem
Hello everybody, I have a menu that is similar to the fourth example on http://users.tpg.com.au/j_birch/plugins/superfish/. The problem exists only if JS is deactivated. If for example the second menu item is activated and I hover over the first menu item (long menu item) I still see the last submenu item of the second menu (subitem 2d). The reason of this behaviour is that on hover the submenu items get a higher index than the items of the current selection, but if there are more items in the current selection than in the hovers submenu these items can still be seen. Now i just have some fake items in the submenus so every submenu has the same amount of items. This is just a workaround for the moment. My question now is: *Is there a more elegant solution to fix this problem?* Enes
[jQuery] ie accordion glitch
Hi everybody. So I've more or less developed a solid accordion menu. It works flawlessly in FF and Opera, has a tiny bump in Safari that I'm not really worried about, and is completely horrid in IE (i'm using IE 7). It seems to display the hidden section and then take it away again before it actually begins animating, and in doing so bumps everything below it down and back up about 100 px. As a side note, when I was developing the menu on its own (outside the actual page its the menu for), it worked seamlessly in all browsers. Anyone have any ideas? Here it is, and thanks in advance. http://bulldogbucks.uga.edu/index2.html -- View this message in context: http://www.nabble.com/ie-accordion-glitch-tp20325862s27240p20325862.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: [Superfish] pure CSS hover problem
why dont you put a container element of equal width around each set of submenus so that it will take up the entire space regardless of number of items?
[jQuery] Re: Tabs - Preserve onclick on selected tab
Sorry, should of specified. I want to reload a blank (original load) form. I am using it for a ticket system, so if someone wants to submit a second ticket, all they have to do is click on the tab to get an empty form. At present I use the tabs option { unselect: true } which works but requires two clicks on tab, first to unselect, second to reselect. thanks Klaus Hartl-4 wrote: What does reload the form mean? Reloading the result of the formerly submitted form or load a blank form again? The former will be a bit more complicated. --Klaus On 4 Nov., 14:34, bogno [EMAIL PROTECTED] wrote: I can't seem to get this to work. I have a tab that I load a form into, submit the form via ajax and return a view which replaces the form in the tab. So far everything works ok. I would then like to have the possibility for the user to click on the active tab so as to reload the form. My tabs are set up as such. script $(function() { $('#staff-tab ul').tabs({ cookie: { expires: 30 } }); }); /script div id=staff-tab ul li staff/get/current/ Current /li li staff/get/finished/ Finished /li li staff/get/register/ Register /li /ul /div Klaus Hartl-4 wrote: var $tabs = $('#example').tabs({ select: function(e, ui) { if (ui.index === $tabs.data('selected.tabs')) { $tabs.tabs('load', ui.index); } } }); --Klaus On 23 Okt., 16:58, fleabo [EMAIL PROTECTED] wrote: Is it possible to click on the selected tab so as to reload this tab? thanks -- View this message in context:http://www.nabble.com/Tabs---Preserve-onclick-on-selected-tab-tp20132... Sent from the jQuery General Discussion mailing list archive at Nabble.com. -- View this message in context: http://www.nabble.com/Tabs---Preserve-onclick-on-selected-tab-tp20132742s27240p20326429.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: where are the plugin demos?
! Where is your sense of adventure!? If everyone told us what their scripts did - they'd get no enjoyment out of watching us struggle... M On Oct 28, 9:05 pm, JCQ [EMAIL PROTECTED] wrote: thanks, Mark. yes, I'm definitely in the right place --- I just did an interesting test. I randomly picked 25 plugins from the latest plugins list and only 2 had any demo/documentation attached in the Resources section. So either I'm not looking in the right spot, or maybe everyone is just advanced enough to visualize what a plugin can do just from looking at the plugin code? Is no one else daunted by that? On Oct 28, 1:43 pm, mbraybrook [EMAIL PROTECTED] wrote: Click the title to view the plugin itself, lookup the Resources section, if a demo is available its listed there, else try the home page for the project. Assuming your onhttp://plugins.jquery.com? M On Oct 28, 5:30 pm, JCQ [EMAIL PROTECTED] wrote: I was wondering where the plugin demos are? Browsing thru the list of latest plugins, all it seems to list is the name, sometimes a version number and then a link to download the plugin itself Lots of times I don't even understand the plugin description until I see it working and code snippetwhat about links to a page that has the plugin working so we can see it in action? yes? no? maybe? is everyone else just such a javascript jock that they get what a plugin does just by looking at the plugin code? :)
[jQuery] Re: how to parse tags with the name of title ?
Sure - the steps I did are ... I'm following the tutorial at : http://www.webmonkey.com/tutorial/Easy_XML_Consumption_using_jQuery?oldid=20032 Firstly without any modifications the tutorial works as expected, no probs... 1 - download and unzip the 'Example_Files.zip' file from the Getting Started section of the tutorial. 2 - open the 'students.xml' file and change every tag name of name to title 3 - change the readXML.js file on lines 17 and 21 so they are looking for title rather than name ie .. studentName = $(this).find(title).text(); and studentPost = $(this).find(title).attr(post); When I run it, it doesn't 'find' the students name (now with a tag of title) from the xml file. Rgds, Alex
[jQuery] Re: delay delivery of a link
Javascript has a setTimeOut() function - this can delay the call of a javascript function by a specified time. http://www.w3schools.com/js/js_timing.asp - for more info. M On Nov 4, 4:45 pm, Manuel Meyer [EMAIL PROTECTED] wrote: Hey, is there a way of delay the delivery of a link? The idea I have is to display a disclaimer in case a a-element, pointing to an external site, is clicked. To ensure the user can read this disclaimer, i would like to delay the browser for 1 or 2 seconds, as ie Opera reacts very fast, while with FF on Mac OS X I have a lot time to read it. I hoped there would be an equivalent to preventDefault(), but there isnt, right? So another solution could be writing the href-attribute to a variable and make the browser execute it later. But as I am a jQuery-newbie I dont know how to do it. Is it possible at all? Thanks, Manuel
[jQuery] Re: Event trigger ajax event
Mike, I was actually trying to understand your jQuery Form Plugin, where you use an iframe for file uploads. You call $.event.trigger(ajaxStart), and this is what I wanted to do. I was creating a small site specific script that can use ajax or an iframe to submit a form, but I wanted to use the same ajax events for each, similar to how you did in your plugin. I would also be interested in just learning how your method works. Thanks! On Nov 4, 4:02 am, Mike Alsup [EMAIL PROTECTED] wrote: I am confused when it comes to triggering an ajax event. I would like to trigger a ajaxStart event, so I use: $.event.trigger(ajaxStart); But now, what will that trigger? What piece of code? Do I need to have an $.ajax() function somewhere, so that when I trigger the ajaxStart, it will pick up that ajax function? Help me understand how these can work together! Thanks! There is no reason for you to trigger ajaxStart, it is done for you automatically when you use any of the ajax functions. Here's a page that demonstrates how the global ajax events work: http://www.malsup.com/jquery/ajax/
[jQuery] Re: delay delivery of a link
So something like a href=http://www.someite.com;Some External Site/a a href=http://www.someotherite.com;Some External Site 2/a a href=/someotherpage.htmSome Internal Page/a //This would pop an alert box that they must click to continue $(a).click(function() { var ref = this.href.toLowerCase(); if (ref.substr(0, 7) == http://;) { alert(You are leaving the site.); } }); --- or. more like you asked about --- //This would use BlockUI to show a disclaimer for 3 seconds $(a).click(function() { var ref = this.href.toLowerCase(); if (ref.substr(0, 7) == http://;) { $.blockUI({ message: You are leaving this site. }); setTimeout('window.location = + ref + ', 3000); return false; } }); And both of those would leave inside links alone On Nov 4, 11:45 am, Manuel Meyer [EMAIL PROTECTED] wrote: Hey, is there a way of delay the delivery of a link? The idea I have is to display a disclaimer in case a a-element, pointing to an external site, is clicked. To ensure the user can read this disclaimer, i would like to delay the browser for 1 or 2 seconds, as ie Opera reacts very fast, while with FF on Mac OS X I have a lot time to read it. I hoped there would be an equivalent to preventDefault(), but there isnt, right? So another solution could be writing the href-attribute to a variable and make the browser execute it later. But as I am a jQuery-newbie I dont know how to do it. Is it possible at all? Thanks, Manuel
[jQuery] Re: mouseover text for select option
use $(#fooinfo).html( $(#fooselect).val() ); to get the current selection text! On Nov 4, 1:36 pm, hschulz [EMAIL PROTECTED] wrote: Hello, i want to display some additional information in a div, while selecting an option from a select. It works so far, except that it always display the previous mouseover text. the used html form div id=fooinfoqwertz/div select id=fooselect name=foo option value=foo option 2 option 2/option option value=foo option 3 option 3/option option value=foo option 4 option 4/option option value=foo option 5 option 5/option option value=foo option 6 option 6/option /select /form and the script $(document).ready(function(){ $(#fooselect option).mouseover(function() { $(#fooinfo).html($(#fooselect option:selected).text()); }); }); Any suggestions Thanks hschulz
[jQuery] Re: Event trigger ajax event
I am confused when it comes to triggering an ajax event. I would like to trigger a ajaxStart event, so I use: $.event.trigger(ajaxStart); But now, what will that trigger? What piece of code? Do I need to have an $.ajax() function somewhere, so that when I trigger the ajaxStart, it will pick up that ajax function? Help me understand how these can work together! Thanks! There is no reason for you to trigger ajaxStart, it is done for you automatically when you use any of the ajax functions. Here's a page that demonstrates how the global ajax events work: http://www.malsup.com/jquery/ajax/
[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] Show/Hide. Could someone, please, help me with this?
Hello, I have a form as following: form id=MyForm fieldset legendPersonal Data/legend /fieldset fieldset legendOptions/legend /fieldset /form I would like to hide/show each fieldset when its legend is clicked ... ... or even better, adding a small icon on legend or somewhere in fieldset to toogle visibility. How can I do this with JQuery? Thanks, Miguel
[jQuery] Re: How to load only one image at a time using JQuery Cycle Plugin?
Thanks for the help with the change event hookup and the new example. Can I have no slides preloaded and just load them on the fly? No, when you call cycle there must be at least two slides in the container. I have dropdown where users will choose what category they want to view images from that will make an ajax call to get the images for the selected category. I am also planning to show text for each image and wrap each image in an anchor tag, so that when the image is clicked they will go to a differrent page within my website depending on the image clicked. Can I clear out what was previously loaded, so the only the selected category is being viewed? Yes. Stop the slideshow, empty it, reload it, and then restart it. var $slideshow = $('#slideshow').cycle('stop').empty(); $slideshow.append( mySlide1); $slideshow.append( mySlide2); etc... $slideshow.cycle();
[jQuery] Tablesorter issue, can find images for the header.
Hi, I'm messing about with the tablesorter. The issue i am having is I cant seem to find the images on the header. If i do a save as complete page from I.E. 6 and upload to my webserver, it still does not work. Here is the page I have done the Save as from http://tablesorter.com/docs/example-pager.html everything works fine, but the images are nowhere, any ideas ?
[jQuery] Re: Corners - jQuery Port needed
Glen, this has nothing to do with javascript whatsoever.it is pure CSS so what is there to port ? 2008/11/4 Glen Lipka [EMAIL PROTECTED] 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] Cycle Plug-in works with ajax on first call, not on subsquent calls
Hey jqueriers! I've been working on implementing a carousel on my live music site HearWhere so that I can scroll through popular shows. After playing with a few different plug-ins, I settled on the AMAZING cycle plugin by Mike Alsup. I've got the cycle working on my dev site http://zifimusic.com/cycle I load the cycle first via ajax and it works perfectly. However, using the same code on subsequent ajax calls does not work, even if I use .empty() to remove the current carousel items. the code I use is pretty simple [code] $('div#popList').html(response); wrapPopShows(); function wrapPopShows(){ $('div.allPops').cycle({ cleartype: 1, timeout: 3000, speed: 900, pager: 'div#pager', fx: 'scrollUp' }); } [/code] I don't believe I can use the standard 'callback' function, as data which is returned in 'response' is a large list of shows, only some of which end up in the cycle, the rest are shows statically, as well as a bit more data. I am trying to avoid making more than one ajax call when a user gets a results page (which is loaded by ajax). Any idea on how to stop/remove the cycle function and then restart it?
[jQuery] Re: Corners - jQuery Port needed
Funny thing is that it didn't show up properly until I turned on Javascript for the site. /Göran Giuliano Marcangelo wrote: Glen, this has nothing to do with javascript whatsoever.it is pure CSS so what is there to port ? 2008/11/4 Glen Lipka [EMAIL PROTECTED] mailto:[EMAIL PROTECTED] 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 -- This message has been scanned for viruses and dangerous content by *MailScanner* http://www.mailscanner.info/, and is believed to be clean. -- This message has been scanned for viruses and dangerous content by MailScanner, and is believed to be clean.
[jQuery] How to determine filter used to select $(this)?
If I do a match that is using multiple selectors, how(or is it possible) do I know which filter was used to select the item in the current index? For example: $('*[onabort],*[onblur],*[onchange]').each(function(){ $(this).css('border','1px solid #000'); }); This scans the DOM for any elements with these inline javascript attributes. In the .each() loop, I need to know which filter was used to match the current selection. Can this be done?
[jQuery] Re: Tabs - Preserve onclick on selected tab
Well, if the tab initially loads that form, the code I've posted should work. --Klaus On 4 Nov., 17:57, bogno [EMAIL PROTECTED] wrote: Sorry, should of specified. I want to reload a blank (original load) form. I am using it for a ticket system, so if someone wants to submit a second ticket, all they have to do is click on the tab to get an empty form. At present I use the tabs option { unselect: true } which works but requires two clicks on tab, first to unselect, second to reselect. thanks Klaus Hartl-4 wrote: What does reload the form mean? Reloading the result of the formerly submitted form or load a blank form again? The former will be a bit more complicated. --Klaus On 4 Nov., 14:34, bogno [EMAIL PROTECTED] wrote: I can't seem to get this to work. I have a tab that I load a form into, submit the form via ajax and return a view which replaces the form in the tab. So far everything works ok. I would then like to have the possibility for the user to click on the active tab so as to reload the form. My tabs are set up as such. script $(function() { $('#staff-tab ul').tabs({ cookie: { expires: 30 } }); }); /script div id=staff-tab ul li staff/get/current/ Current /li li staff/get/finished/ Finished /li li staff/get/register/ Register /li /ul /div Klaus Hartl-4 wrote: var $tabs = $('#example').tabs({ select: function(e, ui) { if (ui.index === $tabs.data('selected.tabs')) { $tabs.tabs('load', ui.index); } } }); --Klaus On 23 Okt., 16:58, fleabo [EMAIL PROTECTED] wrote: Is it possible to click on the selected tab so as to reload this tab? thanks -- View this message in context:http://www.nabble.com/Tabs---Preserve-onclick-on-selected-tab-tp20132... Sent from the jQuery General Discussion mailing list archive at Nabble.com. -- View this message in context:http://www.nabble.com/Tabs---Preserve-onclick-on-selected-tab-tp20132... Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: pure CSS hover problem
Ernes, can you post your html and CSS? Feel free to email me directly if you want. [EMAIL PROTECTED] On Nov 4, 8:22 am, Enes Fazli [EMAIL PROTECTED] wrote: Hello everybody, I have a menu that is similar to the fourth example onhttp://users.tpg.com.au/j_birch/plugins/superfish/. The problem exists only if JS is deactivated. If for example the second menu item is activated and I hover over the first menu item (long menu item) I still see the last submenu item of the second menu (subitem 2d). The reason of this behaviour is that on hover the submenu items get a higher index than the items of the current selection, but if there are more items in the current selection than in the hovers submenu these items can still be seen. Now i just have some fake items in the submenus so every submenu has the same amount of items. This is just a workaround for the moment. My question now is: *Is there a more elegant solution to fix this problem?* Enes
[jQuery] Re: Gradientz
doesn't seem to work with IE8, even in compatibility mode. weepy wrote: Just released a jQuery plugin Gradientz which creates graduated backgrounds without the need for images. * Uses VML in IE and canvas in Firefox, Webkit. * Cross Browser: Tested on FF3, IE6, IE7, Safari * Fast * No need for excanvas * Small: 2.2k uncompressed For those of you that have seen Cornerz - it works in a very similar way. See more here http://www.parkerfox.co.uk/labs/gradientz/ Enjoy! weepy ;..(
[jQuery] Re: [ToolTip] Suggestion/queestion
Maybe this: a href=# title=tooltipmessage onmouseover=delete this.onmouseover; $(this).tooltip();text/a Jörn On Tue, Nov 4, 2008 at 3:50 PM, AenimA [EMAIL PROTECTED] wrote: Hello, Is it possible to use the tooltips in some similar fashion. a href=# onmouseover=showToolTip(this, tooltipmessage) S /a This would make it much easier to use the thing on a heavily async page that has alot of messages that come from some array that you iterate on a jsp. For example a list of news that has a field that should go into the tooltip. The point is its inconvenient for me to attach the tooltips onLoad. If this is not possible currently is there any plan to implement it anytime soon? Sorry if something was not clear. I will try to correct myself if needed. Thanks a lot, Heiti
[jQuery] Re: Simple Ajax question
I found it! The problem was that I used the complete and I should success ! After this repair I easily access the response with $(xml).
[jQuery] Re: Best AutoComplete PlugIn
Lets put it this way: The plugin is stable and useful for a lot of people, and maybe the best jQuery based autocomplete solution available, in terms of supported features and tested code. But its not good enough yet to include it in jQuery UI. Jörn On Tue, Nov 4, 2008 at 4:45 PM, MorningZ [EMAIL PROTECTED] wrote: The fact that Jorn's implementation got pushed back to 1.7 doesn't mean one single bit that it isn't a well designed and easy to use plugin With that said, best depends on a lot of things and you shouldn't be basing your decision on what some random person on the internet tells you is the best. There's many options out there, and which one you choose should be based on - How the code makes sense to you - Is there help available if you run into issues - What your server side code is On Nov 4, 3:55 am, Stefan Sturm [EMAIL PROTECTED] wrote: Hello, because the UI AutoComplete is pushed back to 1.7, I'm looking for a good AutoComplete PlugIn. Which is the best today? Thanks for your help, Stefan Sturm
[jQuery] Re: method to convert object to query string?
http://docs.jquery.com/Internals/jQuery.param var str = jQuery.param(params); On Nov 3, 4:01 pm, mattkime [EMAIL PROTECTED] wrote: Does jQuery provide a util to convert an object to a query string? I'm converting a project from mootools using Hash.toQueryString to jQuery. (p.s., I've searched google, this list, and the jquery code and i haven't found anything as simple as i was hoping for.)
[jQuery] Passing data to the jQuery.get callback
Hello, I am developing my blog from scratch, using XHTML and jQuery 1.2. On a page, I have multiple posts, each having a show comments link, that is handled by jQuery. I want it to fetch the comments on the PHP backend using Ajax, and insert them in the DOM. This way, comments would be dynamically loaded. Currently, I have this: $.get('/blog/get-comments.php', {'id': newsID}, JW.HomePage.commentsLoaded); JW.HomePage.commentsLoaded = function(data, textStatus) { } My problem is: how do I know in the JW.HomePage.commentsLoaded callback which comments have loaded? There might be multiple comments being fetched at the same time, so the use of a global variable is not a good idea, IMHO. For now, the PHP script is returning a div containing everything, and that div has an ID that contains the post ID, but I don't like this solution because if for some reason I get garbled HTML from the backend, I want to fall back on my feet. Also, I don't like the idea of parsing this.url for the ID of the post I retrieved, because it's not very safe either. Question is : Is there a way to join data to the jQuery Ajax object and get the data back in the different callbacks? This way I could keep the ID of the DIV i'm loading data into with each request. Any help appreciated, Thanks a lot, Jordan
[jQuery] How to enable right click on a jquery flot application
Hi All, I have been trying to enable right click on a flot implementation of mine and havent been sucessful so far need a little help on it. if i can programatically invoke the plot.onclick method that can also sort out my woes. basially in onlick I can check for the event.button and do the specifics but how do i riht click without bining up the browser context menu. Thanks in advance Faizal
[jQuery] Firefox flickering with slidingtabs-script
Hi, I'm experiencing some heavy flickering in Firefox only with a slidescript built on the coda-slider. It could have been set up like this: box w. width of 200px each pane has a width of 200px and are float to the left so only one is visible at a time. Each time I switch tab the flickering occours. Any workaround to this would be greatly appreciated :-) I'm sorry the example is in Danish but it should be clear enough anyway: http://eucnordvest.dk/Nyeste+videoer.3626.aspx Thanks in advance, Oskar
[jQuery] Re: How to return element index in group
Did you have a look at the index method in the documentation? http://docs.jquery.com/Core/index#subject So: var li = $('li').click(function() { alert(li.index(this)); }); --Klaus On 4 Nov., 12:44, ienes [EMAIL PROTECTED] wrote: Hello there, Imagine we have an unordered list and I want to get an index (position number in group) from the LI element I'm working on. More precisely, let's say the particular list has 10 LI items. I'm handling the second one at the moment, but I don't know that, so how can I return the number? Regards
[jQuery] Advise me - data in openoffice spreadsheet - best way to manip. with jquery
Hi, I know I have been posting on here a lot. I hope thats ok. 2 things: a) I'm new to jquery and I want to learn as much as I can, b) I have projects going at work and personal projects. So I have data in a spread sheet, Open Office.org. So I can export it in a few different formats. The data is used in an offline webpage. I have it working my creating a csv file then using a small app I wrote to parse all the lines into a js array arr[i] = readline, (not important really). The array is then searched and the results are put into a table using document.createElement. That is the main focus of what I am doing, but I would like an easier way to incorporate everything. The way it is now every time the user updates the spreadsheet I have to reprocess it into the js file. I know there is a better way. Also, in the long run it would be idea if the file could be updated on the fly. For example if the user wanted to add a note to a particular record. This doesn't have to be incorporated now though, I was thinking of using a java applet for that. Just to reiterate - this is only going to be used offline. I tried to talk him into using a server because this would be so much easier with a proper database. Its just a free project I took on to help out. Any thoughts? Devin.
[jQuery] Re: Destroy Interval at DOM Object removal
I wanted to check this on each iteration of the timer. In a perfect world the function fired by the timer would check if the element it was about to alter is still in the dom. If not, it should clear the timer associated with the element. Having only one timer would kinda make the whole code as a plugin useless. I wanted to be able to create multiple instances of the plugin on the same page which require one timer for each element. Guess I need to make a KYD. :( And you can't check for the element's existance anywhere within the plugin code because all event handlers have been removed with the element itself. I don't really understand this, or it isn't at all what I experience from testing. I have a console.log in the function fired by the timer created by the plugin. It outputs $(this).length, which would be 1 since the plugin code attaches itself to each object supplied thru the jQuery object. If assign my rotate-plugin to for example $('#rotate') and then delete that same element, $(this).lenght will still output 1. If I however console.log($('#rotate').lenght) it would respond to the changes in the DOM. On Nov 4, 5:30 pm, ricardobeat [EMAIL PROTECTED] wrote: You could attach a flag that the element is in use by the plugin, like: $(this).data('rotate',true); But in what event or how often would you check for elements with this flag to see if they still exist, and how would you access the internal interval var? It's a hard task. And you can't check for the element's existance anywhere within the plugin code because all event handlers have been removed with the element itself. To achieve this I think you need a new architecture: use a single timeout or interval for all elements affected by the plugin, and in that function you can check if the element's still there before doing it's thing. On Nov 4, 12:16 pm, Pom [EMAIL PROTECTED] wrote: Shorthand of same question. How do I identify the DOM-element on which a plugin has been invoked, and how can I tell wheater or not it is still in the DOM or has been removed?- Hide quoted text - - Show quoted text -
[jQuery] Table sorter issue - trying to stop a field from sorting
Hi, Here is my code, I want to prevent the first field from being a sort option, can somebody help? -- !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd; html xmlns=http://www.w3.org/1999/xhtml; xml:lang=en-us head titlejQuery plugin: Tablesorter 2.0 - Pager plugin/title link rel=stylesheet href=jq.css type=text/css media=print, projection, screen / link rel=stylesheet href=style.css type=text/css media=print, projection, screen / script type=text/javascript src=jquery-latest.js/script script type=text/javascript src=jquery.tablesorter.js/script script type=text/javascript src=jquery.tablesorter.pager.js/ script script type=text/javascript src=js/chili/chili-1.8b.js/script script type=text/javascript src=js/docs.js/script script type=text/javascript $(function() { $(table) .tablesorter({widthFixed: true, widgets: ['zebra']}) .tablesorterPager({container: $(#pager)}); }); /script /head body div id=main table cellspacing=1 class=tablesorter thead tr th class={sorter: false}discount/th thQuote/th thType/th thTo View Details/th /tr /thead tbody tr tdStudent01/td tdLanguages/td tdmale/td td80/td /tr tr tdStudent02/td tdMathematics/td tdmale/td td90/td /tr tr tdStudent03/td tdLanguages/td tdfemale/td td85/td /tr tr tdStudent04/td tdLanguages/td tdmale/td td60/td /tr tr tdStudent05/td tdLanguages/td tdfemale/td td68/td /tr tr tdStudent06/td tdMathematics/td tdmale/td td100/td /tr tr tdStudent07/td tdMathematics/td tdmale/td td85/td /tr tr tdStudent08/td tdLanguages/td tdmale/td td100/td /tr tr tdStudent09/td tdMathematics/td tdmale/td td80/td /tr tr tdStudent10/td tdLanguages/td tdmale/td td85/td /tr tr tdStudent11/td tdLanguages/td tdmale/td td86/td /tr tr tdStudent12/td tdMathematics/td tdfemale/td td100/td /tr tr tdStudent13/td tdLanguages/td tdfemale/td td100/td /tr tr tdStudent14/td tdLanguages/td tdfemale/td td50/td /tr tr tdStudent15/td tdLanguages/td tdmale/td td95/td /tr tr tdStudent16/td tdLanguages/td tdfemale/td td100/td /tr tr tdStudent17/td tdLanguages/td tdfemale/td td80/td /tr tr tdStudent18/td tdMathematics/td tdmale/td td30/td /tr tr tdStudent19/td tdLanguages/td
[jQuery] Re: How to load only one image at a time using JQuery Cycle Plugin?
On Nov 4, 10:08 am, Mike Alsup [EMAIL PROTECTED] wrote: Can I still load the image but not cycle if there is only one image and also hide the prev/next buttons? Sure. I just mean that cycle will not function with only a single slide. You can manipulate the DOM however you choose, but when you finally decide to call cycle there should be at least two slides in the DOM. Awesome, thanks. Can I also use prepend or addslides to add something like this: 'a href=1img src='+slides.pop()+' //a'
[jQuery] Re: on the fly div and ui droppable problem
Hi all i found a problem with jquery ui droppable, i give the target div a css class which drag and drop is working fine , but when i create another div with the same class on the fly and append it to the HTML the drop doesn't work are there any solution ? the code is like that script $(.pheader).droppable({ accept: .ads, drop: function(ev, ui) { ui.draggable.clone().fadeOut(fast, function() { $(this).fadeIn(fast) ; }).appendTo($(this).empty()); } }); /* the problem div */ $('div class=pheader nbsp;/div').appendTo(#ground); /script
[jQuery] Re: Show/Hide. Could someone, please, help me with this?
Should be pretty simple Miguel. The first thing I would do is add an ID to each legend and/or image you want to trigger the show so you can tell which one has been clicked and add a common class to all the legends and images. Then put the id as a class of the fieldset you would like to show/ hide. Finally, I'd use the .toggle function of jquery, so like this [code] $('.CLASSNAME').clicke(function(){ var whichOne = $(this).attr('id'); $('.'+whichOne).toggle(); }); [/code] that should do it. On Nov 4, 10:47 am, shapper [EMAIL PROTECTED] wrote: Hello, I have a form as following: form id=MyForm fieldset legendPersonal Data/legend /fieldset fieldset legendOptions/legend /fieldset /form I would like to hide/show each fieldset when its legend is clicked ... ... or even better, adding a small icon on legend or somewhere in fieldset to toogle visibility. How can I do this with JQuery? Thanks, Miguel
[jQuery] [Treeview] How many nodes can it handle?
I am using the treeview jquery plugin: http://bassistance.de/jquery-plugins/jquery-plugin-treeview/ I have a tree with 56 nodes in the top level. When I load this tree, I keep getting a stop script. Is this too many nodes for the tree to handle? Cheers Sarah
[jQuery] Treeview and Search Engines
Hi Are links to pages in 'Treeview' valid for Search Engines. Can Search Engines follow the links? Thanks SC
[jQuery] How to solve this
I have a form form method=post action=MyURL enctype=multipart/form-data input type=hidden name=token value=12/ pinput type=submit value=Go/p /form The form uploads a large file so that I would like to inform a user to wait, after he pushes the submit button. So I have ... ... $('[EMAIL PROTECTED]').click(function() { $('#InformUserText').show(); return false; }); The text ( see InformUserText) is shown but the action script from the form, see MyURL, is not called. Can you please help how to say to a user that he should wait and the script is running? Thank you Lad.
[jQuery] Can I make jquery not fail silently??
I make mistakes. Sometimes I should write code like: $(#divEditUnit_ + UnitID).fadeOut(); I expect #divEditUnit_ + UnitID to evaluate to something like #divEditUnit_f3c23142-e933-4e13-ada3-2592893dc17c, which would be nice since I have a div with an id of divEditUnit_f3c23142-e933-4e13- ada3-2592893dc17c but instead, I goof and type $(#divEditUnit_ +UnitID).fadeOut(); +UnitID evaluates to NaN, [Thank you operator overloading!!] so I just told Jquery to go fetch a div called divEditUnit_NaN, which of course doesn't exist. jQuery doesn't notify me of this problem, my code just fails to work as expected and I spend half an hour before I notice that I forgot a space between + and UnitID. Is there some way to tell jQuery to actually throw errors instead of failing silently? Maybe something like: actuallyReportErrors = 1; Because this this fail silently stuff is a major time waster.
[jQuery] replacing content with .get madness
Hi all, I'm trying to change some html inside a div with ajax, after the user change the value of a drop down, but I 'cant make it work, it has been some time I've last coded with jquery and it seems I'm a bit rusted, can someone help me please? I've banging my head on this for the some time now here's my js: $(document).ready(function(){ $(select).change(getData); function getData() { var idRep = $(#estados).val(); alert($('repDesc').html()) // returns null () $('repDesc').empty() alert($('repDesc').html()) // returns null (???) $.get(get_representantes.php?idRep=+idRep, function(data){ alert(Data Loaded: + data); // show the correct data $(repDesc).empty(); $(repDesc).append(data); $(repDesc).after( data ) }); } }); and the html is very simple : div id=repDesc p id=repD_regionCOSTA RICA/p p id=repD_nameCALÇADOS BOTTERO LTDA.brCharles A. Werb/p p id=repD_addressR. Armindo Schimidt, 676brCEP: 95630-000 - Perobé - RSbrFonebr/p /div if you want to see it live you can check out http://www.bottero.net/iphone/rep_br.html TIA Marcelo Wolfgang
[jQuery] Re: Remove() xml nodes doesnt work in ie
I also have this problem, but also in xhtml documents. I recently ignored the problem since I could simple replace it with an appendTo(), but I now must completely remove the object (a div) and can't do it in IE.
[jQuery] More elegant solution to assigning function pointers?
Hey, I'm trying to pass a function an array of buttons and function pointers. What I want to do is to assign functions to the arbitrary list of buttons. At the moment, I'm using: if (button_text !== undefined){ for (var vars in button_text){ var button = $('input type=button value=' + button_text[vars] + '').appendTo('#content'); button.data('idnum', vars); console.log(button.data('idnum')); button.bind('click', function(e){ return_functions[$ (this).data('idnum')](); }); } } and the reason I'm assigning data is because doing: button.bind('click',function(e){ return_functions[vars]; }) always assigns the last function to all the buttons (presumably because vars is iterated all the way through before the event is called). Is there a more elegant solution to this? Thanks
[jQuery] Re: How to load only one image at a time using JQuery Cycle Plugin?
Awesome, thanks. Can I also use prepend or addslides to add something like this: 'a href=1img src='+slides.pop()+' //a' Yes.
[jQuery] Re: Cycle Plug-in works with ajax on first call, not on subsquent calls
Any idea on how to stop/remove the cycle function and then restart it? To stop: $('#mySlideshow').cycle('stop'); To restart (same as first start): $('#mySlideshow').cycle([ // your options here });
[jQuery] Re: replacing content with .get madness
$(document).ready(function(){ $(select).change(getData); function getData() { var idRep = $(#estados).val(); alert($('repDesc').html()) // returns null () $('repDesc').empty() alert($('repDesc').html()) // returns null (???) $.get(get_representantes.php?idRep=+idRep, function(data){ alert(Data Loaded: + data); // show the correct data $(repDesc).empty(); $(repDesc).append(data); $(repDesc).after( data ) }); } }); and the html is very simple : div id=repDesc p id=repD_regionCOSTA RICA/p p id=repD_nameCALÇADOS BOTTERO LTDA.brCharles A. Werb/p p id=repD_addressR. Armindo Schimidt, 676brCEP: 95630-000 - Perobé - RSbrFonebr/p /div if you want to see it live you can check outhttp://www.bottero.net/iphone/rep_br.html TIA Marcelo Wolfgang You're forgetting the # in your selectors: $('#repDesc')
[jQuery] Re: Can I make jquery not fail silently??
Is there some way to tell jQuery to actually throw errors instead of failing silently? It's not a failure to run a query and find nothing - that's a perfectly valid use case.
[jQuery] Re: How to solve this
$('[EMAIL PROTECTED]').click(function() { $('#InformUserText').show(); return false; }); The text ( see InformUserText) is shown but the action script from the form, see MyURL, is not called. Can you please help how to say to a user that he should wait and the script is running? Thank you Lad. Your 'return false' statement is preventing the default browse behavior, which in this case would be to submit the form.
[jQuery] Re: How to solve this
Do not cancel the default action for the click event with the statement return false; Try to remove that line from your code. Mauricio -Mensagem Original- De: Johny [EMAIL PROTECTED] Para: jQuery (English) jquery-en@googlegroups.com Enviada em: terça-feira, 4 de novembro de 2008 14:49 Assunto: [jQuery] How to solve this I have a form form method=post action=MyURL enctype=multipart/form-data input type=hidden name=token value=12/ pinput type=submit value=Go/p /form The form uploads a large file so that I would like to inform a user to wait, after he pushes the submit button. So I have ... ... $('[EMAIL PROTECTED]').click(function() { $('#InformUserText').show(); return false; }); The text ( see InformUserText) is shown but the action script from the form, see MyURL, is not called. Can you please help how to say to a user that he should wait and the script is running? Thank you Lad.
[jQuery] Re: More elegant solution to assigning function pointers?
I'm trying to pass a function an array of buttons and function pointers. What I want to do is to assign functions to the arbitrary list of buttons. At the moment, I'm using: if (button_text !== undefined){ for (var vars in button_text){ var button = $('input type=button value=' + button_text[vars] + '').appendTo('#content'); button.data('idnum', vars); console.log(button.data('idnum')); button.bind('click', function(e){ return_functions[$ (this).data('idnum')](); }); } } and the reason I'm assigning data is because doing: button.bind('click',function(e){ return_functions[vars]; }) always assigns the last function to all the buttons (presumably because vars is iterated all the way through before the event is called). Is there a more elegant solution to this? Instead of using a 'for' loop you can use an 'each' iteration, then your original idea will work fine. http://docs.jquery.com/Core/each if (button_text !== undefined) { $.each(button_text, function() { var vars = this; ... }); }
[jQuery] Re: How to solve this
Or submit the form from code: $(input[type='submit').click( function () { $(#informUserText).show(); $(form).submit(); $return false; }); On Tuesday 04 November 2008 13:53:51 Mauricio (Maujor) Samy Silva wrote: Do not cancel the default action for the click event with the statement return false; Try to remove that line from your code. Mauricio -Mensagem Original- De: Johny [EMAIL PROTECTED] Para: jQuery (English) jquery-en@googlegroups.com Enviada em: terça-feira, 4 de novembro de 2008 14:49 Assunto: [jQuery] How to solve this I have a form form method=post action=MyURL enctype=multipart/form-data input type=hidden name=token value=12/ pinput type=submit value=Go/p /form The form uploads a large file so that I would like to inform a user to wait, after he pushes the submit button. So I have ... ... $('[EMAIL PROTECTED]').click(function() { $('#InformUserText').show(); return false; }); The text ( see InformUserText) is shown but the action script from the form, see MyURL, is not called. Can you please help how to say to a user that he should wait and the script is running? Thank you Lad.
[jQuery] Re: JQuery Cycle + $.load question. div's not appearing but they seem to be cycling.
Thanks for the response. As it turned out, yeah I had set the width and height for the two divs inside, but not for the main div that was actually being cycled. This solved the problem. On Oct 30, 5:14 am, Mike Alsup [EMAIL PROTECTED] wrote: The problem is that, although cycle seems to be working as I can see it changing the Z-index and opacity of the divs in firebug. Basically, the content area remains white. If I take off the callback, it loads in the content perfectly, and without cycling, of course. Do the divs have a width/height assigned? Can you post a link?
[jQuery] Re: Tabs - Preserve onclick on selected tab
I can't seem to get this to work. I have a tab that I load a form into, submit the form via ajax and return a view which replaces the form in the tab. So far everything works ok. I would then like to have the possibility for the user to click on the active tab so as to reload the form. My tabs are set up as such. script $(function() { $('#staff-tab ul').tabs({ cookie: { expires: 30 } }); }); /script div id=staff-tab ul li staff/get/current/ Current /li li staff/get/finished/ Finished /li li staff/get/register/ Register /li /ul /div Klaus Hartl-4 wrote: var $tabs = $('#example').tabs({ select: function(e, ui) { if (ui.index === $tabs.data('selected.tabs')) { $tabs.tabs('load', ui.index); } } }); --Klaus On 23 Okt., 16:58, fleabo [EMAIL PROTECTED] wrote: Is it possible to click on the selected tab so as to reload this tab? thanks -- View this message in context: http://www.nabble.com/Tabs---Preserve-onclick-on-selected-tab-tp20132742s27240p20322337.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: Accordion
Hi Olaf, The accordion is closed when the page loads as I had wanted. The following is what is in the head section to do that. I appreciate your response as that is what got me on the right path. active: true, alwaysOpen: false, animated: 'easeslide', autoheight: false Thanks again, Frank On Nov 2, 2008, at 10:16 PM, Frank J Ryan wrote: Hi Olaf, I'll try that. Thanks, Frank On Nov 2, 2008, at 5:48 PM, Olaf Bosch wrote: Frankjr schrieb: Hi all, I am a js idiot, but I did manage to get a page up and working. My problem is that I want all accordions closed initially and can't seem to find the solution. (The first one is always extended.) I thought 'all closed' was the default but apparently not. Here is the test url: http://www.pagesetter.com/Rad/faq.html try active: false, in the options -- Viele Grüße, Olaf --- [EMAIL PROTECTED] http://olaf-bosch.de/ http://ohorn.info/ http://www.akitafreund.de/ ---
[jQuery] Re: Destroy Interval at DOM Object removal
The code to remove the element is outside the plugin. I figured that the plugin should be able to clear it's Intervals even though it wasn't destroyed by the parent. Where I implement this would be the preferred way to do it. I found a way to get it to work partially, but that spawned another problem. Currently I'm trying to understand the window.setInterval. I just can't figure out on what level this interval is and WHAT it is. For example, if I do the following: var interval = window.setInterval([something, something]); console.log(interval); // outputs a number And if I assign window.setInterval() to interval again I now seem to have two instances of an interval which seems also suddenly unclearable. I got the is element still in the dom-functionality to work by grabbing the original ID and checking $(element_id).length, but that isn't good enough since I should not rely on an element having an ID that also must be unique, and I don't want to assign a unique ID myself. That just seems improper. The most elegant solution would be if window.setInterval only could be one interval on each unique variable, but they seem to add together and cause interval-havoc if I don't make sure I clear them before reassigning, which I don't know how to do if the parent have deleted the dom-element on which the plugin was assigned. I'm flabbergasted.
[jQuery] Firefox flickering with tab-slider-script
Hi, I'm experiencing heavy flickering with a coda-slider script - only in Firefox/WIN. It's available here: http://eucnordvest.dk/Oversigt+kategorier.3631.aspx (please, do not mind the Danish language). It's build up with a scrollerbox with a set width. Inside there's a container with the three panes, each with the same width of the box. Each pane is floated left. Everytime you switch tab in Firefox it flickers heavily. Any workaround to this would be greatly appreciated :-) Thanks, Oskar
[jQuery] Re: How to determine filter used to select $(this)?
I don't know the core enough to know if it is possible or not, but you can just check it again: $('[onabort],[onblur],[onchange]').each(function(){ var $this = $(this); $this.css('border','1px solid #000'); if ( $this.attr('onabort') ) { // abort } else if ( $this.attr('onblur') ) { // blur } else if ( $this.attr('onchange') ) { // change } }); On Nov 4, 5:23 pm, Geuis [EMAIL PROTECTED] wrote: If I do a match that is using multiple selectors, how(or is it possible) do I know which filter was used to select the item in the current index? For example: $('*[onabort],*[onblur],*[onchange]').each(function(){ $(this).css('border','1px solid #000'); }); This scans the DOM for any elements with these inline javascript attributes. In the .each() loop, I need to know which filter was used to match the current selection. Can this be done?