[jQuery] cssHover rebirth: wuWidgets
Oke guys, i thought i'd kick an old topic since i am thinking of rewriting one of my old plugins a bit to work with the latest version of jQuery and to incorporate the comments you gave into it. The original thread is here: http://groups.google.com/group/jquery-en/browse_thread/thread/f8739f433058e3f4/b6ffee9ecdfb0540 I've renamed the plugin from cssHover to wuWidgets (Webunity Widgets) since they are more widgets then merely a cssHover-ish implementation. I will also be adding one new form widget, which i've called the Multistate checkbox. The idea for that came from this webpage: http://www.thinkvitamin.com/features/design/web-app-without-makeup-the-design-iterations-of-teamsnap Basicly we'll end up with these controls: - Checkbox - Radio button - Button: normal - Button: toggle button - Checkbox: normal - Checkbox: multiple states All is unobtrusive offcourse. If you have any other thoughts, please let me know, i'll try to implement them. -- Gilles
[jQuery] jQuery and tinyMCE problem
Hi all, I've a form with 1 field and 1 textarea, for the textarea I'm using tinyMCE. I've included the scripts : script type=text/javascript src=jquery-latest.pack.js/script script type=text/javascript src=jquery.form.js/script script language=javascript type=text/javascript src=tinymce/jscripts/tiny_mce/tiny_mce.js/script This code is correct? Or tinyMCE must be initialized in another way with jQuery? script type=text/javascript $(document).ready(function(){ $('#formPub').ajaxForm({ target: '#response', success: function(){ $('response').fadeIn('slow'); } }); }); /script script language=javascript type=text/javascript tinyMCE.init({ mode : exact, elements : txt1, theme : simple }); /script It appears to works but not like I expect, I've a problem that make me crazy: When I submit the form with the POST method only the field become updated in my div id=response/div, I must re-submit the form and the content of the textarea appears. I've omitted the code of the form, is a simple form with a field and textarea, but if is necessary I post it. Someone know why and can help me? -- Massimiliano Marini - http://www.linuxtime.it/massimilianomarini/ It's easier to invent the future than to predict it. -- Alan Kay
[jQuery] Re: Javascript: OOP help, accessing parent objects
Hi, Thanks, that's really great, I'll have to really play around with that when I've got the time to really get to grips with it. Can you do multiple inheritence with that trick? That is not a trick, but a usuall JavaScript idiom. You can simulate multiple inheritance as well, but then you need to copy all the Elements from the second parent to your derived class. I think you should not try to only simulate classes with prototypes, but take your time to understand how prototypes work and what they bring to you. They can be used to simulate a class based approach as well, but they are not perfect at it. On the other hand they can bring you other features that you don't have with classed based object orientation. Christof
[jQuery] Re: cssHover rebirth: wuWidgets
how about textbox or dropdown ?
[jQuery] Re: Parseing XML in Internet Explorer with jQuery
Thanks, but I think I'll just leave it for now. I can't seem to process the xml returned with jQuery in IE (though it does work in firefox) but using the traditional approach (getElementsByTagName, getAttribute, etc) seems to work just fine. I guess I'll just have to do without jQuery for XML until I know why it's not working properly. On Jun 25, 9:00 pm, Ⓙⓐⓚⓔ [EMAIL PROTECTED] wrote: try the complete call back, see if you are getting what you think you should get. On 6/25/07, Ⓙⓐⓚⓔ [EMAIL PROTECTED] wrote: console.log (xml) your xml is the resonseXML, success give you that alone when you ask for dataType 'xml'
[jQuery] Re: jQuery and tinyMCE problem
Surely you mean $('#response').fadeIn('slow'); not $('response').fadeIn('slow'); On 6/26/07, Massimiliano Marini [EMAIL PROTECTED] wrote: Hi all, I've a form with 1 field and 1 textarea, for the textarea I'm using tinyMCE. I've included the scripts : script type=text/javascript src=jquery-latest.pack.js/script script type=text/javascript src=jquery.form.js/script script language=javascript type=text/javascript src=tinymce/jscripts/tiny_mce/tiny_mce.js/script This code is correct? Or tinyMCE must be initialized in another way with jQuery? script type=text/javascript $(document).ready(function(){ $('#formPub').ajaxForm({ target: '#response', success: function(){ $('response').fadeIn('slow'); } }); }); /script script language=javascript type=text/javascript tinyMCE.init({ mode : exact, elements : txt1, theme : simple }); /script It appears to works but not like I expect, I've a problem that make me crazy: When I submit the form with the POST method only the field become updated in my div id=response/div, I must re-submit the form and the content of the textarea appears. I've omitted the code of the form, is a simple form with a field and textarea, but if is necessary I post it. Someone know why and can help me? -- Massimiliano Marini - http://www.linuxtime.it/massimilianomarini/ It's easier to invent the future than to predict it. -- Alan Kay -- Peter Bengtsson, work www.fry-it.com home www.peterbe.com hobby www.issuetrackerproduct.com
[jQuery] Re: jQuery and tinyMCE problem
just curious... does your textarea has an id attribute... i don't know if it is required, but if it doesn't have an id, then adding one might help. just my .02. -GTG On 6/26/07, Massimiliano Marini [EMAIL PROTECTED] wrote: Hi all, I've a form with 1 field and 1 textarea, for the textarea I'm using tinyMCE. I've included the scripts : script type=text/javascript src=jquery-latest.pack.js/script script type=text/javascript src=jquery.form.js/script script language=javascript type=text/javascript src=tinymce/jscripts/tiny_mce/tiny_mce.js/script This code is correct? Or tinyMCE must be initialized in another way with jQuery? script type=text/javascript $(document).ready(function(){ $('#formPub').ajaxForm({ target: '#response', success: function(){ $('response').fadeIn('slow'); } }); }); /script script language=javascript type=text/javascript tinyMCE.init({ mode : exact, elements : txt1, theme : simple }); /script It appears to works but not like I expect, I've a problem that make me crazy: When I submit the form with the POST method only the field become updated in my div id=response/div, I must re-submit the form and the content of the textarea appears. I've omitted the code of the form, is a simple form with a field and textarea, but if is necessary I post it. Someone know why and can help me? -- Massimiliano Marini - http://www.linuxtime.it/massimilianomarini/ It's easier to invent the future than to predict it. -- Alan Kay -- -GTG
[jQuery] Re: cssHover rebirth: wuWidgets
i would really love a drop-down control that can be styled in IE. The only reason why i haven't been using javascript based form controls till now, is because they load slowly (i.e after the DOM is rendered), but if the controls are clearly light-weight u have a user waiting to use'em already. -GTG On 6/26/07, Gilles (Webunity) [EMAIL PROTECTED] wrote: Oke guys, i thought i'd kick an old topic since i am thinking of rewriting one of my old plugins a bit to work with the latest version of jQuery and to incorporate the comments you gave into it. The original thread is here: http://groups.google.com/group/jquery-en/browse_thread/thread/f8739f433058e3f4/b6ffee9ecdfb0540 I've renamed the plugin from cssHover to wuWidgets (Webunity Widgets) since they are more widgets then merely a cssHover-ish implementation. I will also be adding one new form widget, which i've called the Multistate checkbox. The idea for that came from this webpage: http://www.thinkvitamin.com/features/design/web-app-without-makeup-the-design-iterations-of-teamsnap Basicly we'll end up with these controls: - Checkbox - Radio button - Button: normal - Button: toggle button - Checkbox: normal - Checkbox: multiple states All is unobtrusive offcourse. If you have any other thoughts, please let me know, i'll try to implement them. -- Gilles -- -GTG
[jQuery] Re: jQuery and tinyMCE problem
Surely you mean $('#response').fadeIn('slow'); not $('response').fadeIn('slow'); Thanks I've corrected it, but the problem still remain. -- Massimiliano Marini - http://www.linuxtime.it/massimilianomarini/ It's easier to invent the future than to predict it. -- Alan Kay
[jQuery] Re: jQuery and tinyMCE problem
just curious... does your textarea has an id attribute... i don't know if it is required, but if it doesn't have an id, then adding one might help. just my .02. Yes my textarea have an id, but the problem still remain :( My form : form method=post action=send.php id=formSend strongTitlestrong /br / input type=text name=title size=50 br / strongMessagestrong /br / textarea id=txt1 name=message rows=10 cols=50/textarea br / input type=submit name=action value=Send input type=reset value=Reset /form -- Massimiliano Marini - http://www.linuxtime.it/massimilianomarini/ It's easier to invent the future than to predict it. -- Alan Kay
[jQuery] Re: jQuery and tinyMCE problem
Try adding a beforeSubmit handler like this: $('#formPub').ajaxForm({ target: '#response', beforeSubmit: tinyMCE.triggerSave, success: function(){ $('#response').fadeIn('slow'); } }); $(document).ready(function(){ $('#formPub').ajaxForm({ target: '#response', success: function(){ $('response').fadeIn('slow'); } }); });
[jQuery] Digg now uses jQuery!!
Digg this to make jQuery more and more popular: http://www.digg.com/programming/Digg_Moves_to_jQuery_s_JavaScript_Library
[jQuery] a simple (fake) preloader with CSS (slideViewer)
Hi all, i wasn't able to find a solution for my plugin: preload an unknown number of images in a page without writing their path in an array, or using load vs onload functions or any other (inspiring but too complicated for my level) snippet of code found right here in the list. I was in the train this morning and entering a gallery i had the idea of making it via CSS alone. It is a very simple solution, but in my slideViewer do the trick and, most important, in IE7 too: http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/imageslide-plugin.html i added a class (CSS) on the div that wraps my list of images saying: .svw {width: 20px; height: 20px; background: transparent url(loader.gif) center center no-repeat;} .svw ul{display: none;} 20px are enough to show a 'loading' or spinning or whatever, gif. Now, since i call the plugin on window load $(window).bind(load, function() { eccetera... it is obvious that the plugin runs as soon ALL the images have been downloaded. And when ALL the images are ready, i simply call .removeClass(swv) and the gallery (the UL) is now displayed! It is a FAKE preloader! It does not preload anything, but it's removed at the right time! See for yourself: http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/imageslide-plugin.html (hit F5) Ciao! GC now only remain a last touch and i'll move to a new plugin. ah yes, i will also work today ;-)
[jQuery] Re: Digg now uses jQuery
http://www.digg.com/programming/Digg_Moves_to_jQuery_s_JavaScript_Library
[jQuery] Re: Digg now uses jQuery!!
I for one believe that the debacle of the new comments system is the worst possible advertisement for jQuery. The whole system is really annoying. It takes forever to expand threads and even to return one single reply takes far too long. Don't get me wrong, FlyDOM is awesome, but their implementation is a really slow at returning results. On Jun 26, 7:46 am, Korayem [EMAIL PROTECTED] wrote: Digg this to make jQuery more and more popular: http://www.digg.com/programming/Digg_Moves_to_jQuery_s_JavaScript_Lib...
[jQuery] Re: a simple (fake) preloader with CSS (slideViewer)
On Jun 26, 2007, at 1:04 PM, GianCarlo Mingati wrote: i wasn't able to find a solution for my plugin: preload an unknown number of images in a page without writing their path in an array, or using load vs onload functions or any other (inspiring but too complicated for my level) snippet of code found right here in the list. Looks good! Did you ever check this: http://www.appelsiini.net/~tuupola/823/sequentially-preloading-images or was that what you ment with load vs onload functions? -- Mika Tuupola http://www.appelsiini.net/~tuupola/
[jQuery] New Plugin: HoverAccordion
Hello, I'm really excited: My first try at building a jQuery plugin! This is another accordion, but in this case, it's designed to open up by just moving your mouse over an item, just like on the http://www.apple.com/mac/ website. Can be used together with the excellent hoverIntent plugin to avoid accidentally opening an item. See http://berndmatzner.de/jquery/hoveraccordion/ for instructions and examples. Looking forward to your comments, Bernd
[jQuery] Re: [Critical BUG] ID Selector
Alex Objelean wrote: I've created a ticket, see here - [http://dev.jquery.com/ticket/ 1321#preview] Hope it will be fixed ASAP (in 1.1.3 release ?). This pops up here regularly. The dot has a special meaning in CSS (being a class selector). Thus a selector #div_container.bug will select the following element: div id=div_container class=bug So far, that is not even a bug, it is expected behavior as jQuery implements CSS selectors. If you want to take away the special meaning of special characters in CSS, you need to escape them with a backslash \: The selector #div_container\.bug will select the desired element: div id=div_container.bug This has been fixed already: http://dev.jquery.com/ticket/143 --Klaus
[jQuery] Re: New Plugin: HoverAccordion
Nice work, i see some errors however, especially when going from top to bottom, sometimes the last item does not expand even tough there is an arrow there. -- Gilles On 26 jun, 13:34, Bernd Matzner [EMAIL PROTECTED] wrote: Hello, I'm really excited: My first try at building a jQuery plugin! This is another accordion, but in this case, it's designed to open up by just moving your mouse over an item, just like on thehttp://www.apple.com/mac/ website. Can be used together with the excellent hoverIntent plugin to avoid accidentally opening an item. See http://berndmatzner.de/jquery/hoveraccordion/ for instructions and examples. Looking forward to your comments, Bernd
[jQuery] Re: jQuery and tinyMCE problem
Actually, I think this is what you want: $('#formPub').ajaxForm({ target: '#response', beforeSubmit: function(a) { for (var i=0; ia.length; i++) if (a[i].name == 'txt1') a[i].value = tinyMCE.getContent(); }, success: function(){ $('#response').fadeIn('slow'); } }); Mike On 6/26/07, Mike Alsup [EMAIL PROTECTED] wrote: Try adding a beforeSubmit handler like this: $('#formPub').ajaxForm({ target: '#response', beforeSubmit: tinyMCE.triggerSave, success: function(){ $('#response').fadeIn('slow'); } }); $(document).ready(function(){ $('#formPub').ajaxForm({ target: '#response', success: function(){ $('response').fadeIn('slow'); } }); });
[jQuery] Re: TreeView with Checkbox Tree
Yes, Jörn Will be a good addon to treeview. About Christof email if just add the checkboxes to the li-Tag will work? Should I re-create my tree from my select form using option value=0linone/li/option or lioption value=0none/option/li Regards Mario 2007/6/25, Jörn Zaefferer [EMAIL PROTECTED]: Christof Donat wrote: I want insert Checkbox in my treeview. Is it possible with JQuery? I guess Jörns Treeview Plugin will do the trik for you. Just add the checkboxes to the li-Tag. http://bassistance.de/jquery-plugins/jquery-plugin-treeview/ Thats what I thought at first, too. The examples posted is a bit trickier though: Unchecking a nested checkbox makes the parent checkbox half-checked (grey background), achieved by replacing normal checkboxes with images. If you uncheck all children, the parent is unchecked, too. Sounds like an interesting addon to the treeview plugin. -- Jörn Zaefferer http://bassistance.de -- Mário Alberto Chaves Moura [EMAIL PROTECTED] 31-9157-6000
[jQuery] Namespace attributes bug in Tickets now.
http://dev.jquery.com/ticket/1323 Description ¶ #comment:description You can call the attribute correctly like this... jQuery('form').attr('name:attribute')=true but that doesn't return a collection of forms where the condition is true... and if you manually create an array that doesn't work with the jQuery each. The following would be a test case that should work. (Libraries like SPRY are using this technology and it SHOULD be with this release if possible.) jQuery('[EMAIL PROTECTED]:attribute=true]').each(function(){}); If another type of selectore or function cared for that it would be fine also... but this is definitely a missing feature in jQuery selectors and selectors are very much what makes jQuery great.
[jQuery] Re: Attach success to jquery.rating
Gilles (Webunity) escribió: A plugin by John Resig and badly implemented? Hardly i guess.. Try this, i don't know if that works, but seems more logical to me. $('form.rating').rating( { success: function() { alert(ASD); } } ); You could also take a look at: http://sandbox.wilstuckey.com/jquery-ratings/ http://php.scripts.psu.edu/rja171/widgets/rating.php Are you sure John made that plugin? __ NOD32 2353 (20070625) Information __ This message was checked by NOD32 antivirus system. http://www.eset.com Sorry, i copy bad the name: /** * Star Rating - jQuery plugin * * Copyright (c) 2007 Wil Stuckey * Modified by John Resig- * * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html * */ And i mean, that what I doing dont work at least for me and I dont know if I writing this good or bad, im still learning the logic of all this.
[jQuery] Re: Namespace attributes bug in Tickets now.
John, Regarding arrays, you can simply wrap an array of elements in a jQuery object: var arr = []; // some code that pushes elements into arr $(arr).each(function() Mike but that doesn't return a collection of forms where the condition is true... and if you manually create an array that doesn't work with the jQuery each.
[jQuery] Re: New Plugin: HoverAccordion
A click does strange things... On 6/26/07, Bernd Matzner [EMAIL PROTECTED] wrote: Hello, I'm really excited: My first try at building a jQuery plugin! This is another accordion, but in this case, it's designed to open up by just moving your mouse over an item, just like on the http://www.apple.com/mac/ website. Can be used together with the excellent hoverIntent plugin to avoid accidentally opening an item. See http://berndmatzner.de/jquery/hoveraccordion/ for instructions and examples. Looking forward to your comments, Bernd
[jQuery] Re: a simple (fake) preloader with CSS (slideViewer)
HI, thanks for the link. GC On Jun 26, 1:22 pm, Mika Tuupola [EMAIL PROTECTED] wrote: On Jun 26, 2007, at 1:04 PM, GianCarlo Mingati wrote: i wasn't able to find a solution for my plugin: preload an unknown number of images in a page without writing their path in an array, or using load vs onload functions or any other (inspiring but too complicated for my level) snippet of code found right here in the list. Looks good! Did you ever check this: http://www.appelsiini.net/~tuupola/823/sequentially-preloading-images or was that what you ment with load vs onload functions? -- Mika Tuupola http://www.appelsiini.net/~tuupola/
[jQuery] Re: New Plugin: HoverAccordion
I like it! GC On Jun 26, 1:34 pm, Bernd Matzner [EMAIL PROTECTED] wrote: Hello, I'm really excited: My first try at building a jQuery plugin! This is another accordion, but in this case, it's designed to open up by just moving your mouse over an item, just like on thehttp://www.apple.com/mac/ website. Can be used together with the excellent hoverIntent plugin to avoid accidentally opening an item. See http://berndmatzner.de/jquery/hoveraccordion/ for instructions and examples. Looking forward to your comments, Bernd
[jQuery] Re: a simple (fake) preloader with CSS (slideViewer)
mmmh but it does not work in Opera! did not get the width of the images... gc On Jun 26, 12:04 pm, GianCarlo Mingati [EMAIL PROTECTED] wrote: Hi all, i wasn't able to find a solution for my plugin: preload an unknown number of images in a page without writing their path in an array, or using load vs onload functions or any other (inspiring but too complicated for my level) snippet of code found right here in the list. I was in the train this morning and entering a gallery i had the idea of making it via CSS alone. It is a very simple solution, but in my slideViewer do the trick and, most important, in IE7 too: http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/i... i added a class (CSS) on the div that wraps my list of images saying: .svw {width: 20px; height: 20px; background: transparent url(loader.gif) center center no-repeat;} .svw ul{display: none;} 20px are enough to show a 'loading' or spinning or whatever, gif. Now, since i call the plugin on window load $(window).bind(load, function() { eccetera... it is obvious that the plugin runs as soon ALL the images have been downloaded. And when ALL the images are ready, i simply call .removeClass(swv) and the gallery (the UL) is now displayed! It is a FAKE preloader! It does not preload anything, but it's removed at the right time! See for yourself:http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/i... (hit F5) Ciao! GC now only remain a last touch and i'll move to a new plugin. ah yes, i will also work today ;-)
[jQuery] Re: New Plugin: HoverAccordion
On 26/06/2007, at 9:34 PM, Bernd Matzner wrote: Hello, I'm really excited: My first try at building a jQuery plugin! http://berndmatzner.de/jquery/hoveraccordion/ Bernd I really like it, great work. I am also seeing the issue Gilles mentioned, but if you could hunt that down, this will be awesome. I have had several half-hearted attempts to at create this myself but couldn't get around certain glitches in how it behaves. Yours is far closer to perfection though. Nice code too. Joel.
[jQuery] Re: Namespace attributes bug in Tickets now.
OK... that may work. Can you tell me how to make it chainable? John Mike Alsup wrote: John, Regarding arrays, you can simply wrap an array of elements in a jQuery object: var arr = []; // some code that pushes elements into arr $(arr).each(function() Mike but that doesn't return a collection of forms where the condition is true... and if you manually create an array that doesn't work with the jQuery each.
[jQuery] reg expression for finding url [more of a javascript question]
Hey guys and gals, Wondering if anyone has a function or if someone can help me put one together that will find a url in a string? What needs to be done is to find a start point of http://; or https://; and an end point of .com or .net... etc... The reason for the need, I am bringing pages in via .load and on the page there are img tags that reference a fold that is inline with the page I am bringing in. Since the page that is bringing these other pages is at the root, I need to append a path to the src tag. Problem is that IE, when bringing in the page, already appends the url to the src, ie. http://meridium.informationexperts.com/img/001.jpg, where as every other browser on goods green earth does not. I searched the web for the answer and since I don't full grasp the reg expression process, I am dead in the water. Thanks. -- Benjamin Sterling http://www.KenzoMedia.com http://www.KenzoHosting.com
[jQuery] Re: New Plugin: HoverAccordion
Very nicely done. I especially like the menu version. You seem to have covered all the bases on that one. On the regular accordion version, I think it would be best if you could find a way to have auto-resize panels so that text from a top panel does not overflow into the panel label of the one below it. Great job! -- Sapphire On Tuesday 26 June 2007 06:34:32 am Bernd Matzner wrote: Hello, I'm really excited: My first try at building a jQuery plugin! This is another accordion, but in this case, it's designed to open up by just moving your mouse over an item, just like on the http://www.apple.com/mac/ website. Can be used together with the excellent hoverIntent plugin to avoid accidentally opening an item. See http://berndmatzner.de/jquery/hoveraccordion/ for instructions and examples. Looking forward to your comments, Bernd
[jQuery] Re: Image resizing
Are you using the dimensions.js extension or does jquery.js now support true width and height? What about top and left? On Jun 24, 2007, at 1:56 AM, Glen Lipka wrote: Felix Geisend hooked me up with some code, which seemed to work perfectly.function fitObjectInViewPort(zoomedImage) { // Fit's our image in a box with a given width and heigth while proportions remain, // *or* resizes it based on one site proportionally if only width or height is given var objectWidth = zoomedImage.width(); var objectHeight = zoomedImage.height(); var boxWidth = ($(window).width()) * maxImagePercent; var boxHeight = ($(window).height()) * maxImagePercent; widthRatio = (boxWidth / objectWidth); heightRatio = (boxHeight / objectHeight); if ((widthRatio heightRatio) (widthRatio!=0) || (heightRatio==0)) { ratio = widthRatio; } else { ratio = heightRatio; } new_width = Math.ceil(objectWidth * ratio); new_height = Math.ceil(objectHeight * ratio); //return array(new_width, new_height); new_left = (boxWidth - new_width) / 2; new_top = (boxHeight - new_height) / 2; bigThumb.animate({width:new_width,height:new_height}, {duration: 750, easing: backinout}); } -- Alan Gutierrez | [EMAIL PROTECTED] | http://blogometer.com/ | 504 717 1428 Think New Orleans | http://thinknola.com/
[jQuery] Re: a simple (fake) preloader with CSS (slideViewer)
Fixed! Now the preloader works correctly even in Opera 9. Before only IE7 and FF were calculating the width correctly. On that page: http://www.quirksmode.org/css/displayimg.html i discovered (we really never end learning) that when image has display: none or is inside an element with display: none (my exact case, the UL was set to display: none; and then to block when images were fully downloaded), the browser may opt not to download the image until the display is set to another value (eg: block). And infact Opera 9 does not download an image if that image is inside a container not showed. And that caused the rendering problem, since the galleries rely on image width() to size correctly their 'mask' contanier. So for my preload i just moved the list with images with a temporary class to -999em to the left, and then, when document IS ready (images downloaded) i remove that temporary class and apply the correct CSS class wich of course is set to left: 0; And it does the trick! GC On Jun 26, 2:32 pm, GianCarlo Mingati [EMAIL PROTECTED] wrote: HI, thanks for the link. GC On Jun 26, 1:22 pm, Mika Tuupola [EMAIL PROTECTED] wrote: On Jun 26, 2007, at 1:04 PM, GianCarlo Mingati wrote: i wasn't able to find a solution for my plugin: preload an unknown number of images in a page without writing their path in an array, or using load vs onload functions or any other (inspiring but too complicated for my level) snippet of code found right here in the list. Looks good! Did you ever check this: http://www.appelsiini.net/~tuupola/823/sequentially-preloading-images or was that what you ment with load vs onload functions? -- Mika Tuupola http://www.appelsiini.net/~tuupola/
[jQuery] Re: jQuery and tinyMCE problem
Actually, I think this is what you want: $('#formPub').ajaxForm({ target: '#response', beforeSubmit: function(a) { for (var i=0; ia.length; i++) if (a[i].name == 'txt1') a[i].value = tinyMCE.getContent(); }, success: function(){ $('#response').fadeIn('slow'); } }); Mike you are incredible, it's just what I wanted. Thanks :)) -- Massimiliano Marini - http://www.linuxtime.it/massimilianomarini/ It's easier to invent the future than to predict it. -- Alan Kay
[jQuery] Re: a simple (fake) preloader with CSS (slideViewer)
Very cool GianCarlo! I knew you'd get it! :) GianCarlo Mingati wrote: Hi all, i wasn't able to find a solution for my plugin: preload an unknown number of images in a page without writing their path in an array, or using load vs onload functions or any other (inspiring but too complicated for my level) snippet of code found right here in the list. I was in the train this morning and entering a gallery i had the idea of making it via CSS alone. It is a very simple solution, but in my slideViewer do the trick and, most important, in IE7 too: http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/imageslide-plugin.html i added a class (CSS) on the div that wraps my list of images saying: .svw {width: 20px; height: 20px; background: transparent url(loader.gif) center center no-repeat;} .svw ul{display: none;} 20px are enough to show a 'loading' or spinning or whatever, gif. Now, since i call the plugin on window load $(window).bind(load, function() { eccetera... it is obvious that the plugin runs as soon ALL the images have been downloaded. And when ALL the images are ready, i simply call .removeClass(swv) and the gallery (the UL) is now displayed! It is a FAKE preloader! It does not preload anything, but it's removed at the right time! See for yourself: http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/imageslide-plugin.html (hit F5) Ciao! GC now only remain a last touch and i'll move to a new plugin. ah yes, i will also work today ;-) -- BrightLight Development, LLC. 954-775- (o) 954-600-2726 (c) [EMAIL PROTECTED] http://www.iambright.com
[jQuery] Re: Digg now uses jQuery!!
Dan, the comment system issue has nothing to do with jQuery. I've verified this with one of their developers. Rey... Dan Atkinson wrote: I for one believe that the debacle of the new comments system is the worst possible advertisement for jQuery. The whole system is really annoying. It takes forever to expand threads and even to return one single reply takes far too long. Don't get me wrong, FlyDOM is awesome, but their implementation is a really slow at returning results. On Jun 26, 7:46 am, Korayem [EMAIL PROTECTED] wrote: Digg this to make jQuery more and more popular: http://www.digg.com/programming/Digg_Moves_to_jQuery_s_JavaScript_Lib... -- BrightLight Development, LLC. 954-775- (o) 954-600-2726 (c) [EMAIL PROTECTED] http://www.iambright.com
[jQuery] select all unchecked checkboxes
Hi! I want to get all checkbox items that are not checked. I use the following to get all checkboxes that is checked but now i want to get the ones that are unchecked, how can I do that? $(#myform input:checkbox:checked) Thanks! /Niklas
[jQuery] Ajax combined with dra and drop
Hi, I have two hierarchical trees, one soruce-tree, one destination-tree. When I gran a dragable from the source-tree and move it over an node in the destination-tree, the destination-node is opend and all subnodes are loaded with ajax. The problem is, that these new subnodes are no dropables. When I release the dragable and grab it again, suddenly the subnodes are dropables too. It seems, that the dragable only knows the node that where dropables from before the ajax, but not the new inserted nodes from the ajax. Is this a normal behavior? Is there a way arround this? One other question: I have several types of nodes. Not every node is accepting every other node. E.g. We have types A,B,C A can have subnodes from the types A,B B can have subnodes from the types A,B,C C can have subnodes from the types A Is there a way to assing more than one class to the variable accept in the dropable? Or is there an other solution? Michael
[jQuery] Re: a simple (fake) preloader with CSS (slideViewer)
Very nice work my man! Special thanks to Mike Tuupola for hooking GianCarlo up with that article. Rey GianCarlo Mingati wrote: Fixed! Now the preloader works correctly even in Opera 9. Before only IE7 and FF were calculating the width correctly. On that page: http://www.quirksmode.org/css/displayimg.html i discovered (we really never end learning) that when image has display: none or is inside an element with display: none (my exact case, the UL was set to display: none; and then to block when images were fully downloaded), the browser may opt not to download the image until the display is set to another value (eg: block). And infact Opera 9 does not download an image if that image is inside a container not showed. And that caused the rendering problem, since the galleries rely on image width() to size correctly their 'mask' contanier. So for my preload i just moved the list with images with a temporary class to -999em to the left, and then, when document IS ready (images downloaded) i remove that temporary class and apply the correct CSS class wich of course is set to left: 0; And it does the trick! GC On Jun 26, 2:32 pm, GianCarlo Mingati [EMAIL PROTECTED] wrote: HI, thanks for the link. GC On Jun 26, 1:22 pm, Mika Tuupola [EMAIL PROTECTED] wrote: On Jun 26, 2007, at 1:04 PM, GianCarlo Mingati wrote: i wasn't able to find a solution for my plugin: preload an unknown number of images in a page without writing their path in an array, or using load vs onload functions or any other (inspiring but too complicated for my level) snippet of code found right here in the list. Looks good! Did you ever check this: http://www.appelsiini.net/~tuupola/823/sequentially-preloading-images or was that what you ment with load vs onload functions? -- Mika Tuupola http://www.appelsiini.net/~tuupola/ -- BrightLight Development, LLC. 954-775- (o) 954-600-2726 (c) [EMAIL PROTECTED] http://www.iambright.com
[jQuery] Re: Namespace attributes bug in Tickets now.
GOT IT! First the code that worked... jQuery.fn.coopforms = function(){ var myForms = new Array(); jQuery('form').each(function(){ if(jQuery(this).attr(coop:manage)==true) { myForms[myForms.length] = this; coopformlist = jQuery.ListAppend(coopformlist,this.id); } }) return jQuery(myForms); } Now the explaination. You just pass the array collection into a jQuery() item and it translates them into jQuery objects so the output of this function can now be chained! John Farrar P.S. The bug should still be fixed or enhanced. But this works for now! I added this information to the ticket. Mike Alsup wrote: John, Regarding arrays, you can simply wrap an array of elements in a jQuery object: var arr = []; // some code that pushes elements into arr $(arr).each(function() Mike but that doesn't return a collection of forms where the condition is true... and if you manually create an array that doesn't work with the jQuery each.
[jQuery] Re: Namespace attributes bug in Tickets now.
Didn't the solution from the other email thread work? jQuery(form).filter(function(){ return jQuery(this).attr(coop:manage) == true; }); But yes, this is a pretty easy fix - I'll try to get it in for 1.1.3, so you'll be able to do: jQuery([EMAIL PROTECTED]:manage=true]) --John On 6/26/07, John Farrar [EMAIL PROTECTED] wrote: GOT IT! First the code that worked... jQuery.fn.coopforms = function(){ var myForms = new Array(); jQuery('form').each(function(){ if(jQuery(this).attr(coop:manage)==true) { myForms[myForms.length] = this; coopformlist = jQuery.ListAppend(coopformlist,this.id); } }) return jQuery(myForms); } Now the explaination. You just pass the array collection into a jQuery() item and it translates them into jQuery objects so the output of this function can now be chained! John Farrar P.S. The bug should still be fixed or enhanced. But this works for now! I added this information to the ticket. Mike Alsup wrote: John, Regarding arrays, you can simply wrap an array of elements in a jQuery object: var arr = []; // some code that pushes elements into arr $(arr).each(function() Mike but that doesn't return a collection of forms where the condition is true... and if you manually create an array that doesn't work with the jQuery each.
[jQuery] Drop event
Is there a way to acces the drop-event in ondrop in a doppable? I needs the coordinates to show a popup menue: $(this).attr('isdropabled', '1').Droppable( { ..., ondrop : function(dropped) { showPopUpMenu(event, $(dropped).attr('title'), $(this).attr('title')); } }); Michael
[jQuery] Re: select all unchecked checkboxes
I think $(#myform input:checkbox).not(:checked) should do what you want, but I've not tested it. --rob On 6/26/07, badtant [EMAIL PROTECTED] wrote: Hi! I want to get all checkbox items that are not checked. I use the following to get all checkboxes that is checked but now i want to get the ones that are unchecked, how can I do that? $(#myform input:checkbox:checked) Thanks! /Niklas -- Rob Desbois Eml: [EMAIL PROTECTED] Tel: 01452 760631 Mob: 07946 705987 There's a whale there's a whale there's a whale fish he cried, and the whale was in full view. ...Then ooh welcome. Ahhh. Ooh mug welcome.
[jQuery] Re: jCarouselLite - my first plugin - anxiously awaiting comments
I'm so sorry about that. Unfortunately, your guess is as good as mine. I see that it is listed in the Projects list when I click on the Issues link in the left-hand nav. Probably your best bet is to Submit an Issue for it. In the Projects select list, choose jQuery Plugins Website. Mike Hostetler, who is managing the plugins repository, is keeping an eye on this list and fixing bugs as he has time. If anyone else has an idea for Ganeshji, please chime in! :) --Karl _ Karl Swedberg www.englishrules.com www.learningjquery.com On Jun 26, 2007, at 1:11 AM, Ganeshji Marwaha wrote: hi karl, i tried adding it to http://jquery.com/plugins/ page. Everthing went thru fine, but the plugin doesn't show up. Is there something that i am doing wrong? -GTG On 6/25/07, Karl Swedberg [EMAIL PROTECTED] wrote: be sure to add it to http://jquery.com/plugins/ (without the docs.), too! The docs plugin page is deprecated. (Not gone away, just deprecated.) --Karl _ Karl Swedberg www.englishrules.com www.learningjquery.com On Jun 25, 2007, at 3:20 PM, Mike Alsup wrote: Just register and then you can add it yourself. BTW, I like this plugin. Cheers! Mike How do i add this plugin to the jquery plugins page (http://docs.jquery.com/Plugins). -- -GTG
[jQuery] Unexpected call to method or property access
I am working on code that will dynamically add some controls to a form. As these controls are meant to be unobtrusive (they add an address lookup field to the form that won't work without javascript) the HTRML code is to be left out of the form itself and added by the script. A (cut down) versio nof the HTML looks like this: form action=# method=post fieldset blah blah blah /fieldset fieldset class=alt id=addinfo-address legendAddress/legend pAddress/p input type=hidden id=address-prefix value=card. / label for=line-1 span class=labelAddress (1): spanRequired/span/span input class=fvRequired type=text name=card.line-1 id=line-1 value= / /label label for=line-2 span class=labelAddress (2):/span input class=fvOptional type=text name=card.line-2 id=line-2 value= / /label label for=line-3 span class=labelAddress (3): /span input class=fvOptional type=text name=card.line-3 id=line-3 value= / /label label for=line-4 span class=labelAddress (4): /span input class=fvOptional type=text name=card.line-4 id=line-4 value= / /label label for=postcode span class=labelPostcode: spanRequired/span/span input class=fvRequired type=text name=card.postcode id=postcode value= / /label labelinput type=submit value=Choose Delivery Address #187; class=button //label /fieldset /form My Javascript looks like this: function addLookupFields () { $('#addinfo-address').before (fieldset style=\display: none;\ class=\highlight\ id=\address-lookup\legendAddress Finder/ legendpAddress Finder/plabel for=\address-info\span class= \label\Postcode: /spaninput id=\address-info\ maxlength= \255\ type=\text\ //labellabelinput id=\find-address\ type= \button\ class=\button\ value=\Find Address\ //label/ fieldset); return ($('#address-lookup')); } $(document).ready (function () { addLookupFields ().slideDown ('slow'); }); This works in FireFox, Opera, Safari but in Internet Explorer it causes a script error, Unexpected call to method or property access. Can anyone help with this?
[jQuery] Possible bug on button click event
Hi, I've come across some behaviour that seems a bit odd to me, not sure if its by design or a bug. I've been trying to fire the click event of a button with the following: $('#mybtn').click(); However this causes the click event to fire twice, the result is the form being submitted twice. I was able to fix it by using instead: $('#mybtn')[0].click(); Which only fires the event once. This only happens with buttons (type=button|submit|reset) not any other element I've tried like hyperlinks. I haven't tried it with a collection of buttons rather than one selector, I guess that would be the next step. So, is it supposed to do this and if so why? Cheers, Rory Fitzpatrick
[jQuery] John Resig Wikipedia Article
The jQuery article on Wikipedia... http://en.wikipedia.org/wiki/JQuery ...has a link to John Resig, but no article has been written. Considering Wikipedia's guidelines, I think John is a notable enough subject to go into an encyclopedia, being the founder of jQuery. What do you all think?
[jQuery] Re: Unexpected call to method or property access
Update: Replacing the 1.1.3a jQuery library with 1.1.2 seems to fix the problem, this would seem to suggest a bug in the new version is causing my problem. On Jun 26, 3:16 pm, Gordon [EMAIL PROTECTED] wrote: I am working on code that will dynamically add some controls to a form. As these controls are meant to be unobtrusive (they add an address lookup field to the form that won't work without javascript) the HTRML code is to be left out of the form itself and added by the script. A (cut down) versio nof the HTML looks like this: form action=# method=post fieldset blah blah blah /fieldset fieldset class=alt id=addinfo-address legendAddress/legend pAddress/p input type=hidden id=address-prefix value=card. / label for=line-1 span class=labelAddress (1): spanRequired/span/span input class=fvRequired type=text name=card.line-1 id=line-1 value= / /label label for=line-2 span class=labelAddress (2):/span input class=fvOptional type=text name=card.line-2 id=line-2 value= / /label label for=line-3 span class=labelAddress (3): /span input class=fvOptional type=text name=card.line-3 id=line-3 value= / /label label for=line-4 span class=labelAddress (4): /span input class=fvOptional type=text name=card.line-4 id=line-4 value= / /label label for=postcode span class=labelPostcode: spanRequired/span/span input class=fvRequired type=text name=card.postcode id=postcode value= / /label labelinput type=submit value=Choose Delivery Address #187; class=button //label /fieldset /form My Javascript looks like this: function addLookupFields () { $('#addinfo-address').before (fieldset style=\display: none;\ class=\highlight\ id=\address-lookup\legendAddress Finder/ legendpAddress Finder/plabel for=\address-info\span class= \label\Postcode: /spaninput id=\address-info\ maxlength= \255\ type=\text\ //labellabelinput id=\find-address\ type= \button\ class=\button\ value=\Find Address\ //label/ fieldset); return ($('#address-lookup')); } $(document).ready (function () { addLookupFields ().slideDown ('slow'); }); This works in FireFox, Opera, Safari but in Internet Explorer it causes a script error, Unexpected call to method or property access. Can anyone help with this?
[jQuery] Re: Namespace attributes bug in Tickets now.
No... that fix didn't return a collection that is chainable. It returns one at a time and that is why I wrote the more pragmatic code shown below. :) BTW... the more I use jQuery the more it seems like the model js library! Great job guys! John Farrar John Resig wrote: Didn't the solution from the other email thread work? jQuery(form).filter(function(){ return jQuery(this).attr(coop:manage) == true; }); But yes, this is a pretty easy fix - I'll try to get it in for 1.1.3, so you'll be able to do: jQuery([EMAIL PROTECTED]:manage=true]) --John On 6/26/07, John Farrar [EMAIL PROTECTED] wrote: GOT IT! First the code that worked... jQuery.fn.coopforms = function(){ var myForms = new Array(); jQuery('form').each(function(){ if(jQuery(this).attr(coop:manage)==true) { myForms[myForms.length] = this; coopformlist = jQuery.ListAppend(coopformlist,this.id); } }) return jQuery(myForms); } Now the explaination. You just pass the array collection into a jQuery() item and it translates them into jQuery objects so the output of this function can now be chained! John Farrar P.S. The bug should still be fixed or enhanced. But this works for now! I added this information to the ticket. Mike Alsup wrote: John, Regarding arrays, you can simply wrap an array of elements in a jQuery object: var arr = []; // some code that pushes elements into arr $(arr).each(function() Mike but that doesn't return a collection of forms where the condition is true... and if you manually create an array that doesn't work with the jQuery each.
[jQuery] Re: jCarouselLite - my first plugin - anxiously awaiting comments
I'm having the same problem with my plug-in... -Dan _ From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Karl Swedberg Sent: Tuesday, June 26, 2007 10:11 AM To: jquery-en@googlegroups.com Subject: [jQuery] Re: jCarouselLite - my first plugin - anxiously awaiting comments I'm so sorry about that. Unfortunately, your guess is as good as mine. I see that it is listed in the Projects list when I click on the Issues link in the left-hand nav. Probably your best bet is to Submit an Issue for it. In the Projects select list, choose jQuery Plugins Website. Mike Hostetler, who is managing the plugins repository, is keeping an eye on this list and fixing bugs as he has time. If anyone else has an idea for Ganeshji, please chime in! :) --Karl _ Karl Swedberg www.englishrules.com www.learningjquery.com On Jun 26, 2007, at 1:11 AM, Ganeshji Marwaha wrote: hi karl, i tried adding it to http://jquery.com/plugins/ page. Everthing went thru fine, but the plugin doesn't show up. Is there something that i am doing wrong? -GTG On 6/25/07, Karl Swedberg [EMAIL PROTECTED] wrote: be sure to add it to http://jquery.com/plugins/ (without the docs.), too! The docs plugin page is deprecated. (Not gone away, just deprecated.) --Karl _ Karl Swedberg www.englishrules.com http://www.englishrules.com/ www.learningjquery.com http://www.learningjquery.com/ On Jun 25, 2007, at 3:20 PM, Mike Alsup wrote: Just register and then you can add it yourself. BTW, I like this plugin. Cheers! Mike How do i add this plugin to the jquery plugins page (http://docs.jquery.com/Plugins). -- -GTG
[jQuery] Re: Namespace attributes bug in Tickets now.
Didn't the solution from the other email thread work? jQuery(form).filter(function(){ return jQuery(this).attr(coop:manage) == true; }); But yes, this is a pretty easy fix - I'll try to get it in for 1.1.3, so you'll be able to do: jQuery([EMAIL PROTECTED]:manage=true]) And just so people don't think it's a typo, the escape backslash (\\) is needed so that JS sees the string as [EMAIL PROTECTED]:manage=true], so then it can correctly process the colon as a literal character. -Dan
[jQuery] Re: John Resig Wikipedia Article
I think that our opinion matters less than John's. Before considering writing an article about him, you might want to ask him whether he wants an article to be written about himself. After all, who else knows his history (and how notable it is) better then he does? - Brian The jQuery article on Wikipedia... http://en.wikipedia.org/wiki/JQuery ...has a link to John Resig, but no article has been written. Considering Wikipedia's guidelines, I think John is a notable enough subject to go into an encyclopedia, being the founder of jQuery. What do you all think?
[jQuery] Draggables in jQuery
Hi Is there any smallish drag and drop plugins for jquery ? I've looked at interface but the Draggables code itself is 18k compressed - which seems alot. weepy
[jQuery] Re: Unexpected call to method or property access
I think this might be the same bug that is currently causing issues for the validation plugin with 1.1.3a. I hope to find time to fix it tonight. -- Brandon Aaron On 6/26/07, Gordon [EMAIL PROTECTED] wrote: Update: Replacing the 1.1.3a jQuery library with 1.1.2 seems to fix the problem, this would seem to suggest a bug in the new version is causing my problem. On Jun 26, 3:16 pm, Gordon [EMAIL PROTECTED] wrote: I am working on code that will dynamically add some controls to a form. As these controls are meant to be unobtrusive (they add an address lookup field to the form that won't work without javascript) the HTRML code is to be left out of the form itself and added by the script. A (cut down) versio nof the HTML looks like this: form action=# method=post fieldset blah blah blah /fieldset fieldset class=alt id=addinfo-address legendAddress/legend pAddress/p input type=hidden id=address-prefix value=card. / label for=line-1 span class=labelAddress (1): spanRequired/span/span input class=fvRequired type=text name=card.line-1 id=line-1 value= / /label label for=line-2 span class=labelAddress (2):/span input class=fvOptional type=text name=card.line-2 id=line-2 value= / /label label for=line-3 span class=labelAddress (3): /span input class=fvOptional type=text name=card.line-3 id=line-3 value= / /label label for=line-4 span class=labelAddress (4): /span input class=fvOptional type=text name=card.line-4 id=line-4 value= / /label label for=postcode span class=labelPostcode: spanRequired/span/span input class=fvRequired type=text name=card.postcode id=postcode value= / /label labelinput type=submit value=Choose Delivery Address #187; class=button //label /fieldset /form My Javascript looks like this: function addLookupFields () { $('#addinfo-address').before (fieldset style=\display: none;\ class=\highlight\ id=\address-lookup\legendAddress Finder/ legendpAddress Finder/plabel for=\address-info\span class= \label\Postcode: /spaninput id=\address-info\ maxlength= \255\ type=\text\ //labellabelinput id=\find-address\ type= \button\ class=\button\ value=\Find Address\ //label/ fieldset); return ($('#address-lookup')); } $(document).ready (function () { addLookupFields ().slideDown ('slow'); }); This works in FireFox, Opera, Safari but in Internet Explorer it causes a script error, Unexpected call to method or property access. Can anyone help with this?
[jQuery] Re: Namespace attributes bug in Tickets now.
No... that fix didn't return a collection that is chainable. It certainly should, and it does for me. With a test page that has two forms the following alerts 2: var j = $(form).filter(function(){ return $(this).attr(coop:manage) == true; }); alert(j.size()); Mike
[jQuery] Re: a simple (fake) preloader with CSS (slideViewer)
;-)) GC On Jun 26, 3:48 pm, Rey Bango [EMAIL PROTECTED] wrote: Very nice work my man! Special thanks to Mike Tuupola for hooking GianCarlo up with that article. Rey GianCarlo Mingati wrote: Fixed! Now the preloader works correctly even in Opera 9. Before only IE7 and FF were calculating the width correctly. On that page: http://www.quirksmode.org/css/displayimg.html i discovered (we really never end learning) that when image has display: none or is inside an element with display: none (my exact case, the UL was set to display: none; and then to block when images were fully downloaded), the browser may opt not to download the image until the display is set to another value (eg: block). And infact Opera 9 does not download an image if that image is inside a container not showed. And that caused the rendering problem, since the galleries rely on image width() to size correctly their 'mask' contanier. So for my preload i just moved the list with images with a temporary class to -999em to the left, and then, when document IS ready (images downloaded) i remove that temporary class and apply the correct CSS class wich of course is set to left: 0; And it does the trick! GC On Jun 26, 2:32 pm, GianCarlo Mingati [EMAIL PROTECTED] wrote: HI, thanks for the link. GC On Jun 26, 1:22 pm, Mika Tuupola [EMAIL PROTECTED] wrote: On Jun 26, 2007, at 1:04 PM, GianCarlo Mingati wrote: i wasn't able to find a solution for my plugin: preload an unknown number of images in a page without writing their path in an array, or using load vs onload functions or any other (inspiring but too complicated for my level) snippet of code found right here in the list. Looks good! Did you ever check this: http://www.appelsiini.net/~tuupola/823/sequentially-preloading-images or was that what you ment with load vs onload functions? -- Mika Tuupola http://www.appelsiini.net/~tuupola/ -- BrightLight Development, LLC. 954-775- (o) 954-600-2726 (c) [EMAIL PROTECTED]://www.iambright.com
[jQuery] Re: Unexpected call to method or property access
Okay, thanks for the heads up. On Jun 26, 3:59 pm, Brandon Aaron [EMAIL PROTECTED] wrote: I think this might be the same bug that is currently causing issues for the validation plugin with 1.1.3a. I hope to find time to fix it tonight. -- Brandon Aaron On 6/26/07, Gordon [EMAIL PROTECTED] wrote: Update: Replacing the 1.1.3a jQuery library with 1.1.2 seems to fix the problem, this would seem to suggest a bug in the new version is causing my problem. On Jun 26, 3:16 pm, Gordon [EMAIL PROTECTED] wrote: I am working on code that will dynamically add some controls to a form. As these controls are meant to be unobtrusive (they add an address lookup field to the form that won't work without javascript) the HTRML code is to be left out of the form itself and added by the script. A (cut down) versio nof the HTML looks like this: form action=# method=post fieldset blah blah blah /fieldset fieldset class=alt id=addinfo-address legendAddress/legend pAddress/p input type=hidden id=address-prefix value=card. / label for=line-1 span class=labelAddress (1): spanRequired/span/span input class=fvRequired type=text name=card.line-1 id=line-1 value= / /label label for=line-2 span class=labelAddress (2):/span input class=fvOptional type=text name=card.line-2 id=line-2 value= / /label label for=line-3 span class=labelAddress (3): /span input class=fvOptional type=text name=card.line-3 id=line-3 value= / /label label for=line-4 span class=labelAddress (4): /span input class=fvOptional type=text name=card.line-4 id=line-4 value= / /label label for=postcode span class=labelPostcode: spanRequired/span/span input class=fvRequired type=text name=card.postcode id=postcode value= / /label labelinput type=submit value=Choose Delivery Address #187; class=button //label /fieldset /form My Javascript looks like this: function addLookupFields () { $('#addinfo-address').before (fieldset style=\display: none;\ class=\highlight\ id=\address-lookup\legendAddress Finder/ legendpAddress Finder/plabel for=\address-info\span class= \label\Postcode: /spaninput id=\address-info\ maxlength= \255\ type=\text\ //labellabelinput id=\find-address\ type= \button\ class=\button\ value=\Find Address\ //label/ fieldset); return ($('#address-lookup')); } $(document).ready (function () { addLookupFields ().slideDown ('slow'); }); This works in FireFox, Opera, Safari but in Internet Explorer it causes a script error, Unexpected call to method or property access. Can anyone help with this?
[jQuery] Re: John Resig Wikipedia Article
Brian, I actually disagree. I think a person himself is least best able to judge his notability -- since notability, by definition, involves the opinion and reputation of a person held by others. A published author and creator of a very widely used piece of software is certainly notable enough for a wikipedia entry. I encourage those with the time to write something! Scott On 6/26/07, Brian Miller [EMAIL PROTECTED] wrote: I think that our opinion matters less than John's. Before considering writing an article about him, you might want to ask him whether he wants an article to be written about himself. After all, who else knows his history (and how notable it is) better then he does? - Brian The jQuery article on Wikipedia... http://en.wikipedia.org/wiki/JQuery ...has a link to John Resig, but no article has been written. Considering Wikipedia's guidelines, I think John is a notable enough subject to go into an encyclopedia, being the founder of jQuery. What do you all think? -- .|.. Scott Trudeau scott.trudeau AT gmail DOT com http://sstrudeau.com/ AIM: sodthestreets
[jQuery] Re: Image resizing
Im using the dimensions plugin. Although there is a possibility of absorbing it into jQuery in a future version. Glen On 6/26/07, Alan Gutierrez [EMAIL PROTECTED] wrote: Are you using the dimensions.js extension or does jquery.js now support true width and height? What about top and left? On Jun 24, 2007, at 1:56 AM, Glen Lipka wrote: Felix Geisend hooked me up with some code, which seemed to work perfectly.function fitObjectInViewPort(zoomedImage) { // Fit's our image in a box with a given width and heigth while proportions remain, // *or* resizes it based on one site proportionally if only width or height is given var objectWidth = zoomedImage.width(); var objectHeight = zoomedImage.height(); var boxWidth = ($(window).width()) * maxImagePercent; var boxHeight = ($(window).height()) * maxImagePercent; widthRatio = (boxWidth / objectWidth); heightRatio = (boxHeight / objectHeight); if ((widthRatio heightRatio) (widthRatio!=0) || (heightRatio==0)) { ratio = widthRatio; } else { ratio = heightRatio; } new_width = Math.ceil(objectWidth * ratio); new_height = Math.ceil(objectHeight * ratio); //return array(new_width, new_height); new_left = (boxWidth - new_width) / 2; new_top = (boxHeight - new_height) / 2; bigThumb.animate({width:new_width,height:new_height}, {duration: 750, easing: backinout}); } -- Alan Gutierrez | [EMAIL PROTECTED] | http://blogometer.com/ | 504 717 1428 Think New Orleans | http://thinknola.com/
[jQuery] Re: Namespace attributes bug in Tickets now.
Tried it again with this code... jQuery.fn.j = function(){ jQuery(this).filter(function(){ return jQuery(this).attr(coop:manage) == true; }); }; jQuery('form').j().each(function(){alert(jQuery(this).attr('id'))}); This is what I modified in an attempt to get it to work... and it isn't working. (Currently I have three forms and two should match.) Tried this also... jQuery.fn.jt = function(){ jQuery(this).filter(function(){ return jQuery(this).attr(coop:manage); }); }; jQuery('form').jt().each(function(){alert(jQuery(this).attr('id'))}); Firebug says on both occasions that jQuery(form).j() has no properties jQuery(form).jt() has no properties I am trying to make this part of a plugin library. No... that fix didn't return a collection that is chainable. It certainly should, and it does for me. With a test page that has two forms the following alerts 2: var j = $(form).filter(function(){ return $(this).attr(coop:manage) == true; }); alert(j.size()); Mike
[jQuery] toggle min/max effect
Hi, I'm a bit new to using javascript so please pardon my newbie-ness. I'm looking to toggle a div from a minimum height to a maximum height and back with a click event (e.g., 250px to 500px and back). Has anybody else been able to achieve this? How would I write this code? Caveat, the larger size (500px) div should have an overflow:auto applied to it to allow for lengthly content. My goal is to show a small ad (250px height) initially and then on a click, fade out the ad, expand the area, then fade in the content. Then the reverse on click again. Suggestions? Thanks in advance. Matthew
[jQuery] Re: Namespace attributes bug in Tickets now.
John, Tried it again with this code... jQuery.fn.j = function(){ jQuery(this).filter(function(){ return jQuery(this).attr(coop:manage) == true; }); }; jQuery('form').j().each(function(){alert(jQuery(this).attr('id'))}); This is what I modified in an attempt to get it to work... and it isn't working. (Currently I have three forms and two should match.) Tried this also... jQuery.fn.jt = function(){ jQuery(this).filter(function(){ return jQuery(this).attr(coop:manage); }); }; jQuery('form').jt().each(function(){alert(jQuery(this).attr('id'))}); Firebug says on both occasions that jQuery(form).j() has no properties jQuery(form).jt() has no properties I am trying to make this part of a plugin library. Neither of those would work because you're not actually returning the results: jQuery.fn.j = function(){ return jQuery(this).filter(function(){ return jQuery(this).attr(coop:manage) == true; }); }; jQuery.fn.jt = function(){ return jQuery(this).filter(function(){ return jQuery(this).attr(coop:manage); }); }; -Dan
[jQuery] Re: Namespace attributes bug in Tickets now.
John, If you want it as a plugin you need to add a return: jQuery.fn.j = function() { return this.filter(function(){ return jQuery(this).attr(coop:manage) == true; }); }; Mike On 6/26/07, Dan G. Switzer, II [EMAIL PROTECTED] wrote: John, Tried it again with this code... jQuery.fn.j = function(){ jQuery(this).filter(function(){ return jQuery(this).attr(coop:manage) == true; }); };
[jQuery] Re: John Resig Wikipedia Article
John was born in a log cabin in Kentucky in 1986. He spent his early years in India researching a new flavor for Mountain Dew. After several failed attempts he moved back to Boston and got his big break in the movie Good Will Hunting. (He was the one with the thick accent.) This lucky break got him a spot at the prestigious Harvard University (or some other Boston School) (reference?). After majoring in Greek Drama, John got his doctorate in Dance. (Official title is Dr. J.) Last year John followed up with his movie success by writing a screenplay called JohnCrazy. It fell flat at the box office, but inspired him to rewrite the script as a javascript library. He modified the name a little to jQuery. The rocket success of jQuery has touched millions of people. Most notably, the shah of iran and lindsey lohan are jQuery enthusiasts. John's next moveis to start a rock band with RIngo Starr. The duet will be called Purple Closures. Album is due in late 2007. On 6/26/07, Scott Trudeau [EMAIL PROTECTED] wrote: Brian, I actually disagree. I think a person himself is least best able to judge his notability -- since notability, by definition, involves the opinion and reputation of a person held by others. A published author and creator of a very widely used piece of software is certainly notable enough for a wikipedia entry. I encourage those with the time to write something! Scott On 6/26/07, Brian Miller [EMAIL PROTECTED] wrote: I think that our opinion matters less than John's. Before considering writing an article about him, you might want to ask him whether he wants an article to be written about himself. After all, who else knows his history (and how notable it is) better then he does? - Brian The jQuery article on Wikipedia... http://en.wikipedia.org/wiki/JQuery ...has a link to John Resig, but no article has been written. Considering Wikipedia's guidelines, I think John is a notable enough subject to go into an encyclopedia, being the founder of jQuery. What do you all think? -- .|.. Scott Trudeau scott.trudeau AT gmail DOT com http://sstrudeau.com/ AIM: sodthestreets
[jQuery] Re: Validate() and TinyMCE problem
Sorry about the delay... I took long to reply because I've been away on holiday. Here's a little something I've put together: http://www.fyneworks.com/jquery/FCKEditor/ Let me know what you think! On Jun 12, 8:28 pm, Jörn Zaefferer [EMAIL PROTECTED] wrote: Diego A. wrote: Keep in mind I don't using TinyMCE, I use FCKEditor, but the principle should be the same... Basically, I write a small plugin that is responsible for 1. Creating an instance of the editor 2. Retrieving the HTML content from the editor and 'preparing' it for form submission For example... $.FCK.Start(); // creates the editors $.FCK.Update(); // updates the editors At the moment, all my form submissions go through one function that will always call the $.FCK.Update() method, but this could be integrated with other plugins - in their configuration For example... if (options.FCKEditor) $.FCK.Update(); My implementation is very specific to my needs, but I can send you the code and help you work on a more generic solution if you like. That would indeed be interesting! -- Jörn Zaefferer http://bassistance.de
[jQuery] Re: toggle min/max effect
Use the toggle function, but on the inside of it use the animate, not the slideToggle stuff. $(p).toggle(function(){ $(this).animate({ height: 50 }, 500); },function(){ $(this).animate({ height: 250 }, 500); }); totally untested, but this should help get you started. You can even get the css attribute of the minheight and maxheight and animate to those as variables. This puts the control into the CSS where it should be. Glen On 6/26/07, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: Hi, I'm a bit new to using javascript so please pardon my newbie-ness. I'm looking to toggle a div from a minimum height to a maximum height and back with a click event (e.g., 250px to 500px and back). Has anybody else been able to achieve this? How would I write this code? Caveat, the larger size (500px) div should have an overflow:auto applied to it to allow for lengthly content. My goal is to show a small ad (250px height) initially and then on a click, fade out the ad, expand the area, then fade in the content. Then the reverse on click again. Suggestions? Thanks in advance. Matthew
[jQuery] Re: John Resig Wikipedia Article
You guys are certainly welcome to do something - I won't stop you :-) That being said, I haunt Wikipedia pretty closely so if you guys are going to try for it, I'd definitely recommend putting a little bit of effort into the description, otherwise it'll get deleted faster than you can say Wikipedia moderators are lame. I know of two cases where this has occurred (so just as a word of warning): The jQuery article itself. Some users created it while we were chatting on IRC - it was flagged for deletion within minutes. We built up more links, citations, and another moderator came through and deleted everything. I fought for a couple days to establish its credibility. A friend of mine, Jeff Robbins, had a Wikipedia page created for him for his birthday. His friends had to fight all day (the day before his birthday) to try to get his article un-flagged so that it would actually be around the next day. So yeah, just a word of warning :-) --John On 6/26/07, Scott Trudeau [EMAIL PROTECTED] wrote: Brian, I actually disagree. I think a person himself is least best able to judge his notability -- since notability, by definition, involves the opinion and reputation of a person held by others. A published author and creator of a very widely used piece of software is certainly notable enough for a wikipedia entry. I encourage those with the time to write something! Scott On 6/26/07, Brian Miller [EMAIL PROTECTED] wrote: I think that our opinion matters less than John's. Before considering writing an article about him, you might want to ask him whether he wants an article to be written about himself. After all, who else knows his history (and how notable it is) better then he does? - Brian The jQuery article on Wikipedia... http://en.wikipedia.org/wiki/JQuery ...has a link to John Resig, but no article has been written. Considering Wikipedia's guidelines, I think John is a notable enough subject to go into an encyclopedia, being the founder of jQuery. What do you all think? -- .|.. Scott Trudeau scott.trudeau AT gmail DOT com http://sstrudeau.com/ AIM: sodthestreets
[jQuery] Re: Namespace attributes bug in Tickets now.
Thanks Dan and Mike! Specifically I need to add another return. I knew there was a simpler way to do it. :) John Mike Alsup wrote: John, If you want it as a plugin you need to add a return: jQuery.fn.j = function() { return this.filter(function(){ return jQuery(this).attr(coop:manage) == true; }); }; Mike On 6/26/07, Dan G. Switzer, II [EMAIL PROTECTED] wrote: John, Tried it again with this code... jQuery.fn.j = function(){ jQuery(this).filter(function(){ return jQuery(this).attr(coop:manage) == true; }); };
[jQuery] Re: Digg now uses jQuery!!
Rey Bango wrote: Dan Atkinson wrote: I for one believe that the debacle of the new comments system is the worst possible advertisement for jQuery. [ ... ] Dan, the comment system issue has nothing to do with jQuery. I've verified this with one of their developers. It's still not good advertising for JQuery. A tendency towards guilt by association is likely to paint JQuery with the same brush as any high-profile debacle promoted widely as using JQuery. Look at the kind of crap they build with JQuery! It may not be fair, but I think it's pretty realistic. -- Scott
[jQuery] How do I find this error?
Hi folks, I've got a bit of a problem where by I get a JavaScript syntax error in IE6, but everything works fine (no errors show in firebug) in FF 2.0.0.4. Typically, when I get an error in IE I run it in FF so that firebug can show me the actual error. Since viewing source in IE doesn't bring in all the JS files expanded (like firebug does), I can't see line 12 where the syntax error supposedly is. Can anybody suggest a way in IE to over come this problem? Many thanks, Chris -- http://www.cjordan.us
[jQuery] Re: How do I find this error?
IE has a powerful script debugger, but you have to enable it. Details can be found here: http://blogs.msdn.com/ie/archive/2004/10/26/247912.aspx Mike I've got a bit of a problem where by I get a JavaScript syntax error in IE6, but everything works fine (no errors show in firebug) in FF 2.0.0.4.
[jQuery] Re: Digg now uses jQuery!!
Its all a matter of how its handled and I think for the moment, we're fine. Rey... Scott Sauyet wrote: Rey Bango wrote: Dan Atkinson wrote: I for one believe that the debacle of the new comments system is the worst possible advertisement for jQuery. [ ... ] Dan, the comment system issue has nothing to do with jQuery. I've verified this with one of their developers. It's still not good advertising for JQuery. A tendency towards guilt by association is likely to paint JQuery with the same brush as any high-profile debacle promoted widely as using JQuery. Look at the kind of crap they build with JQuery! It may not be fair, but I think it's pretty realistic. -- Scott -- BrightLight Development, LLC. 954-775- (o) 954-600-2726 (c) [EMAIL PROTECTED] http://www.iambright.com
[jQuery] Fw: slide and radio button state
I've come across a strange IE specific behaviour when using the slide animation. If the div that has the slide applied contains a radio button the checked status is lost once the slide has been used. I've put up a page demonstrating what I mean here: http://www.mm-webs.com/sandbox/radio/radio.cfm In FF you can slide as much as you want and still retain the form value when you submit. In IE, if you submit without sliding the form data is present but after you slide it disappears. Does anyone know something I can do to retain the form data, or suggest what I might be doing wrong that makes IE lose it? Thanks Gareth
[jQuery] Re: John Resig Wikipedia Article
Not alot of pages or content for web developers. http://en.wikipedia.org/wiki/Douglas_Crockford http://en.wikipedia.org/wiki/Dean_Edwards (Who knew he was so funny? On 6/26/07, John Resig [EMAIL PROTECTED] wrote: You guys are certainly welcome to do something - I won't stop you :-) That being said, I haunt Wikipedia pretty closely so if you guys are going to try for it, I'd definitely recommend putting a little bit of effort into the description, otherwise it'll get deleted faster than you can say Wikipedia moderators are lame. I know of two cases where this has occurred (so just as a word of warning): The jQuery article itself. Some users created it while we were chatting on IRC - it was flagged for deletion within minutes. We built up more links, citations, and another moderator came through and deleted everything. I fought for a couple days to establish its credibility. A friend of mine, Jeff Robbins, had a Wikipedia page created for him for his birthday. His friends had to fight all day (the day before his birthday) to try to get his article un-flagged so that it would actually be around the next day. So yeah, just a word of warning :-) --John On 6/26/07, Scott Trudeau [EMAIL PROTECTED] wrote: Brian, I actually disagree. I think a person himself is least best able to judge his notability -- since notability, by definition, involves the opinion and reputation of a person held by others. A published author and creator of a very widely used piece of software is certainly notable enough for a wikipedia entry. I encourage those with the time to write something! Scott On 6/26/07, Brian Miller [EMAIL PROTECTED] wrote: I think that our opinion matters less than John's. Before considering writing an article about him, you might want to ask him whether he wants an article to be written about himself. After all, who else knows his history (and how notable it is) better then he does? - Brian The jQuery article on Wikipedia... http://en.wikipedia.org/wiki/JQuery ...has a link to John Resig, but no article has been written. Considering Wikipedia's guidelines, I think John is a notable enough subject to go into an encyclopedia, being the founder of jQuery. What do you all think? -- .|.. Scott Trudeau scott.trudeau AT gmail DOT com http://sstrudeau.com/ AIM: sodthestreets
[jQuery] Re: reg expression for finding url [more of a javascript question]
Hi Benjamin, I think you can find what you need right here in this blog: http://badassery.blogspot.com/2007/02/parseuri-split-urls-in-javascript.html I put up his code for testing purposes: http://www.sozzi.cn/tests/ParseUri.htm hope that is what you were looking for regards Angelo On Jun 26, 6:29 am, Benjamin Sterling [EMAIL PROTECTED] wrote: Hey guys and gals, Wondering if anyone has a function or if someone can help me put one together that will find a url in a string? What needs to be done is to find a start point of http://; or https://; and an end point of .com or .net... etc... The reason for the need, I am bringing pages in via .load and on the page there are img tags that reference a fold that is inline with the page I am bringing in. Since the page that is bringing these other pages is at the root, I need to append a path to the src tag. Problem is that IE, when bringing in the page, already appends the url to the src, ie.http://meridium.informationexperts.com/img/001.jpg, where as every other browser on goods green earth does not. I searched the web for the answer and since I don't full grasp the reg expression process, I am dead in the water. Thanks. -- Benjamin Sterlinghttp://www.KenzoMedia.comhttp://www.KenzoHosting.com
[jQuery] Re: Digg now uses jQuery!!
Rey Bango wrote: Scott Sauyet wrote: Rey Bango wrote: Dan Atkinson wrote: I for one believe that the debacle of the new comments system is the worst possible advertisement for jQuery. [ ... ] Dan, the comment system issue has nothing to do with jQuery. I've verified this with one of their developers. It's still not good advertising for JQuery. A tendency towards guilt by association is likely to paint JQuery with the same brush as any high-profile debacle promoted widely as using JQuery. Look at the kind of crap they build with JQuery! It may not be fair, but I think it's pretty realistic. Its all a matter of how its handled and I think for the moment, we're fine. Of course. I'm not worried about Digg. I simply don't think it's something we should be shouting about right now. -- Scott
[jQuery] Re: reg expression for finding url [more of a javascript question]
Angelo, that is awesome. I really do appreciate it. On 6/26/07, sozzi [EMAIL PROTECTED] wrote: Hi Benjamin, I think you can find what you need right here in this blog: http://badassery.blogspot.com/2007/02/parseuri-split-urls-in-javascript.html I put up his code for testing purposes: http://www.sozzi.cn/tests/ParseUri.htm hope that is what you were looking for regards Angelo On Jun 26, 6:29 am, Benjamin Sterling [EMAIL PROTECTED] wrote: Hey guys and gals, Wondering if anyone has a function or if someone can help me put one together that will find a url in a string? What needs to be done is to find a start point of http://; or https://; and an end point of .com or .net... etc... The reason for the need, I am bringing pages in via .load and on the page there are img tags that reference a fold that is inline with the page I am bringing in. Since the page that is bringing these other pages is at the root, I need to append a path to the src tag. Problem is that IE, when bringing in the page, already appends the url to the src, ie.http://meridium.informationexperts.com/img/001.jpg, where as every other browser on goods green earth does not. I searched the web for the answer and since I don't full grasp the reg expression process, I am dead in the water. Thanks. -- Benjamin Sterlinghttp://www.KenzoMedia.comhttp://www.KenzoHosting.com -- Benjamin Sterling http://www.KenzoMedia.com http://www.KenzoHosting.com
[jQuery] Re: Fw: slide and radio button state
Gareth, I've come across a strange IE specific behaviour when using the slide animation. If the div that has the slide applied contains a radio button the checked status is lost once the slide has been used. I've put up a page demonstrating what I mean here: http://www.mm-webs.com/sandbox/radio/radio.cfm In FF you can slide as much as you want and still retain the form value when you submit. In IE, if you submit without sliding the form data is present but after you slide it disappears. Does anyone know something I can do to retain the form data, or suggest what I might be doing wrong that makes IE lose it? While I'm afraid I don't have a good answer for you, I've noticed this behavior as well (specifically with the Interface Drag-n-Drop library.) The odd part is when you inspect the HTML, the checked status is marked. I've posted about this problem before, but just haven't been able to track the issue down yet. -Dan
[jQuery] Re: John Resig Wikipedia Article
Glen Lipka schrieb: Not alot of pages or content for web developers. [...] http://en.wikipedia.org/wiki/Dean_Edwards http://en.wikipedia.org/wiki/Dean_Edwards (Who knew he was so funny? that must have been after he played football, right ? micha
[jQuery] Re: Fw: slide and radio button state
I think this is the same as bug 1095: http://dev.jquery.com/ticket/1095 I've come across a strange IE specific behaviour when using the slide animation. If the div that has the slide applied contains a radio button
[jQuery] Re: toggle min/max effect
Thanks, it worked like a charm. Here is what I ended up doing: !-- ### In the head ### -- style type=text/css #area{margin:0 auto 5px; padding:0 5px 5px; height:75px; overflow:hidden; border:1px solid #000; position:relative; width: 600px;} #area h2, #area p{margin:0; padding:0 0 10px;} #area span{position:absolute; top:0; right:0; color:#000; background:#ffc; padding:0 5px; border:1px solid #000; border-width:0 0 1px 1px; font-style:italic; font-size:0.8em;} /style !-- ### In the head ### -- script language=JavaScript type=text/javascript src=js/libraries/ jquery-1.1.2/jquery.js/script script type=text/javascript/* ![CDATA[ */ $(document).ready(function(){// start jquery code $(#area p|span).toggle( function(){ $(#area).animate({height:250},500,function(){ $(this).css({overflow:auto,background:#ffc}); $(span).fadeOut(); }); },function(){ $(#area).animate({height:75},500,function(){ $(this).css({overflow:hidden,background:#fff}); $(span).fadeIn(); }); } ); });// end jquery code /* ]] *//script !-- ### In the body ### -- div id=areaspanClick Anywhere To Read More.../span h2Lorem ipsum dolor.../h2 pLorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ligula lorem, consequat eget, tristique nec, auctor quis, purus. Vivamus ut sem. Fusce aliquam nunc vitae purus. Aenean viverra malesuada libero. Fusce ac quam. Donec neque. Nunc venenatis enim nec quam. Cras faucibus, justo vel accumsan aliquam, tellus dui fringilla quam, in condimentum augue lorem non tellus. Pellentesque id arcu non sem placerat iaculis. Curabitur posuere, pede vitae lacinia accumsan, enim nibh elementum orci, ut volutpat eros sapien nec sapien. Suspendisse neque arcu, ultrices commodo, pellentesque sit amet, ultricies ut, ipsum. Mauris et eros eget erat dapibus mollis. Mauris laoreet posuere odio. Nam ipsum ligula, ullamcorper eu, fringilla at, lacinia ut, augue. Nullam nunc./p pSed et lectus in massa imperdiet tincidunt. Praesent neque tortor, sollicitudin non, euismod a, adipiscing a, est. Mauris diam metus, varius nec, faucibus at, faucibus sollicitudin, lectus. Nam posuere felis ac urna. Vestibulum tempor vestibulum urna. Nullam metus. Vivamus ac purus. Nullam interdum ullamcorper libero. Morbi vehicula imperdiet justo. Etiam mollis fringilla ante. Donec et dui. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Etiam mi libero, luctus nec, blandit ac, rutrum ac, lectus./p p[...]/p p[...]/p p[...]/p /div On Jun 26, 9:38 am, Glen Lipka [EMAIL PROTECTED] wrote: Use the toggle function, but on the inside of it use the animate, not the slideToggle stuff. $(p).toggle(function(){ $(this).animate({ height: 50 }, 500); },function(){ $(this).animate({ height: 250 }, 500); }); totally untested, but this should help get you started. You can even get the css attribute of the minheight and maxheight and animate to those as variables. This puts the control into the CSS where it should be. Glen On 6/26/07, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: Hi, I'm a bit new to using javascript so please pardon my newbie-ness. I'm looking to toggle a div from a minimum height to a maximum height and back with a click event (e.g., 250px to 500px and back). Has anybody else been able to achieve this? How would I write this code? Caveat, the larger size (500px) div should have an overflow:auto applied to it to allow for lengthly content. My goal is to show a small ad (250px height) initially and then on a click, fade out the ad, expand the area, then fade in the content. Then the reverse on click again. Suggestions? Thanks in advance. Matthew
[jQuery] Re: Digg now uses jQuery!!
I understand Scott. Before we post anything, the evangelism team and John go over it to ensure its appropriate. We submitted news of the Digg conversion to Ajax Magazine and Ajaxian, even in light of these issues, because its important to show Digg that we support them and we're proud of the association with them. Its something that too few projects do because its easier to distance yourself from controversy than actually stand by a partner and say, We're here for you no matter what!. We've been in direct contact with Digg and have offered our assistance if they need it. The Digg posting wasn't done by the team but we definitely won't ask the community to curb their enthusiasm and if we need to jump in to quell any issues, we're there to support you guys. Rey... jQuery Project Team Its all a matter of how its handled and I think for the moment, we're fine. Of course. I'm not worried about Digg. I simply don't think it's something we should be shouting about right now. -- Scott -- BrightLight Development, LLC. 954-775- (o) 954-600-2726 (c) [EMAIL PROTECTED] http://www.iambright.com
[jQuery] Re: toggle min/max effect
What does the pipe do in this part? $(#area p|span) Also, what is the reason for /* ![CDATA[ */ I see that alot, but never knew why its used. Glen On 6/26/07, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: Thanks, it worked like a charm. Here is what I ended up doing: !-- ### In the head ### -- style type=text/css #area{margin:0 auto 5px; padding:0 5px 5px; height:75px; overflow:hidden; border:1px solid #000; position:relative; width: 600px;} #area h2, #area p{margin:0; padding:0 0 10px;} #area span{position:absolute; top:0; right:0; color:#000; background:#ffc; padding:0 5px; border:1px solid #000; border-width:0 0 1px 1px; font-style:italic; font-size:0.8em;} /style !-- ### In the head ### -- script language=JavaScript type=text/javascript src=js/libraries/ jquery-1.1.2/jquery.js/script script type=text/javascript/* ![CDATA[ */ $(document).ready(function(){// start jquery code $(#area p|span).toggle( function(){ $(#area).animate({height:250},500,function(){ $(this).css({overflow:auto,background:#ffc}); $(span).fadeOut(); }); },function(){ $(#area).animate({height:75},500,function(){ $(this).css({overflow:hidden,background:#fff}); $(span).fadeIn(); }); } ); });// end jquery code /* ]] *//script !-- ### In the body ### -- div id=areaspanClick Anywhere To Read More.../span h2Lorem ipsum dolor.../h2 pLorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ligula lorem, consequat eget, tristique nec, auctor quis, purus. Vivamus ut sem. Fusce aliquam nunc vitae purus. Aenean viverra malesuada libero. Fusce ac quam. Donec neque. Nunc venenatis enim nec quam. Cras faucibus, justo vel accumsan aliquam, tellus dui fringilla quam, in condimentum augue lorem non tellus. Pellentesque id arcu non sem placerat iaculis. Curabitur posuere, pede vitae lacinia accumsan, enim nibh elementum orci, ut volutpat eros sapien nec sapien. Suspendisse neque arcu, ultrices commodo, pellentesque sit amet, ultricies ut, ipsum. Mauris et eros eget erat dapibus mollis. Mauris laoreet posuere odio. Nam ipsum ligula, ullamcorper eu, fringilla at, lacinia ut, augue. Nullam nunc./p pSed et lectus in massa imperdiet tincidunt. Praesent neque tortor, sollicitudin non, euismod a, adipiscing a, est. Mauris diam metus, varius nec, faucibus at, faucibus sollicitudin, lectus. Nam posuere felis ac urna. Vestibulum tempor vestibulum urna. Nullam metus. Vivamus ac purus. Nullam interdum ullamcorper libero. Morbi vehicula imperdiet justo. Etiam mollis fringilla ante. Donec et dui. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Etiam mi libero, luctus nec, blandit ac, rutrum ac, lectus./p p[...]/p p[...]/p p[...]/p /div On Jun 26, 9:38 am, Glen Lipka [EMAIL PROTECTED] wrote: Use the toggle function, but on the inside of it use the animate, not the slideToggle stuff. $(p).toggle(function(){ $(this).animate({ height: 50 }, 500); },function(){ $(this).animate({ height: 250 }, 500); }); totally untested, but this should help get you started. You can even get the css attribute of the minheight and maxheight and animate to those as variables. This puts the control into the CSS where it should be. Glen On 6/26/07, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: Hi, I'm a bit new to using javascript so please pardon my newbie-ness. I'm looking to toggle a div from a minimum height to a maximum height and back with a click event (e.g., 250px to 500px and back). Has anybody else been able to achieve this? How would I write this code? Caveat, the larger size (500px) div should have an overflow:auto applied to it to allow for lengthly content. My goal is to show a small ad (250px height) initially and then on a click, fade out the ad, expand the area, then fade in the content. Then the reverse on click again. Suggestions? Thanks in advance. Matthew
[jQuery] Re: toggle min/max effect
On 6/26/07, Glen Lipka [EMAIL PROTECTED] wrote: Also, what is the reason for /* ![CDATA[ */ I see that alot, but never knew why its used. It's the hyper-paranoid/proper way of hiding your scripts from non-supporting browsers, from what I recall.
[jQuery] Re: toggle min/max effect
On 6/26/07, Su [EMAIL PROTECTED] wrote: On 6/26/07, Glen Lipka [EMAIL PROTECTED] wrote: Also, what is the reason for /* ![CDATA[ */ I see that alot, but never knew why its used. It's the hyper-paranoid/proper way of hiding your scripts from non-supporting browsers, from what I recall. Ah here, we are: http://javascript.about.com/library/blxhtml.htm Given how many(read: few) people have actually gone through all the work necessary to actually serve their XHTML AS XHTML, the real necessity of this is currently kinda low. Those people are used to doing surgery on everybody else's code, anyway.
[jQuery] Re: Drop event
That's just the position of the draggable (which you've called 'droppped'), right? Maybe: $(dropped).css('left') and $(dropped).css('top'). Or you could use a function on the onDrag event of the draggable that updates some local variables to save the last position: var x; var y; $(...).Draggable({ ..., onDrag: function(currentX, currentY) { x = currentX; y = currentY; } }); Also, it looks like the current position is stored internally in the Draggable somewhere. Maybe try one of these: dropped.dragCfg.currentPointer.x dropped.dragCfg.nx dropped.dragCfg.nRx Good luck with it. --Erik On 6/26/07, Michael Fuerst [EMAIL PROTECTED] wrote: Is there a way to acces the drop-event in ondrop in a doppable? I needs the coordinates to show a popup menue: $(this).attr('isdropabled', '1').Droppable( { ..., ondrop : function(dropped) { showPopUpMenu(event, $(dropped).attr('title'), $(this).attr('title')); } }); Michael
[jQuery] Re: Possible bug on button click event
no way... u r probably doing something wrong... The problem could be that you are attaching click() event to the button in multiple places in the code. This can usually happen, when you have multiple js files and unknowingly attach the event twice. This is not the same as button.onclick = function();. this type of event association will over-ride each other, but when using jquery's button.click(function(){}) each event handler gets added to the previous. -GTG On 6/26/07, roryf [EMAIL PROTECTED] wrote: Hi, I've come across some behaviour that seems a bit odd to me, not sure if its by design or a bug. I've been trying to fire the click event of a button with the following: $('#mybtn').click(); However this causes the click event to fire twice, the result is the form being submitted twice. I was able to fix it by using instead: $('#mybtn')[0].click(); Which only fires the event once. This only happens with buttons (type=button|submit|reset) not any other element I've tried like hyperlinks. I haven't tried it with a collection of buttons rather than one selector, I guess that would be the next step. So, is it supposed to do this and if so why? Cheers, Rory Fitzpatrick
[jQuery] Re: toggle min/max effect
I was trying to use the Logical Operator OR (||) but could only get it to work with one pipe (|). Simple I wanted to say when either the #area p OR span tag is clicked run the code. CDATA is the XML way of escaping. Essentially, everything inside a CDATA section is ignored by the parser. And it's been said that it's the MORE correct or proper way to comment out script. A CDATA section starts with ![CDATA[ and ends with ]]. In addition, you have to add /* */ around the CDATA for the browser to ignore it. :-) Matthew On Jun 26, 11:09 am, Glen Lipka [EMAIL PROTECTED] wrote: What does the pipe do in this part? $(#area p|span) Also, what is the reason for /* ![CDATA[ */ I see that alot, but never knew why its used. Glen On 6/26/07, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: Thanks, it worked like a charm. Here is what I ended up doing: !-- ### In the head ### -- style type=text/css #area{margin:0 auto 5px; padding:0 5px 5px; height:75px; overflow:hidden; border:1px solid #000; position:relative; width: 600px;} #area h2, #area p{margin:0; padding:0 0 10px;} #area span{position:absolute; top:0; right:0; color:#000; background:#ffc; padding:0 5px; border:1px solid #000; border-width:0 0 1px 1px; font-style:italic; font-size:0.8em;} /style !-- ### In the head ### -- script language=JavaScript type=text/javascript src=js/libraries/ jquery-1.1.2/jquery.js/script script type=text/javascript/* ![CDATA[ */ $(document).ready(function(){// start jquery code $(#area p|span).toggle( function(){ $(#area).animate({height:250},500,function(){ $(this).css({overflow:auto,background:#ffc}); $(span).fadeOut(); }); },function(){ $(#area).animate({height:75},500,function(){ $(this).css({overflow:hidden,background:#fff}); $(span).fadeIn(); }); } ); });// end jquery code /* ]] *//script !-- ### In the body ### -- div id=areaspanClick Anywhere To Read More.../span h2Lorem ipsum dolor.../h2 pLorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ligula lorem, consequat eget, tristique nec, auctor quis, purus. Vivamus ut sem. Fusce aliquam nunc vitae purus. Aenean viverra malesuada libero. Fusce ac quam. Donec neque. Nunc venenatis enim nec quam. Cras faucibus, justo vel accumsan aliquam, tellus dui fringilla quam, in condimentum augue lorem non tellus. Pellentesque id arcu non sem placerat iaculis. Curabitur posuere, pede vitae lacinia accumsan, enim nibh elementum orci, ut volutpat eros sapien nec sapien. Suspendisse neque arcu, ultrices commodo, pellentesque sit amet, ultricies ut, ipsum. Mauris et eros eget erat dapibus mollis. Mauris laoreet posuere odio. Nam ipsum ligula, ullamcorper eu, fringilla at, lacinia ut, augue. Nullam nunc./p pSed et lectus in massa imperdiet tincidunt. Praesent neque tortor, sollicitudin non, euismod a, adipiscing a, est. Mauris diam metus, varius nec, faucibus at, faucibus sollicitudin, lectus. Nam posuere felis ac urna. Vestibulum tempor vestibulum urna. Nullam metus. Vivamus ac purus. Nullam interdum ullamcorper libero. Morbi vehicula imperdiet justo. Etiam mollis fringilla ante. Donec et dui. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Etiam mi libero, luctus nec, blandit ac, rutrum ac, lectus./p p[...]/p p[...]/p p[...]/p /div On Jun 26, 9:38 am, Glen Lipka [EMAIL PROTECTED] wrote: Use the toggle function, but on the inside of it use the animate, not the slideToggle stuff. $(p).toggle(function(){ $(this).animate({ height: 50 }, 500); },function(){ $(this).animate({ height: 250 }, 500); }); totally untested, but this should help get you started. You can even get the css attribute of the minheight and maxheight and animate to those as variables. This puts the control into the CSS where it should be. Glen On 6/26/07, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: Hi, I'm a bit new to using javascript so please pardon my newbie-ness. I'm looking to toggle a div from a minimum height to a maximum height and back with a click event (e.g., 250px to 500px and back). Has anybody else been able to achieve this? How would I write this code? Caveat, the larger size (500px) div should have an overflow:auto applied to it to allow for lengthly content. My goal is to show a small ad (250px height) initially and then on a click, fade out the ad, expand the area, then fade in the content. Then the reverse on click again. Suggestions? Thanks in advance. Matthew
[jQuery] Re: TreeView with Checkbox Tree
Mario Moura wrote: Yes, Jörn Will be a good addon to treeview. About Christof email if just add the checkboxes to the li-Tag will work? Should I re-create my tree from my select form using option value=0linone/li/option or lioption value=0none/option /li How about this? liinput type=checkbox /Blah/li -- Jörn Zaefferer http://bassistance.de
[jQuery] Re: toggle min/max effect
Wouldn't the comma be easier? $(#area p,span) Glen On 6/26/07, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: I was trying to use the Logical Operator OR (||) but could only get it to work with one pipe (|). Simple I wanted to say when either the #area p OR span tag is clicked run the code. CDATA is the XML way of escaping. Essentially, everything inside a CDATA section is ignored by the parser. And it's been said that it's the MORE correct or proper way to comment out script. A CDATA section starts with ![CDATA[ and ends with ]]. In addition, you have to add /* */ around the CDATA for the browser to ignore it. :-) Matthew On Jun 26, 11:09 am, Glen Lipka [EMAIL PROTECTED] wrote: What does the pipe do in this part? $(#area p|span) Also, what is the reason for /* ![CDATA[ */ I see that alot, but never knew why its used. Glen On 6/26/07, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: Thanks, it worked like a charm. Here is what I ended up doing: !-- ### In the head ### -- style type=text/css #area{margin:0 auto 5px; padding:0 5px 5px; height:75px; overflow:hidden; border:1px solid #000; position:relative; width: 600px;} #area h2, #area p{margin:0; padding:0 0 10px;} #area span{position:absolute; top:0; right:0; color:#000; background:#ffc; padding:0 5px; border:1px solid #000; border-width:0 0 1px 1px; font-style:italic; font-size:0.8em;} /style !-- ### In the head ### -- script language=JavaScript type=text/javascript src=js/libraries/ jquery-1.1.2/jquery.js/script script type=text/javascript/* ![CDATA[ */ $(document).ready(function(){// start jquery code $(#area p|span).toggle( function(){ $(#area).animate({height:250},500,function(){ $(this).css({overflow:auto,background:#ffc}); $(span).fadeOut(); }); },function(){ $(#area).animate({height:75},500,function(){ $(this).css({overflow:hidden,background:#fff}); $(span).fadeIn(); }); } ); });// end jquery code /* ]] *//script !-- ### In the body ### -- div id=areaspanClick Anywhere To Read More.../span h2Lorem ipsum dolor.../h2 pLorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ligula lorem, consequat eget, tristique nec, auctor quis, purus. Vivamus ut sem. Fusce aliquam nunc vitae purus. Aenean viverra malesuada libero. Fusce ac quam. Donec neque. Nunc venenatis enim nec quam. Cras faucibus, justo vel accumsan aliquam, tellus dui fringilla quam, in condimentum augue lorem non tellus. Pellentesque id arcu non sem placerat iaculis. Curabitur posuere, pede vitae lacinia accumsan, enim nibh elementum orci, ut volutpat eros sapien nec sapien. Suspendisse neque arcu, ultrices commodo, pellentesque sit amet, ultricies ut, ipsum. Mauris et eros eget erat dapibus mollis. Mauris laoreet posuere odio. Nam ipsum ligula, ullamcorper eu, fringilla at, lacinia ut, augue. Nullam nunc./p pSed et lectus in massa imperdiet tincidunt. Praesent neque tortor, sollicitudin non, euismod a, adipiscing a, est. Mauris diam metus, varius nec, faucibus at, faucibus sollicitudin, lectus. Nam posuere felis ac urna. Vestibulum tempor vestibulum urna. Nullam metus. Vivamus ac purus. Nullam interdum ullamcorper libero. Morbi vehicula imperdiet justo. Etiam mollis fringilla ante. Donec et dui. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Etiam mi libero, luctus nec, blandit ac, rutrum ac, lectus./p p[...]/p p[...]/p p[...]/p /div On Jun 26, 9:38 am, Glen Lipka [EMAIL PROTECTED] wrote: Use the toggle function, but on the inside of it use the animate, not the slideToggle stuff. $(p).toggle(function(){ $(this).animate({ height: 50 }, 500); },function(){ $(this).animate({ height: 250 }, 500); }); totally untested, but this should help get you started. You can even get the css attribute of the minheight and maxheight and animate to those as variables. This puts the control into the CSS where it should be. Glen On 6/26/07, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: Hi, I'm a bit new to using javascript so please pardon my newbie-ness. I'm looking to toggle a div from a minimum height to a maximum height and back with a click event (e.g., 250px to 500px and back). Has anybody else been able to achieve this? How would I write this code? Caveat, the larger size (500px) div should have an overflow:auto applied to it to allow for lengthly content. My goal is to show a small ad (250px height) initially and then on a click, fade out the ad, expand the area, then fade in the content. Then the reverse on click again. Suggestions? Thanks in advance. Matthew
[jQuery] Re: jQuery for GreaseMonkey
Hey Sean At last you did dare to port 1.1.2 to GM! Gratz man. Love to see this work done. Cheers, On 6/23/07, Sean Catchpole [EMAIL PROTECTED] wrote: Hey Michael, If you code is inside of the usual $(function(){...}) then it will not exectute. I have not changed over v1.1.2 to Greasemonkey, but if I get time today I will do so. ~Sean -- Joan Piedra || Frontend webdeveloper http://joanpiedra.com/
[jQuery] Interface - Resizable by x pixels
Ok, i didnt see it in the docs, but I want to set the movement to be in blocks of x pixels. similiar to dragables grid movement. can this be done with the current plugin or will I just have to settle to use the onstop function and snap it to the correct pixel? ie from my code here: w: #event_ + gEventQ[i].ID +_dragStart, e: #event_ + gEventQ[i].ID +_dragEnd something like: w: #event_ + gEventQ[i].ID +_dragStart 10px, e: #event_ + gEventQ[i].ID +_dragEnd 10px or other options like moveRightBy, moveLeftBy, etc. ~Terry
[jQuery] Re: Validate() and TinyMCE problem
Diego A. wrote: Sorry about the delay... I took long to reply because I've been away on holiday. Here's a little something I've put together: http://www.fyneworks.com/jquery/FCKEditor/ Let me know what you think! Looks good. It wouldn't hurt to provide explicit methods for init and update. For integration with validation the validation plugin could check for $.FCK and call it to update before validating a form, right? -- Jörn Zaefferer http://bassistance.de
[jQuery] TortoiseSVN help?
Hey all, I'm using TortoiseSVN, and I'm an SVN noob so bear with me... I tried to import from here: http://jqueryjs.googlecode.com/svn/trunk But, it requested a username and password...I tried my Google login but it didn't work...what do I need to do to get it working? Do I need to signup with a different username/password somewhere? Thanks for your patience...
[jQuery] Interface shopping cart - how to insert in DB
Hi all. Interface haves a very cool shopping cart example in http://interface.eyecon.ro/demos/cart.html My question: how can I reference that selected products in shopping basket to insert in database? I didn't see any form field in source code for that example. Cheers
[jQuery] Select value
Well i know this is some newbie question but i´m stuck in this how can i get the select option value?? label for=tipo_respTipo resposta:/label select id=tipo_resp name=tipo_resp tabindex=3 ? do{ ? option value=?=$tipos-id; ?? echo $tipos-tipo; ?/option ? }while($tipos = mysql_fetch_object($resultado_tipos)); ? /selectbr / i have to get the values to append the right tag for the answer -- []´s Jean www.suissa.info Ethereal Agency www.etherealagency.com
[jQuery] Need to hide all elements
I need to hide all html elements inside BODY, except a div named content, but don't know how to do that. Example original content: html body div class=topMy Slogan/div div class=contentFull text about my site/div /body /html After transform: html body div class=top style=display:none;My Slogan/div div class=contentFull text about my site/div /body /html Then i could transform again and the original content bring back. Somebody help-me?
[jQuery] Re: Fw: slide and radio button state
Thanks Dan, at least I don't feel all alone now :) @Mike, yes it looks like the same thing. By mistake, I just checked the behaviour using jQuery 1.1 (Rev: 1073) (I was using 1.2 before) and the radio button state IS maintained in IE (and FF). I'm not exactly keen on the idea but nothing else on the page appears broken so I might use 1.1 in this instance. I also tested 1.1.3a but the problem was still there. Thanks Guys. - Original Message - From: Dan G. Switzer, II [EMAIL PROTECTED] To: jquery-en@googlegroups.com Sent: Tuesday, June 26, 2007 5:50 PM Subject: [jQuery] Re: Fw: slide and radio button state While I'm afraid I don't have a good answer for you, I've noticed this behavior as well (specifically with the Interface Drag-n-Drop library.) The odd part is when you inspect the HTML, the checked status is marked. I've posted about this problem before, but just haven't been able to track the issue down yet. -Dan
[jQuery] Tooltip function not working
Am I doing something wrong, or does the tooltip plugin not work with the latest jQuery? I have it loaded on my site, and the only code I have is: $('a.showtip').Tooltip({ track: true, delay: 0 }); The hover doesn't show in FF or IE, and I get an error in IE: http://admissionstest.unl.edu/daily_visit/schedule/?type=High%20School%20Senior Any ideas would be appreciated! Thanks!