[jQuery] Re: Creating an OS Web Interface in jQuery (Part I)
Rick, I read the tutorial in its entirety before commenting. This document lacks structure and not only that, I could have pointed the many english mistakes, because obviously this was written quite fast, and i'm sure with a little more care and some more mindset framing, it should be perfect. I don't know what you consider a tutorial, but as for me, a tutorial means something meant to teach. In this document, adam shows obvious skills, but does not teach, hence i'd call this a demo. I meant to be constructive because he shows a lot of enthusiasm and that's his strength. But telling him this tutorial is perfect won't help him improve, nor the jquery community as a whole. hope this helps clarify my comments. Best, Alexandre On Tue, Dec 16, 2008 at 8:53 PM, Rick Faircloth r...@whitestonemedia.com wrote: Just take it on face value... did you even look at it? It's obviously an operating system interface. And, yes, this is Part 1 of a series, he stated. You don't have to know everything right away to appreciate what's already been done! Rick -Original Message- From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On Behalf Of donb Sent: Tuesday, December 16, 2008 2:22 PM To: jQuery (English) Subject: [jQuery] Re: Creating an OS Web Interface in jQuery (Part I) I may seem a bit dense, but what's the objective here? And is 'OS' Operating System, Open Source, something else? Maybe Part 2 clears all this up, but some intro/background would help a lot. On Dec 16, 7:57 am, AdrianMG yens...@gmail.com wrote: Finally here you have the First Part of this series of tutorials to recreate an OS Web Interface with our lovely jQuery javascript library. Here you have the link guys, I hope you can use it for your personal projects: http://yensdesign.com/2008/12/creating-an-os-web-interface-in-jquery-...
[jQuery] Re: Code migration from js to jquery
try this: var innerDocument = $('#indexIframe).get(0).contentDocument; alert($(#cab, innerDocument).val()); On Thu, Dec 11, 2008 at 12:48 PM, m.ugues [EMAIL PROTECTED] wrote: Is there an elegant way to migrate this piece of code var innerDocument = parent.document.getElementById (indexIframe).contentDocument; alert(innerDocument.getElementById(cab).value); with jQuery? I cannot get it :( Thanks, kind regards Massimo Ugues
[jQuery] Re: Code migration from js to jquery
in case it doesn't help, here is aa blog post that describes (read comments) http://simple.procoding.net/2008/03/21/how-to-access-iframe-in-jquery/ On Thu, Dec 11, 2008 at 1:00 PM, Alexandre Plennevaux [EMAIL PROTECTED] wrote: try this: var innerDocument = $('#indexIframe).get(0).contentDocument; alert($(#cab, innerDocument).val()); On Thu, Dec 11, 2008 at 12:48 PM, m.ugues [EMAIL PROTECTED] wrote: Is there an elegant way to migrate this piece of code var innerDocument = parent.document.getElementById (indexIframe).contentDocument; alert(innerDocument.getElementById(cab).value); with jQuery? I cannot get it :( Thanks, kind regards Massimo Ugues
[jQuery] Re: pleeease heeelp me nowwwwww
give us the url or the main js code, hard to be helpful without info. On Wed, Dec 10, 2008 at 10:22 AM, JQueryProgrammer [EMAIL PROTECTED] wrote: Try this: $(function() { // your code goes here. }); Also while including the jquery file, write it as: script type=text/javascript src=jquery.js/script Check whether this helps. On Dec 10, 2:17 pm, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: hi i have written jquery for a site; after a while for sth that i don't know it don't work anymore and direbug give an error like this: $(div#peik) is null $(div#peik).hide(); and when i try to write $(document).ready() in firebug, it return : TypeError: $(document) is null whyyy is that? pleeeas answer as soon as posible thanks
[jQuery] Re: pleeease heeelp me nowwwwww
can you cut and paste the full html on the page, and show the javascript external file links. that should be enoughf thanks. On Wed, Dec 10, 2008 at 10:36 AM, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: ok, the code is: var flag=false; $().ready(function(){ $(div#peik).hide(); $('div#cardbanki div').hide(); $('div#pardakht div').hide(); ... the error is on first div (like i said in first post) and if you want url , i must say that it's a persian eshop site http://www.finaleshop.com you must buy a product and then goto checkout_confirmation.php page (i suggest that pm me to talk about it ! :-s ) On Dec 10, 12:33 pm, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: nooo, it wasn't helpful if anybody can help me please send a pm me at yahoo messsenger at ( [EMAIL PROTECTED]) thankks :-s On Dec 10, 12:22 pm, JQueryProgrammer [EMAIL PROTECTED] wrote: Try this: $(function() { // your code goes here. }); Also while including the jquery file, write it as: script type=text/javascript src=jquery.js/script Check whether this helps. On Dec 10, 2:17 pm, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: hi i have written jquery for a site; after a while for sth that i don't know it don't work anymore and direbug give an error like this: $(div#peik) is null $(div#peik).hide(); and when i try to write $(document).ready() in firebug, it return : TypeError: $(document) is null whyyy is that? pleeeas answer as soon as posible thanks
[jQuery] Re: pleeease heeelp me nowwwwww
in http://www.finaleshop.com/includes/javascript/rahnema1.js you have a typo var flag=false; //$().ready(function(){ $(function() { that sign is problematic. continuing reading... On Wed, Dec 10, 2008 at 10:40 AM, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: (thanks for your answers :*) script type=text/javascript src=includes/javascript/jqCore.js/ script script type=text/javascript src=includes/javascript/rahnema1.js/ script the urls are : http://www.finaleshop.com/includes/javascript/rahnema1.js http://www.finaleshop.com/includes/javascript/jqCore.js On Dec 10, 12:38 pm, Alexandre Plennevaux [EMAIL PROTECTED] wrote: can you cut and paste the full html on the page, and show the javascript external file links. that should be enoughf thanks. On Wed, Dec 10, 2008 at 10:36 AM, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: ok, the code is: var flag=false; $().ready(function(){ $(div#peik).hide(); $('div#cardbanki div').hide(); $('div#pardakht div').hide(); ... the error is on first div (like i said in first post) and if you want url , i must say that it's a persian eshop site http://www.finaleshop.com you must buy a product and then goto checkout_confirmation.php page (i suggest that pm me to talk about it ! :-s ) On Dec 10, 12:33 pm, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: nooo, it wasn't helpful if anybody can help me please send a pm me at yahoo messsenger at ( [EMAIL PROTECTED]) thankks :-s On Dec 10, 12:22 pm, JQueryProgrammer [EMAIL PROTECTED] wrote: Try this: $(function() { // your code goes here. }); Also while including the jquery file, write it as: script type=text/javascript src=jquery.js/script Check whether this helps. On Dec 10, 2:17 pm, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: hi i have written jquery for a site; after a while for sth that i don't know it don't work anymore and direbug give an error like this: $(div#peik) is null $(div#peik).hide(); and when i try to write $(document).ready() in firebug, it return : TypeError: $(document) is null whyyy is that? pleeeas answer as soon as posible thanks
[jQuery] Re: pleeease heeelp me nowwwwww
so, the top of the code should be: var flag=false; $(document).ready(function(){ $(div#peik).hide(); $('div#cardbanki div').hide(); $('div#pardakht div').hide(); }); On Wed, Dec 10, 2008 at 10:53 AM, Alexandre Plennevaux [EMAIL PROTECTED] wrote: in http://www.finaleshop.com/includes/javascript/rahnema1.js you have a typo var flag=false; //$().ready(function(){ $(function() { that sign is problematic. continuing reading... On Wed, Dec 10, 2008 at 10:40 AM, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: (thanks for your answers :*) script type=text/javascript src=includes/javascript/jqCore.js/ script script type=text/javascript src=includes/javascript/rahnema1.js/ script the urls are : http://www.finaleshop.com/includes/javascript/rahnema1.js http://www.finaleshop.com/includes/javascript/jqCore.js On Dec 10, 12:38 pm, Alexandre Plennevaux [EMAIL PROTECTED] wrote: can you cut and paste the full html on the page, and show the javascript external file links. that should be enoughf thanks. On Wed, Dec 10, 2008 at 10:36 AM, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: ok, the code is: var flag=false; $().ready(function(){ $(div#peik).hide(); $('div#cardbanki div').hide(); $('div#pardakht div').hide(); ... the error is on first div (like i said in first post) and if you want url , i must say that it's a persian eshop site http://www.finaleshop.com you must buy a product and then goto checkout_confirmation.php page (i suggest that pm me to talk about it ! :-s ) On Dec 10, 12:33 pm, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: nooo, it wasn't helpful if anybody can help me please send a pm me at yahoo messsenger at ( [EMAIL PROTECTED]) thankks :-s On Dec 10, 12:22 pm, JQueryProgrammer [EMAIL PROTECTED] wrote: Try this: $(function() { // your code goes here. }); Also while including the jquery file, write it as: script type=text/javascript src=jquery.js/script Check whether this helps. On Dec 10, 2:17 pm, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: hi i have written jquery for a site; after a while for sth that i don't know it don't work anymore and direbug give an error like this: $(div#peik) is null $(div#peik).hide(); and when i try to write $(document).ready() in firebug, it return : TypeError: $(document) is null whyyy is that? pleeeas answer as soon as posible thanks
[jQuery] Re: pleeease heeelp me nowwwwww
On a side note: replace all your div#myid by #myid, it will give a performance boost, since you'll then be using the getElementById instead of first selecting all divs, then finding the one with the id. On Wed, Dec 10, 2008 at 10:57 AM, Alexandre Plennevaux [EMAIL PROTECTED] wrote: so, the top of the code should be: var flag=false; $(document).ready(function(){ $(div#peik).hide(); $('div#cardbanki div').hide(); $('div#pardakht div').hide(); }); On Wed, Dec 10, 2008 at 10:53 AM, Alexandre Plennevaux [EMAIL PROTECTED] wrote: in http://www.finaleshop.com/includes/javascript/rahnema1.js you have a typo var flag=false; //$().ready(function(){ $(function() { that sign is problematic. continuing reading... On Wed, Dec 10, 2008 at 10:40 AM, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: (thanks for your answers :*) script type=text/javascript src=includes/javascript/jqCore.js/ script script type=text/javascript src=includes/javascript/rahnema1.js/ script the urls are : http://www.finaleshop.com/includes/javascript/rahnema1.js http://www.finaleshop.com/includes/javascript/jqCore.js On Dec 10, 12:38 pm, Alexandre Plennevaux [EMAIL PROTECTED] wrote: can you cut and paste the full html on the page, and show the javascript external file links. that should be enoughf thanks. On Wed, Dec 10, 2008 at 10:36 AM, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: ok, the code is: var flag=false; $().ready(function(){ $(div#peik).hide(); $('div#cardbanki div').hide(); $('div#pardakht div').hide(); ... the error is on first div (like i said in first post) and if you want url , i must say that it's a persian eshop site http://www.finaleshop.com you must buy a product and then goto checkout_confirmation.php page (i suggest that pm me to talk about it ! :-s ) On Dec 10, 12:33 pm, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: nooo, it wasn't helpful if anybody can help me please send a pm me at yahoo messsenger at ( [EMAIL PROTECTED]) thankks :-s On Dec 10, 12:22 pm, JQueryProgrammer [EMAIL PROTECTED] wrote: Try this: $(function() { // your code goes here. }); Also while including the jquery file, write it as: script type=text/javascript src=jquery.js/script Check whether this helps. On Dec 10, 2:17 pm, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: hi i have written jquery for a site; after a while for sth that i don't know it don't work anymore and direbug give an error like this: $(div#peik) is null $(div#peik).hide(); and when i try to write $(document).ready() in firebug, it return : TypeError: $(document) is null whyyy is that? pleeeas answer as soon as posible thanks
[jQuery] Re: pleeease heeelp me nowwwwww
1./ are you sure the div with id=peik is present on the page? 2./ what is that other script for, it'sreally not good, it's a big eval() call, eval is evil !! LAb[au] _ laboratory for architecture and urbanism Alexandre Plennevaux Lakensestraat 104 Rue de Laeken Brussel 1000 Bruxelles België _ Belgique _ Belgium tel: +32 (0)2 2196555 fax: +32 (0)2 4266986 mail: [EMAIL PROTECTED] http://www.lab-au.com VAT: BE0475.210.720 On Wed, Dec 10, 2008 at 11:13 AM, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: :)) no dear you're right but i was trying somthing that JQueryProgrammer was said i just write wrong for a scond see it now ! ;) it has error nooow! On Dec 10, 12:53 pm, Alexandre Plennevaux [EMAIL PROTECTED] wrote: inhttp://www.finaleshop.com/includes/javascript/rahnema1.js you have a typo var flag=false; //$().ready(function(){ $(function() { that sign is problematic. continuing reading... On Wed, Dec 10, 2008 at 10:40 AM, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: (thanks for your answers :*) script type=text/javascript src=includes/javascript/jqCore.js/ script script type=text/javascript src=includes/javascript/rahnema1.js/ script the urls are : http://www.finaleshop.com/includes/javascript/rahnema1.js http://www.finaleshop.com/includes/javascript/jqCore.js On Dec 10, 12:38 pm, Alexandre Plennevaux [EMAIL PROTECTED] wrote: can you cut and paste the full html on the page, and show the javascript external file links. that should be enoughf thanks. On Wed, Dec 10, 2008 at 10:36 AM, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: ok, the code is: var flag=false; $().ready(function(){ $(div#peik).hide(); $('div#cardbanki div').hide(); $('div#pardakht div').hide(); ... the error is on first div (like i said in first post) and if you want url , i must say that it's a persian eshop site http://www.finaleshop.com you must buy a product and then goto checkout_confirmation.php page (i suggest that pm me to talk about it ! :-s ) On Dec 10, 12:33 pm, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: nooo, it wasn't helpful if anybody can help me please send a pm me at yahoo messsenger at ( [EMAIL PROTECTED]) thankks :-s On Dec 10, 12:22 pm, JQueryProgrammer [EMAIL PROTECTED] wrote: Try this: $(function() { // your code goes here. }); Also while including the jquery file, write it as: script type=text/javascript src=jquery.js/script Check whether this helps. On Dec 10, 2:17 pm, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: hi i have written jquery for a site; after a while for sth that i don't know it don't work anymore and direbug give an error like this: $(div#peik) is null $(div#peik).hide(); and when i try to write $(document).ready() in firebug, it return : TypeError: $(document) is null whyyy is that? pleeeas answer as soon as posible thanks
[jQuery] Re: New Plugin: jQuery Finder (Mac-style 'Treeview' with Columns)
quite a cool demo, thanks for sharing, works fine here on PC: windows XP SP3 Firefox 3.0 On Mon, Dec 8, 2008 at 2:47 PM, Nicolas R [EMAIL PROTECTED] wrote: Yes I know, I haven't tested it on IE and I have done nothing for supporting it (no css hacks or conditional comments). I am sure that it has some issues, especially with CSS support. Hopefully the issues are just css related and don't break the plugin's functionality. As the CMS, that's the purpose I'm using it. One for seeing already existing 'pages' and stuff, and two for file management (when linking to stuff, inserting images etc). Although I find it much easier that normal treeview navigation, I am not sure if others agree as I haven't asked and/or tested it properly. That's also why I'm posting it here :) Thanks for replying, I'll be glad to see your contribution. On Dec 8, 1:29 pm, Liam Potter [EMAIL PROTECTED] wrote: it seems your CSS needs a good look at in IE. I'm in work right now but I'l lsee if I can't fix it up in Ie for you. I like the idea of this, would be good for CMS use. Nicolas R wrote: Greetings! I've put together a plugin that creates a mac-style finder out of a list. The plugin is still in development (ALPHA) and it needs some testing, especially on IE. The purpose of this plugin is to provide an alternative to treeview navigation. Making it look just like the Finder on a Mac is not my goal, I am after its core functionality. Having said this, I think that implementing useful features that exist on Mac's Finder (search, toolback w/ options, etc) is time well spent. You can find the plugin ( demo) here: http://www.nicolas.rudas.info/jQuery/Finder/ I'm posting this here as I'm after feedback, contributions (especially), and testers, so if anyone's interested please post here. I hope the source code is readable and self-explanatory, I did comment a lot on some things so it should make some sense. As this is an alpha release, I've just included a link to the script in the demo page, and a link to a zip file that contains the demo page along with css images used. The zip file is what you are probably after, as the css file is essential. Cheers
[jQuery] Re: jQuery.uploader released: Flash based jQuery uploader
Methen, heil to a fellow php coder: ) you need to use the callbacks provided by gilles'script, especially these ones: http://jquery.webunity.nl/jQuery.uploader/docs/callbacks#fileUploadStarted fileUploadStarted callback will launch when the upload actually start, so theer, feed it with a function that displays your animation gif image. fileUploadProgress callback will send you a regular update about the progress. fileUploadCompleted callback will be triggered when the upload is finished: feed it with a function that takes care of removing the animation image (or whatever please wait message you display) clearer ? On Tue, Dec 9, 2008 at 2:47 AM, Methnen [EMAIL PROTECTED] wrote: Thanks Gilles, I've almost got the whole thing working exactly like I wanted. Just one thing left. I'm not entirely sure how I would indicate the uploads are in progress and when they are done. Basically I just want to show a little spinning doodad and some text to show that stuff is happening and then when its all done be able to to hide the spinning doodad. Am I making sense? I don't need anything so fancy as a progress indicator though that might be cool. What would that look like as an addition to the upload image example on your site? I apologize for the likely silly questions. I'm more of a PHP coder than a Javascript one and portions of jQuery and Javascript are still a little obtuse to me. Jamie
[jQuery] Re: jQuery.uploader released: Flash based jQuery uploader
yup excellent work Gilles ! On Thu, Dec 4, 2008 at 5:13 AM, web_dev123 [EMAIL PROTECTED] wrote: Hey Just checked the plugin. Looks awsome. I'll make sure to implement on my next project! Keep it up. J
[jQuery] Re: jQuery.uploader released: Flash based jQuery uploader
Gilles, while browsing through the doc, there is a small 404 triggered for this link to the buttonSkin http://jquery.webunity.nl/img/demo1/buttonSkin.png Also, a question: does your plugin returns the created file name (in case of serverside rewriting, for example, to avoid file duplication ?) i personally never found an easy way to tackle this using flash to upload files. And it's my main gripe against them. On Thu, Dec 4, 2008 at 9:28 AM, Alexandre Plennevaux [EMAIL PROTECTED]wrote: yup excellent work Gilles ! On Thu, Dec 4, 2008 at 5:13 AM, web_dev123 [EMAIL PROTECTED] wrote: Hey Just checked the plugin. Looks awsome. I'll make sure to implement on my next project! Keep it up. J
[jQuery] Re: Image uploader / manager
works well ! On Thu, Nov 20, 2008 at 10:36 AM, netvibe [EMAIL PROTECTED] wrote: What do you think about http://netvibe.nl/imagemanager/ It's all jquery / php based.. U can upload multiple files at once (swf upload) and edit the files, rename, remove, etc, etc..
[jQuery] Re: Morph between 2 classes
ah, ok, thanks a lot Richard. I think the double Effects entries in the documentation make it confusing. Would be nice to integrate both in a single page, specifying which needs ui.js, which does not. On Thu, Nov 13, 2008 at 1:56 PM, Richard D. Worth [EMAIL PROTECTED] wrote: See http://docs.jquery.com/UI/Effects/ClassTransitions - Richard On Thu, Nov 13, 2008 at 7:51 AM, pixeline [EMAIL PROTECTED] wrote: hi! i' m looking after a way to switch an element 's class, and have the transition of style produce a morphing. Example: .class1{ border:1px solid red; width:500px; height:400px; } .class2{ border:2px solid black; width:320px; height:240px; } something like: $('#myEl').morph('class1','class2',speed,callback); I understood somewhere it was available in jquery UI, but is it actually the case? I don't find anything in the doc. Thanks ! Alexandre
[jQuery] Re: Morph between 2 classes
indeed, that's what i meant. the confusion between two pages: http://docs.jquery.com/UI/Effects and http://docs.jquery.com/Effects I realized in the meanwhile effects.js is different and does not rely on ui.core.js i would propose to organize a one-entrydoor page for Effects. example structure 1./ built-in effects available in jquery 2./ additional effects available in effects.js This is meant as a constructive comment: don't get me wrong, i really find jquery documentation to be very helpful as a whole, it's just this one accessdoor that is, for me, a bit confusing. On Thu, Nov 13, 2008 at 2:09 PM, Richard D. Worth [EMAIL PROTECTED] wrote: By double Effects entries, do you mean because jQuery has effects and jQuery UI has effects? As far as ui.js, no UI effects require it. They require only effects.core.js. This is explaned quite clearly at the top of http://docs.jquery.com/UI/Effects - Richard On Thu, Nov 13, 2008 at 8:00 AM, Alexandre Plennevaux [EMAIL PROTECTED] wrote: ah, ok, thanks a lot Richard. I think the double Effects entries in the documentation make it confusing. Would be nice to integrate both in a single page, specifying which needs ui.js, which does not. On Thu, Nov 13, 2008 at 1:56 PM, Richard D. Worth [EMAIL PROTECTED] wrote: See http://docs.jquery.com/UI/Effects/ClassTransitions - Richard On Thu, Nov 13, 2008 at 7:51 AM, pixeline [EMAIL PROTECTED] wrote: hi! i' m looking after a way to switch an element 's class, and have the transition of style produce a morphing. Example: .class1{ border:1px solid red; width:500px; height:400px; } .class2{ border:2px solid black; width:320px; height:240px; } something like: $('#myEl').morph('class1','class2',speed,callback); I understood somewhere it was available in jquery UI, but is it actually the case? I don't find anything in the doc. Thanks ! Alexandre
[jQuery] Re: jqRevolve - new, simplistic carousel-like plugin released!
hi Brice, the sigmoid curve feels right, so that's an improvement. Yet the scrolling remains too harsh IMHO. strange... (btw, i'm on FF3.0.3, winxpSP2 with an above average computer hardware ) On Thu, Nov 13, 2008 at 10:39 AM, Brice Burgess [EMAIL PROTECTED] wrote: On Nov 13, 1:29 am, Alexandre Plennevaux [EMAIL PROTECTED] wrote: hello brice, do you think this would be possible with your plugin? :http://www.lisapram.com Alexandre, That's a VERY COOL effect. I think I could mimick that functionality, although would need to add callback support to jqRevolve FIRST, and then spend some time writing some *very special* callback code for the effects and size/posistion calculations. Should be FUN :) In the meantime; I have revised the codebase, and released +r2. The new version includes smoother scrolling with sigmoid function pressure calculation as well as improvments under FF and Linux. Please let me know if the scrolling is smoother on your end. Regards, ~ Brice
[jQuery] Re: blockUI:
hi Georges, yes, but the problem is that i don't know which element is concerned by the call (unless i hardcode it each time of course, but that's what i would like to avoid). Thanks for your input nonetheless. On Thu, Nov 13, 2008 at 6:12 PM, George [EMAIL PROTECTED] wrote: you just need to change $.blockUI to $('#mytagid').bockUI. The sasme with unblock call. George On Nov 13, 12:07 pm, pixeline [EMAIL PROTECTED] wrote: Hi! My website uses ajax to refresh various elements in the course of the user's navigation. I would like to display a please wait message in the element being refreshed and blockUI is the perfect candidate for that. However, there are many elements concerned, and i would like to systematize the blockUI calls. In blockui doc, there is a nice simple way to systematize its use: $().ajaxStart($.blockUI).ajaxStop($.unblockUI); Now, i would like to know if it is possible to customize this call so that the concerned element shows blockUI, instead of the whole page ? Thank you ! Alexandre
[jQuery] Re: jQuery + AWS = Fun (and a new search engine)
veeery nice ! at last, some comfy interface to see the book ! would be cool to not be leaving the app once you click on a book cover. dunno if it is possible, though On Thu, Nov 13, 2008 at 7:35 PM, JohnForsythe [EMAIL PROTECTED] wrote: Hey, Just wanted to show off my new search engine, built using jQuery and Amazon Web Services: http://bigbooksearch.com/ It's a multi-purpose image search, useful for finding cover art, obscure novels and albums, and things you forget the name of, but know how they look. Here's what I'm using: jQuery 1.2.6 jQuery UI Slider 1.6rc2 Center (for the about box) Mouse Wheel (slightly tweaked) jQuery really makes it fun to develop new tools. Keep up the great work! :)
[jQuery] Re: jqRevolve - new, simplistic carousel-like plugin released!
nice Brice, very efficient ! one feature request: i'm not fond of continuous scrolling. would be nice to have an option to specify whether it should scroll pixel per pixel or from each item's x position to the next's, so that you don't have half-showing images. If you implement this feature, i'll have a use of it, so i'll be happy to pimp up those little babies when i get some time. On Wed, Nov 12, 2008 at 11:38 PM, Brice Burgess [EMAIL PROTECTED] wrote: Ladies and Gentlemen, I'm writing to inform you all of a new addition to the jQuery plugin family... Please welcome jqRevolve! jqRevolve is a carousel-like plugin for jQuery. It provides a component that scrolls arbitrary content (Images, Markup, Text, Iframes, You Name it) in a defined 'clip region'. Yes, there are many out there. I needed a lightweight component that features automatic clip region sizing as well as pressure based scrolling. It is easy to use and customize. Checkout the plugin page for demonstrations. It is adequately boring enough for science. The examples can use some sprucing up by a designer -- if any volunteer. http://dev.iceburg.net/jquery/jqRevolve/ Regards, ~ Brice
[jQuery] Re: jqRevolve - new, simplistic carousel-like plugin released!
Brice, i didn't dig into your code, but the animation is not very fluid on the demo page. did you use the scrollLeft javascript command? ( http://www.maconstateit.net/tutorials/JSDHTML/JSDHTML14/jsdhtml14-03.htm ) On Thu, Nov 13, 2008 at 12:05 AM, Alexandre Plennevaux [EMAIL PROTECTED] wrote: nice Brice, very efficient ! one feature request: i'm not fond of continuous scrolling. would be nice to have an option to specify whether it should scroll pixel per pixel or from each item's x position to the next's, so that you don't have half-showing images. If you implement this feature, i'll have a use of it, so i'll be happy to pimp up those little babies when i get some time. On Wed, Nov 12, 2008 at 11:38 PM, Brice Burgess [EMAIL PROTECTED] wrote: Ladies and Gentlemen, I'm writing to inform you all of a new addition to the jQuery plugin family... Please welcome jqRevolve! jqRevolve is a carousel-like plugin for jQuery. It provides a component that scrolls arbitrary content (Images, Markup, Text, Iframes, You Name it) in a defined 'clip region'. Yes, there are many out there. I needed a lightweight component that features automatic clip region sizing as well as pressure based scrolling. It is easy to use and customize. Checkout the plugin page for demonstrations. It is adequately boring enough for science. The examples can use some sprucing up by a designer -- if any volunteer. http://dev.iceburg.net/jquery/jqRevolve/ Regards, ~ Brice
[jQuery] Re: jqRevolve - new, simplistic carousel-like plugin released!
hello brice, do you think this would be possible with your plugin? : http://www.lisapram.com i look forward to skinning it ! On Thu, Nov 13, 2008 at 12:38 AM, Brice Burgess [EMAIL PROTECTED] wrote: Alexandre, Glad you checked out jqRevolve. This is an initial revision and I plan to expand upon the plugin. I will certainly I strive to add support for scrolling by the next item's x posistion, as well as continuos scroll (aka wrap -- or TRUE carousel support). Regarding fluid scrolling; I did not use the native scrollLeft/scrollTop Javascript methods... in favor of jQuery's $.anim() function. I figured I would try to leverage the callback and interruption functionality of jQuery's animation routine... although can maybe produce a smoother scrolling experience by manually writing a routine. Guess it's time to experiment... ;) ~ Brice On Nov 12, 5:23 pm, Alexandre Plennevaux [EMAIL PROTECTED] wrote: Brice, i didn't dig into your code, but the animation is not very fluid on the demo page. did you use the scrollLeft javascript command? (http://www.maconstateit.net/tutorials/JSDHTML/JSDHTML14/jsdhtml14-03.htm ) On Thu, Nov 13, 2008 at 12:05 AM, Alexandre Plennevaux [EMAIL PROTECTED] wrote: nice Brice, very efficient ! one feature request: i'm not fond of continuous scrolling. would be nice to have an option to specify whether it should scroll pixel per pixel or from each item's x position to the next's, so that you don't have half-showing images. If you implement this feature, i'll have a use of it, so i'll be happy to pimp up those little babies when i get some time. On Wed, Nov 12, 2008 at 11:38 PM, Brice Burgess [EMAIL PROTECTED] wrote: Ladies and Gentlemen, I'm writing to inform you all of a new addition to the jQuery plugin family... Please welcome jqRevolve! jqRevolve is a carousel-like plugin for jQuery. It provides a component that scrolls arbitrary content (Images, Markup, Text, Iframes, You Name it) in a defined 'clip region'. Yes, there are many out there. I needed a lightweight component that features automatic clip region sizing as well as pressure based scrolling. It is easy to use and customize. Checkout the plugin page for demonstrations. It is adequately boring enough for science. The examples can use some sprucing up by a designer -- if any volunteer. http://dev.iceburg.net/jquery/jqRevolve/ Regards, ~ Brice
[jQuery] [ showcase ] lisapram.com - interactive barcode
Friends, That's it, i digested your comments, and now the website is launched. Thank you to john and every one of the jquery team for making such a great library. Special thanks to the jquery community for providing me with such useful feedback ! the website: http://lisapram.com/ my blog post (if you want to know more about the ideas behind): http://www.pixeline.be/blog/2008/new-website-lisa-pram/ Thanks Alexandre
[jQuery] Re: How to do anything after animate finished
activate the button in a callback function after the animate var isClickable = true; right.click(function() { if(ul.css('left') != (maxMove * -1) + 'px' isClickable) { isClickable = false; ul.animate({left:'-=50px'},function(){ isClickable = true; }); } }); On Tue, Nov 11, 2008 at 11:06 AM, David .Wu [EMAIL PROTECTED] wrote: Hi everybody This my testing gallery slider, it will count image's amount, and prevent it not to outside the wrapper, but I got one problem, if user click button after the animation finished, it's done well, but if user click too fast, the js will not catch the left property in time correctly, how to fix the bug? CSS style type=text/css !-- body { font-size: 12px; } #wrapper { height: 50px; width: 50px; overflow: hidden; position: relative; border:1px #FF solid; } ul { margin: 0px; padding: 0px; list-style-type: none; position: absolute; white-space:nowrap; } li { display:inline; margin:0 -3px 0 0; width:50px; height:50px; overflow:hidden; } -- /style HTML div id=wrapper ul liimg src=1.jpg border=0 //li liimg src=2.jpg border=0 //li liimg src=3.jpg border=0 //li /ul /div input type=button name=left id=left value=left / input type=button name=right id=right value=right / JavaScript script language=javascript !-- $(document).ready(function() { var wrapper = $('#wrapper'); var ul = $('ul',wrapper); var itemsWidth = $('li',ul).outerWidth(); var itemsLen = $('li',ul).size(); var maxMove = (itemsLen - 1) * itemsWidth; var minMove = 0; var right = $('#right'); var left = $('#left'); right.click(function() { if(ul.css('left') != (maxMove * -1) + 'px') { ul.animate({left:'-=50px'}); } }); left.click(function() { if(ul.css('left') != minMove + 'px') { ul.animate({left:'+=50px'}); } }); }); //-- /script
[jQuery] Re: document Ready function in the Ajax Response
instead of loading script, use the livequery plugin: http://brandonaaron.net/docs/livequery/ On Tue, Nov 11, 2008 at 12:54 PM, David Wu [EMAIL PROTECTED] wrote: could you pose some of your code? On Tue, Nov 11, 2008 at 6:30 PM, ravithokala [EMAIL PROTECTED] wrote: Hi, I have an issue with document.ready. I have a page which will make an ajax call. The response on the ajax call contains script which contains document.ready. The content in document.ready is getting executed successfully in ie7 but not in ff3. Please tell how to solve this in FF.
[jQuery] Re: [ANNOUNCEMENT] jquery.timepickr.js: first official release
impressive, congratz ! On Tue, Nov 11, 2008 at 3:34 PM, h3 [EMAIL PROTECTED] wrote: Hi everyone, Yesterday I released the first public release of my jquery.timepickr plugin. I've posted it on the jQuery plugin page: http://plugins.jquery.com/project/jquery-timepickr Home page: http://haineault.com/media/jquery/ui-timepickr/page/
[jQuery] Re: How to do anything after animate finished
my pleasure :) On Tue, Nov 11, 2008 at 12:53 PM, David Wu [EMAIL PROTECTED] wrote: Fantastic, thanks a lot On Tue, Nov 11, 2008 at 7:32 PM, Alexandre Plennevaux [EMAIL PROTECTED] wrote: activate the button in a callback function after the animate var isClickable = true; right.click(function() { if(ul.css('left') != (maxMove * -1) + 'px' isClickable) { isClickable = false; ul.animate({left:'-=50px'},function(){ isClickable = true; }); } }); On Tue, Nov 11, 2008 at 11:06 AM, David .Wu [EMAIL PROTECTED] wrote: Hi everybody This my testing gallery slider, it will count image's amount, and prevent it not to outside the wrapper, but I got one problem, if user click button after the animation finished, it's done well, but if user click too fast, the js will not catch the left property in time correctly, how to fix the bug? CSS style type=text/css !-- body { font-size: 12px; } #wrapper { height: 50px; width: 50px; overflow: hidden; position: relative; border:1px #FF solid; } ul { margin: 0px; padding: 0px; list-style-type: none; position: absolute; white-space:nowrap; } li { display:inline; margin:0 -3px 0 0; width:50px; height:50px; overflow:hidden; } -- /style HTML div id=wrapper ul liimg src=1.jpg border=0 //li liimg src=2.jpg border=0 //li liimg src=3.jpg border=0 //li /ul /div input type=button name=left id=left value=left / input type=button name=right id=right value=right / JavaScript script language=javascript !-- $(document).ready(function() { var wrapper = $('#wrapper'); var ul = $('ul',wrapper); var itemsWidth = $('li',ul).outerWidth(); var itemsLen = $('li',ul).size(); var maxMove = (itemsLen - 1) * itemsWidth; var minMove = 0; var right = $('#right'); var left = $('#left'); right.click(function() { if(ul.css('left') != (maxMove * -1) + 'px') { ul.animate({left:'-=50px'}); } }); left.click(function() { if(ul.css('left') != minMove + 'px') { ul.animate({left:'+=50px'}); } }); }); //-- /script
[jQuery] Re: jQuery Uploader Flash player 10 fix
Gilles, you might be interested in this to debug IE if you don't own a copy of visual studio, or don't want to set up the whole x gigs of it :) : http://www.berniecode.com/blog/2007/03/08/how-to-debug-javascript-with-visual-web-developer-express/ you only need visual web studio express, and it does a fine job at that. it's also a fine javascript, xhtml and CSS editor On Mon, Nov 10, 2008 at 10:20 AM, Gilles (Webunity) [EMAIL PROTECTED] wrote: Going to squash the latest bugs today, if i got my VPC up and running so i can use visual studio to debug IE6. Got my SharePoint certification last week so that week was crazy ;) On Nov 9, 4:12 pm, Crazy-Achmet [EMAIL PROTECTED] wrote: Hey Gilles, how is it going? Is there something to see? ;)
[jQuery] Re: please check website before launch
Friends, That's it, i tried to integrate your comments, and now the website is launched. Thank you to john and every one of the jquery team for making such a great library. Special thanks to the jquery community for providing me with such useful feedback ! the website: http://lisapram.com/ my blog post (if you want to know more about the ideas behind): http://www.pixeline.be/blog/2008/new-website-lisa-pram/ On Sat, Nov 1, 2008 at 11:24 PM, Alexandre Plennevaux [EMAIL PROTECTED] wrote: Hi Alexandre, very interesting approach, this internal dialog that you report. Thanks for it. I could propose a short introduction to address this initial what now?. Basically, what needs to be said is : move your mouse over the barcode lines to access lisa pram's photo sets. You can use the keywords on top to filter out the type of work you are more interested in. The bottom line navigator is the complete list of albums organised in a line of clickable rectangles, of which width indicates the number of images it contains. Enjoy the visuals. For the arrows, it might still change, so we'll see... On Sat, Nov 1, 2008 at 10:45 PM, Alexandre [EMAIL PROTECTED] wrote: Hi, Your page loads pretty well here (about 10 sec for all). The afterload impression is quite what now ?, then a random click, and uh... ok, lets try to understand this bizarre thing. Half of the visitors should abandon here, since they are lazy to make any effort by themselves. I honestly would have been one of them if it wasn't for testing. It took me about 15-30 seconds to get used to it, and then it's absolutely cool ! Understanding the navigation is like a reward, and I don't regret it. My only bad point would be the extremes left and right doors needed to switch photos one by one, which I deplore the design choice, but it's only a matter of taste. If the visitor is really here to discover the work, I think he will enjoy the session. FF3.0.3 - Mac OS X 10.5.5 - Mac Pro - 20M bandwidth down
[jQuery] Re: Open iframe Link in a iFrame - jQuery ThickBox
that's the normal behaviour of thickbox, if i understand your question correctly... On Sun, Nov 9, 2008 at 8:35 PM, JKICK [EMAIL PROTECTED] wrote: Any help please... On Oct 31, 3:40 pm, JKICK [EMAIL PROTECTED] wrote: Hi, I have an Orkut application which is iFrame. I have this parent iFrame with scroll down. When use thickbox jquery to open links as iFrame, The Popup Window opens in middle of the Page, Instead of where the link was clicked ? Any IDea how to fix this?
[jQuery] Re: Livequery not working with jQuery 1.2.6
how about using the latest version of livequery (1.0.2) ? http://plugins.jquery.com/node/1088 I use it with jquery 1.2.6 on several projects without issue. On Fri, Nov 7, 2008 at 9:39 PM, ksimpson [EMAIL PROTECTED] wrote: I'm trying to use livequery 1.0.1 with jQuery 1.2.6 and am getting the following errors this.setArray is not a function = jquery.js (line 83) jQuery(document)[jQuery.fn.ready ? ready : load] is not a function = (line 81) jQuery(document).triggerHandler is not a function = (line 2322) Livequery has work fine for me before in jquery 1.2.3.
[jQuery] Re: My first plug in. Need comments.
Hi Georges ! excellent way to learn. personally, i would use toggleClass() (http://docs.jquery.com/Attributes/toggleClass#class) and have the color set in the CSS file. As a rule, try always to use each technology for what it was meant: html data css styling javascript behaviour so it would be: http://jsbin.com/osaxa On Thu, Nov 6, 2008 at 6:46 AM, George [EMAIL PROTECTED] wrote: Guys, I am learning JQuery (and JavaScript) in general. So I decided to write my first 'Blink' plug in. It works but can you please take a look an tell me if something is considered bad practice or can be done better. (function($) { $.fn.blink = function(options) { var opts = $.extend({}, $.fn.blink.defaults, options); return this.each(function() { var $this = $(this); var currentColor = opts.color1; $this.css({backgroundColor: currentColor}); window.setInterval(function (){DoTheBlink();}, 1000); function DoTheBlink() { if (currentColor == opts.color1) currentColor = opts.color2; else currentColor = opts.color1; $this.css({ backgroundColor: currentColor }); } }); }; $.fn.blink.defaults = { color1: 'red', color2: 'blue' }; })(jQuery); --USE- div id=t1hahaha/div div id=t2hahaha/div div id=t3hahaha/div script $(document).ready(function() { $('#t1').blink({ color1: 'red', color2:'blue' }); $('#t2').blink({ color1: 'yellow', color2:'black' }); $('#t3').blink({ color1: 'red', color2:'green' }); }); Thanks George.
[jQuery] Re: traversing with jQuery - complex selector causing brain pain
please post your html markup. thx On Thu, Nov 6, 2008 at 6:45 PM, w1ntermut3 [EMAIL PROTECTED] wrote: My nav bar consists of a single UL containing LI elements that each contain a single A. Well, most of them do. Some LI elements contain a further UL as well as the A: these submenu UL elements follow the same pattern of containing LI elements that each contain a single A. So far, so simple. Currently, I'm hiding all the submenu UL's on load: $('#navigation li ul').hide(); But what I want is to only hide the submenu UL's that do NOT contain an LI containing an A with a class of selected. To rephrase: if any of the A elements (which are all inside an LI element) in that particular subnav UL, have a class of selected, I want the UL to remain expanded. To rephrase even more: I don't want to hide the subnav containing the current page. Despite spending far too long examining the expressions and traversing documentation, I can't figure out how to build a selector statement that will encompass them. Can you help?
[jQuery] Re: please check website before launch
hi ricardo, thanks for sticking in!! yes, i have that issue too, but i guess i can solve it quite easily by preloading it first and foremost. now, i should work on a help section and i consider this work done. was fun to do, but oh, so underpaid :) On Sat, Nov 1, 2008 at 2:51 AM, ricardobeat [EMAIL PROTECTED] wrote: wow that's way faster. Now the site loads in 5-10 seconds at most. I didn't have any problems browsing the sets, images were always loaded ahed. The only issue I found was that the navigation arrow image didn't appear until all images in the set were loaded. nice work! Alexandre Plennevaux wrote: hi ricardo, here is my try at it, let me know if it is better. What i did is : - load the first image of each set (as it is needed for the hover state) - use a placeholder.gif file put as src attribute value for all images, the real src being stored as a custom attribute (realsrc=http://path/to/my/image.jpg; ) and on album selection, replace each of the album images src attribute with the realsrc value. http://www.lisapram.com/index.17.php thanks! alex On Fri, Oct 31, 2008 at 5:41 AM, ricardobeat [EMAIL PROTECTED] wrote: I think a good compromise would be loading only the few first images for each set, an arbitrary number, then load the rest on demand as each set is opened. Simple and effective, without wasting bandwidth, and should be easier to do. On Oct 30, 8:22 pm, Alexandre Plennevaux [EMAIL PROTECTED] wrote: @criteriadesign Once you have done that, you just need to load the images in the background and display a functioning website for the visitor. I'm trying to see how i could modify my app so thati t works like this: 1/ load the json data 2/ generate the barcode (a UL with LI's , each LI is a bar that will contain images) 3/ when user clicks on a barcode it loads all the images of that album 4/ when the user is not active (meaning he's idle, looking at pictures) load the other albums' images in the background It is part 4 that i'm a bit lost on how to achieve it. Would someone care to describe how to do that? If it may help, i also output the barcode complete html (UL, LI, and IMG tags) in a NOSCRIPT tag for those without js, so maybe i can use those for the background loading? On Mon, Oct 27, 2008 at 9:37 PM, Alexandre Plennevaux [EMAIL PROTECTED] wrote: @-b: given the comments above, i intend to implement this background image loading. thanks for taking time to review the website and the comment! On Mon, Oct 27, 2008 at 9:34 PM, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: I tried loading the site several times and it timed out after loading 88 or 89 images. I was left with a non-functioning web page. As a veteran software developer, I can assure you that there are compromises you can make that would make the website usable and still deliver the vision of the client. It appears that you are dealing with a fixed data set. You can derive all UI elements that depend on the full data set offline. Once you have done that, you just need to load the images in the background and display a functioning website for the visitor. Regards, -b On Oct 24, 2:05 pm, pixeline [EMAIL PROTECTED] wrote: Hi mates, May i ask you guys to have a look at my latest project,a bit on the experimental side in terms of UI : a barcode image gallery for a spanish photographer: http://www.pixeline.be/test/lisapram/ Let me know of any bugs you find? AFAIK everything should run smooth (except for the long loading time). Please indicate your OS platform, browser and hardware specs. The initial load time is quite long so stick around please... Looking forward to your feedback! Thanks a lot, Alexandre
[jQuery] Re: please check website before launch
Hi Alexandre, very interesting approach, this internal dialog that you report. Thanks for it. I could propose a short introduction to address this initial what now?. Basically, what needs to be said is : move your mouse over the barcode lines to access lisa pram's photo sets. You can use the keywords on top to filter out the type of work you are more interested in. The bottom line navigator is the complete list of albums organised in a line of clickable rectangles, of which width indicates the number of images it contains. Enjoy the visuals. For the arrows, it might still change, so we'll see... On Sat, Nov 1, 2008 at 10:45 PM, Alexandre [EMAIL PROTECTED] wrote: Hi, Your page loads pretty well here (about 10 sec for all). The afterload impression is quite what now ?, then a random click, and uh... ok, lets try to understand this bizarre thing. Half of the visitors should abandon here, since they are lazy to make any effort by themselves. I honestly would have been one of them if it wasn't for testing. It took me about 15-30 seconds to get used to it, and then it's absolutely cool ! Understanding the navigation is like a reward, and I don't regret it. My only bad point would be the extremes left and right doors needed to switch photos one by one, which I deplore the design choice, but it's only a matter of taste. If the visitor is really here to discover the work, I think he will enjoy the session. FF3.0.3 - Mac OS X 10.5.5 - Mac Pro - 20M bandwidth down
[jQuery] Re: please check website before launch
hi ricardo, here is my try at it, let me know if it is better. What i did is : - load the first image of each set (as it is needed for the hover state) - use a placeholder.gif file put as src attribute value for all images, the real src being stored as a custom attribute (realsrc=http://path/to/my/image.jpg; ) and on album selection, replace each of the album images src attribute with the realsrc value. http://www.lisapram.com/index.17.php thanks! alex On Fri, Oct 31, 2008 at 5:41 AM, ricardobeat [EMAIL PROTECTED] wrote: I think a good compromise would be loading only the few first images for each set, an arbitrary number, then load the rest on demand as each set is opened. Simple and effective, without wasting bandwidth, and should be easier to do. On Oct 30, 8:22 pm, Alexandre Plennevaux [EMAIL PROTECTED] wrote: @criteriadesign Once you have done that, you just need to load the images in the background and display a functioning website for the visitor. I'm trying to see how i could modify my app so thati t works like this: 1/ load the json data 2/ generate the barcode (a UL with LI's , each LI is a bar that will contain images) 3/ when user clicks on a barcode it loads all the images of that album 4/ when the user is not active (meaning he's idle, looking at pictures) load the other albums' images in the background It is part 4 that i'm a bit lost on how to achieve it. Would someone care to describe how to do that? If it may help, i also output the barcode complete html (UL, LI, and IMG tags) in a NOSCRIPT tag for those without js, so maybe i can use those for the background loading? On Mon, Oct 27, 2008 at 9:37 PM, Alexandre Plennevaux [EMAIL PROTECTED] wrote: @-b: given the comments above, i intend to implement this background image loading. thanks for taking time to review the website and the comment! On Mon, Oct 27, 2008 at 9:34 PM, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: I tried loading the site several times and it timed out after loading 88 or 89 images. I was left with a non-functioning web page. As a veteran software developer, I can assure you that there are compromises you can make that would make the website usable and still deliver the vision of the client. It appears that you are dealing with a fixed data set. You can derive all UI elements that depend on the full data set offline. Once you have done that, you just need to load the images in the background and display a functioning website for the visitor. Regards, -b On Oct 24, 2:05 pm, pixeline [EMAIL PROTECTED] wrote: Hi mates, May i ask you guys to have a look at my latest project,a bit on the experimental side in terms of UI : a barcode image gallery for a spanish photographer: http://www.pixeline.be/test/lisapram/ Let me know of any bugs you find? AFAIK everything should run smooth (except for the long loading time). Please indicate your OS platform, browser and hardware specs. The initial load time is quite long so stick around please... Looking forward to your feedback! Thanks a lot, Alexandre
[jQuery] Re: jqModal iframe closing 2
i'd say simply replace the iframe href attribute value onHide using blank.html or # On Fri, Oct 31, 2008 at 6:16 PM, Yessica [EMAIL PROTECTED] wrote: Ok,this is an situation. I have an page that loads over jqModal a page in that iframe, its easy for me that from that page close modal and empty that iframe with parent.jQuery('.modal1').find('#iframe').attr('src' , '').end().jqmHide(); but on that same page I also have an option to get second page where I say THANKS ... and link to close yust the same : parent.jQuery('.modal3').find('#prijava').attr('src' , '').end().jqmHide() But it has an delay in showing empty iframe. So when I click on main page modal and Iframe opens, yust for a sec you can se that last page from iframe...
[jQuery] Re: please check website before launch
@criteriadesign Once you have done that, you just need to load the images in the background and display a functioning website for the visitor. I'm trying to see how i could modify my app so thati t works like this: 1/ load the json data 2/ generate the barcode (a UL with LI's , each LI is a bar that will contain images) 3/ when user clicks on a barcode it loads all the images of that album 4/ when the user is not active (meaning he's idle, looking at pictures) load the other albums' images in the background It is part 4 that i'm a bit lost on how to achieve it. Would someone care to describe how to do that? If it may help, i also output the barcode complete html (UL, LI, and IMG tags) in a NOSCRIPT tag for those without js, so maybe i can use those for the background loading? On Mon, Oct 27, 2008 at 9:37 PM, Alexandre Plennevaux [EMAIL PROTECTED] wrote: @-b: given the comments above, i intend to implement this background image loading. thanks for taking time to review the website and the comment! On Mon, Oct 27, 2008 at 9:34 PM, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: I tried loading the site several times and it timed out after loading 88 or 89 images. I was left with a non-functioning web page. As a veteran software developer, I can assure you that there are compromises you can make that would make the website usable and still deliver the vision of the client. It appears that you are dealing with a fixed data set. You can derive all UI elements that depend on the full data set offline. Once you have done that, you just need to load the images in the background and display a functioning website for the visitor. Regards, -b On Oct 24, 2:05 pm, pixeline [EMAIL PROTECTED] wrote: Hi mates, May i ask you guys to have a look at my latest project,a bit on the experimental side in terms of UI : a barcode image gallery for a spanish photographer: http://www.pixeline.be/test/lisapram/ Let me know of any bugs you find? AFAIK everything should run smooth (except for the long loading time). Please indicate your OS platform, browser and hardware specs. The initial load time is quite long so stick around please... Looking forward to your feedback! Thanks a lot, Alexandre
[jQuery] Re: Script like this site: http://ringvemedia.com/
i think there is first and foremost a clever use of CSS, because if i disable javascript, the effect is still there. Anyway, what's nice is this proportional resizing of the image, according to the viewport dimensions. Then, the relevant code is this: kina = { doc: { x: 0, y: 0 }, fix: function() { if (kina.bg.complete (db.offsetWidth != kina.doc.x || db.offsetHeight != kina.doc.y || kina.fix.src != kina.bg.src)) { var bg = kina.bg.getSize(); kina.doc = { x: db.offsetWidth, y: db.offsetHeight }; kina.fix.src == kina.bg.src || $extend(kina.fix, { p: bg.x / bg.y, src: kina.bg.src }); kina.bg.setStyles({ width: (bg.y = kina.doc.x (bg.x = Math.round(kina.doc.y * kina.fix.p))) ? kina.doc.x : bg.x, height: bg.y ? Math.round(kina.doc.x / kina.fix.p) : kina.doc.y }); } } } kina.bg is an image available in the DOM. kina.db is the document.body . On Thu, Oct 30, 2008 at 11:05 PM, Gabriel Tadeu [EMAIL PROTECTED] wrote: I visited this site and really like the image resizing... the original pic is big, resizing with bigger resolutions (like 1440x900). BUT the actual script is in moo tools, how create the same effect using jQuery? thanks!
[jQuery] Re: please check website before launch
Mike, i understand your argument but it's a target audience that is very specific apparently: art directors and designers, computer savvy, liking trendy stuff, with good recent connection and having the latest wiz in their hand. Nice idea Ed! On Mon, Oct 27, 2008 at 2:11 PM, Ed Finkler [EMAIL PROTECTED] wrote: There's something to be said for interesting, experientially-focused interfaces, depending on the purpose of the site. If the client is primarily trying to sell an aesthetic, this could be very useful. As a compromise, you might consider some sort of help function. Maybe a [?] button that pops up a quick set of visual navigation tips. -- Ed Finkler http://funkatron.com AIM: funka7ron ICQ: 3922133 Skype: funka7ron On Oct 26, 5:44 pm, Alexandre Plennevaux [EMAIL PROTECTED] wrote: I assume all sets tagged People are also tagged as Experimental, that could be the issue. Exactly. i should have paid more attention to that when setting up the test bed. your critics are very useful! i'll debrief with the customer. but you know, she wanted this experimental interface, so i guess many comments on the usability side will not make any visible UI changes. But i foresee more explanatory instructions during loading time (plus the load-on-demand features) will be direct results of you guys comments. thanks much! alex On Sun, Oct 26, 2008 at 10:41 PM, ricardobeat [EMAIL PROTECTED] wrote: 5. the right/left arrows are too discrete and look quirky, a simple styled arrow without the vertical bar would be more beautiful and useful they were actually designed by the customer, and i personally find them quite good looking but it's all amount to taste in the end. and you know, it's just arrows. Once you know they are there, you won' spend much time admiring their beauty. what I meant to say is that they don't look like arrows, their function is not implicit until you hover and realize it's clickable. 7. clicking the category names at the top is a mistery. I guess it adds (underline) or removes (no underline) categories from the barcode, but that is far from intuitive and there is no animation, it just pops a new barcode instantly it actually filters the barcode, only showing the images related to the keywords underlined. The customer, when encoding an image set, associates one or more of the 5 tags. These keywords enable the visitor to select which images to actually see. note that the current images are just a dummy encoding, so the current associaiton is not relevant, hence your probable confusion? similar to above, I think behaviour is not clear. If you click Editorial for example nothing happens, and advertising causes unoticeable changes in the barcode. When you have Professional and Experimental selected, if you click People nothing changes also. In those cases one could think that the interface is not working, because there are no visible changes. I assume all sets tagged People are also tagged as Experimental, that could be the issue. thanks a lot again you're welcome, hope my critics are useful :] - ricardo
[jQuery] Re: please check website before launch
@-b: given the comments above, i intend to implement this background image loading. thanks for taking time to review the website and the comment! On Mon, Oct 27, 2008 at 9:34 PM, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: I tried loading the site several times and it timed out after loading 88 or 89 images. I was left with a non-functioning web page. As a veteran software developer, I can assure you that there are compromises you can make that would make the website usable and still deliver the vision of the client. It appears that you are dealing with a fixed data set. You can derive all UI elements that depend on the full data set offline. Once you have done that, you just need to load the images in the background and display a functioning website for the visitor. Regards, -b On Oct 24, 2:05 pm, pixeline [EMAIL PROTECTED] wrote: Hi mates, May i ask you guys to have a look at my latest project,a bit on the experimental side in terms of UI : a barcode image gallery for a spanish photographer: http://www.pixeline.be/test/lisapram/ Let me know of any bugs you find? AFAIK everything should run smooth (except for the long loading time). Please indicate your OS platform, browser and hardware specs. The initial load time is quite long so stick around please... Looking forward to your feedback! Thanks a lot, Alexandre
[jQuery] Re: [OT] please check website before launch
hi mindstormkid, thank you for the feedback! According to your comment and christoph's comment about the loading time: it's a photographer 's portfolio site, it is bound to be image-heavy. So why then load them all up toether instead of streaming them? The barcode cannot work with only partial images. So what i'm thinking is to use the loading time to actually explain what will come up next as rotating text messages. I also am considering displaying each image as a thumbnail once it's loaded. So basically, work on the preloading phase so that it communicates much more. thanks and keep them coming! alexandre On Sat, Oct 25, 2008 at 9:42 PM, MindstormsKid [EMAIL PROTECTED] wrote: ...Wow... That's what I call COOL! It took maybe 30 seconds to load. The nav is interesting (though somewhat confusing, but not too much) Anyway, amazing effects :D Windows XP, Firefox 3.3, Laptop Alexandre Plennevaux-2 wrote: Hi mates, May i ask you guys to have a look at my latest project,a bit on the experimental side in terms of UI : a barcode image gallery for a spanish photographer: http://www.pixeline.be/test/lisapram/ Let me know of any bugs you find? AFAIK everything should run smooth (except for the long loading time). Please indicate your OS platform, browser and hardware specs. The initial load time is quite long so stick around please... Looking forward to your feedback! Thanks a lot, Alexandre -- View this message in context: http://www.nabble.com/-OT--please-check-website-before-launch-tp20157819s27240p20167761.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: please check website before launch
h Ricardo thanks a lot for the thorought report. Are the galleries dynamic? If they are not you could just cache/hardcode the bar sizes and then load on demand, or just make the bar sizes relative to the number of pictures, not their dimension. that's actually something that could be possible, i'll have to test if it can be a solution. in fact i only need the first image of each set (the one shown on hover), the rest could be loaed on demand. the galleries are dynamic (just wished i could show you the beautiful / ergonomic CMS behind but it's private zone :) ) . but the CMS produces a static output and an xml. The xml is loaded in a noscript tag for non javascript users, and the json is loaded by the rest of us, who have javascript enabled. 5. the right/left arrows are too discrete and look quirky, a simple styled arrow without the vertical bar would be more beautiful and useful they were actually designed by the customer, and i personally find them quite good looking but it's all amount to taste in the end. and you know, it's just arrows. Once you know they are there, you won' spend much time admiring their beauty. 7. clicking the category names at the top is a mistery. I guess it adds (underline) or removes (no underline) categories from the barcode, but that is far from intuitive and there is no animation, it just pops a new barcode instantly it actually filters the barcode, only showing the images related to the keywords underlined. The customer, when encoding an image set, associates one or more of the 5 tags. These keywords enable the visitor to select which images to actually see. note that the current images are just a dummy encoding, so the current associaiton is not relevant, hence your probable confusion? thanks a lot again alexandre On Sun, Oct 26, 2008 at 8:10 PM, ricardobeat [EMAIL PROTECTED] wrote: Hi Alex, Glad to see you managed to iron the bugs out. But as I said before, load time is definitely a huge downside to the website. Are the galleries dynamic? If they are not you could just cache/hardcode the bar sizes and then load on demand, or just make the bar sizes relative to the number of pictures, not their dimension. Took about 30 seconds to load here too (4mbps) but that is way too much waiting to expect from regular users. Some points on the interface: 1. It's not clear at first sight that the bars contain pictures, specially if you hover the ones that display a solid white/grey/black background 2. some bars are just too thin, that makes navigation clumsy 3. hover animations could be more responsive, it takes some time to start fading the image in, and the expanding animation is too slow, gets annoying very soon 4. there is no indication that the bars on the bottom are an alternative set navigation, at first it looks like it's relative only to pictures in that set. some coloring in the main 'barcode' and repeated on this one could help make the connection clearer. 5. the right/left arrows are too discrete and look quirky, a simple styled arrow without the vertical bar would be more beautiful and useful 6. after entering a set, there is no apparent way back to the home page/barcode 7. clicking the category names at the top is a mistery. I guess it adds (underline) or removes (no underline) categories from the barcode, but that is far from intuitive and there is no animation, it just pops a new barcode instantly I know this sounds like 'destroying' the original idea of an innovative interface, but you have to make some concessions, I've been through that too. It's not like a game where people enjoy discovering their way through, in this case it's a stone in their path. Great designs for the web are the ones that innovate but still have a natural feel to it, there is no guessing or confusion for the end- user. I'm sure you can figure it out and get this site closer to perfection :) cheers, - ricardo On Oct 24, 7:05 pm, pixeline [EMAIL PROTECTED] wrote: Hi mates, May i ask you guys to have a look at my latest project,a bit on the experimental side in terms of UI : a barcode image gallery for a spanish photographer: http://www.pixeline.be/test/lisapram/ Let me know of any bugs you find? AFAIK everything should run smooth (except for the long loading time). Please indicate your OS platform, browser and hardware specs. The initial load time is quite long so stick around please... Looking forward to your feedback! Thanks a lot, Alexandre
[jQuery] Re: please check website before launch
I assume all sets tagged People are also tagged as Experimental, that could be the issue. Exactly. i should have paid more attention to that when setting up the test bed. your critics are very useful! i'll debrief with the customer. but you know, she wanted this experimental interface, so i guess many comments on the usability side will not make any visible UI changes. But i foresee more explanatory instructions during loading time (plus the load-on-demand features) will be direct results of you guys comments. thanks much! alex On Sun, Oct 26, 2008 at 10:41 PM, ricardobeat [EMAIL PROTECTED] wrote: 5. the right/left arrows are too discrete and look quirky, a simple styled arrow without the vertical bar would be more beautiful and useful they were actually designed by the customer, and i personally find them quite good looking but it's all amount to taste in the end. and you know, it's just arrows. Once you know they are there, you won' spend much time admiring their beauty. what I meant to say is that they don't look like arrows, their function is not implicit until you hover and realize it's clickable. 7. clicking the category names at the top is a mistery. I guess it adds (underline) or removes (no underline) categories from the barcode, but that is far from intuitive and there is no animation, it just pops a new barcode instantly it actually filters the barcode, only showing the images related to the keywords underlined. The customer, when encoding an image set, associates one or more of the 5 tags. These keywords enable the visitor to select which images to actually see. note that the current images are just a dummy encoding, so the current associaiton is not relevant, hence your probable confusion? similar to above, I think behaviour is not clear. If you click Editorial for example nothing happens, and advertising causes unoticeable changes in the barcode. When you have Professional and Experimental selected, if you click People nothing changes also. In those cases one could think that the interface is not working, because there are no visible changes. I assume all sets tagged People are also tagged as Experimental, that could be the issue. thanks a lot again you're welcome, hope my critics are useful :] - ricardo
[jQuery] Re: [OT] please check website before launch
Hi Christoph, thanks for the feedback anyway. cheers, alexandre On Sat, Oct 25, 2008 at 6:27 PM, Christoph Haas [EMAIL PROTECTED] wrote: On Freitag, 24. Oktober 2008, pixeline wrote: May i ask you guys to have a look at my latest project,a bit on the experimental side in terms of UI : a barcode image gallery for a spanish photographer: http://www.pixeline.be/test/lisapram/ Sorry for my negative feedback but this site is close to unusable. I accidentally found out that I can navigate between pictures by hovering/clicking on an invisible bar below the pictures. Besides it took me two minutes to load the site. Usually I give a site 5 to 10 seconds and after that just go away. The whole navigation is like mystery meat. I wouldn't know how to use it. And I doubt I would usually spend the time to find out. Nothing against a well-done site that looks different. But this is too much. Even jQuery doesn't help. :) Please indicate your OS platform, browser and hardware specs. Debian, i386, Firefox 3.0.3, a computer. Christoph -- A guess is just a guess until you turn it into a pie chart. Then it's an analysis. (Scott Adams)
[jQuery] Re: li selection problem
come on marty try reviewing your css skills a little bit especially the css selectors. You 've got it wrong, but this should do : $('ul li.stripeable:even').addClass('greenbar'); On Fri, Oct 24, 2008 at 8:47 PM, MartyB [EMAIL PROTECTED] wrote: With... $('ul ul li.stripeable:even').addClass('greenbar'); it only stripes the child li's not the parent li's also. I want every line in the display to be striped in sequential order. Marty
[jQuery] Re: li selection problem
Yup I second Mike's advise. Make sure first that CSS allows it in a static demo file, then when you get it to work, you'll know what to script exactly. Just a remark $('ul ul li') is not the same as $('ul li'). In the first case it would only concern li which are inside an ul, inside another ul (so, excluding first-level ul). Second case concerns all LI elements. On Fri, Oct 24, 2008 at 10:11 PM, Michael Geary [EMAIL PROTECTED] wrote: Suggestion: Forget jQuery for a while. Instead, hand-edit an HTML file and see if you can get the styling the way you want. That way you don't have to troubleshoot both sides at once. All you have to worry about is the HTML and CSS. If you can get that to work, then you can duplicate the effect with jQuery. -Mike From: MartyB The more I am studying this, the more I am convinced that what I am trying to do is impossible. It is impossible to disassociate a child li background-color from the parent's, and still let jQuery apply the :even filter to all li's, sequencially for both parent and child.
[jQuery] Re: jQModal loading separate urls into div
With so little data it's hard to really give an advise. do you populate the content inside the div via an ajax call? Then you need to bind their click event (after they have been loaded see livequery plugin), to a function that does ajax calls inside the div you could also use an iframe ( http://www.pixeline.be/blog/2008/javascript-loading-external-urls-in-jqmodal-jquery-plugin/ ) and for the links inside the loaded page, add the target attribute point to _self. cheers alex On Thu, Oct 23, 2008 at 12:04 AM, jalanbyers [EMAIL PROTECTED] wrote: Hi, I was wondering if anyone had luck with using as persistent modal window. In other words, I have a .jgmAddClose element inside the div but I also want other links within the div to actually load new url in the div rather than the 'parent'... Thanks for any insight..
[jQuery] Re: cannot reset width value _ width(val)
Could anybody take a look at my problem please? I haven't made any progress so far :( On Thu, Oct 23, 2008 at 3:17 PM, pixeline [EMAIL PROTECTED] wrote: Hi all, i'm trying to kill the last bugs of lisapram.com before letting the project go _ the issue i'm facing is that i can't manage or don't understand how to stop and reset the animation queue. To reproduce the issue please go here: http://www.lisapram.com/ click on one of the fifth line (big and fat) in the barcode at the center of the screen: it opens up to display a strip of images. Its width will gradually expand to 12900 px Now, click refresh , see the value of set number 5. It's gradually increasing to 12900px, fine. Now, hit one of the above keywords, e.g. experimental . It should reset the barcode. But it does not properly do it because the set 5 is still increasing its width, no matter what i try. I have a barcode.reset() function that should take care of that, here is the code so far, that does not work, the css width is not properly applied (as reported by my custom debugger ). barcode.reset = function() { barcode.canOpen = false; // unbind all click events $('#barcode li img').hide(); $('li', barcode.el).removeClass('active').addClass('notActive').unbind().css({ cursor: 'default', width: '1px' }).each(function(i) { //$('img', $(this)).hide(); if (barcode.allSets.length 0) { $(this).css({ width: barcode.allSets[i].smallWidth }); $(this).width(barcode.allSets[i].smallWidth); $.log('barcode reset of set ' + i + ' to width ' + barcode.allSets[i].smallWidth); //$.log('li nr' + i + '= ' + barcode.allSets[i].smallWidth); } if ($(this).is(':animated')) { $(this).stop(); $(this).css({ width: barcode.allSets[i].smallWidth }); $(this).width(barcode.allSets[i].smallWidth); } }); } What am i doing wrong? Thank you for your time, alexandre
[jQuery] Re: cannot reset width value _ width(val)
Anybody, please ? On Thu, Oct 23, 2008 at 8:10 PM, Alexandre Plennevaux [EMAIL PROTECTED] wrote: Could anybody take a look at my problem please? I haven't made any progress so far :( On Thu, Oct 23, 2008 at 3:17 PM, pixeline [EMAIL PROTECTED] wrote: Hi all, i'm trying to kill the last bugs of lisapram.com before letting the project go _ the issue i'm facing is that i can't manage or don't understand how to stop and reset the animation queue. To reproduce the issue please go here: http://www.lisapram.com/ click on one of the fifth line (big and fat) in the barcode at the center of the screen: it opens up to display a strip of images. Its width will gradually expand to 12900 px Now, click refresh , see the value of set number 5. It's gradually increasing to 12900px, fine. Now, hit one of the above keywords, e.g. experimental . It should reset the barcode. But it does not properly do it because the set 5 is still increasing its width, no matter what i try. I have a barcode.reset() function that should take care of that, here is the code so far, that does not work, the css width is not properly applied (as reported by my custom debugger ). barcode.reset = function() { barcode.canOpen = false; // unbind all click events $('#barcode li img').hide(); $('li', barcode.el).removeClass('active').addClass('notActive').unbind().css({ cursor: 'default', width: '1px' }).each(function(i) { //$('img', $(this)).hide(); if (barcode.allSets.length 0) { $(this).css({ width: barcode.allSets[i].smallWidth }); $(this).width(barcode.allSets[i].smallWidth); $.log('barcode reset of set ' + i + ' to width ' + barcode.allSets[i].smallWidth); //$.log('li nr' + i + '= ' + barcode.allSets[i].smallWidth); } if ($(this).is(':animated')) { $(this).stop(); $(this).css({ width: barcode.allSets[i].smallWidth }); $(this).width(barcode.allSets[i].smallWidth); } }); } What am i doing wrong? Thank you for your time, alexandre
[jQuery] Re: Modal Window Page Refresh
depending on which modal window you use, of course. Personally, I use jqModal, which has a handy onClose callback. I also had the need to, in some cases, refresh the main page after modal close. So i added an option variable (boolean) telling if it should refresh or not after closing the modal. I wrote a complete how-to here: http://www.pixeline.be/blog/2008/javascript-loading-external-urls-in-jqmodal-jquery-plugin/ the bit of code you are interested in is: if (hash.refreshAfterClose == true) { window.location.href = document.location.href; } On Wed, Oct 22, 2008 at 5:39 AM, kulman [EMAIL PROTECTED] wrote: Hi friends, Need your help: how to reload a page (which contains data from database) when the user updates and closes modal window (so that the data on the page is refreshed)? Thanks a lot.
[jQuery] Re: jQuery Uploader Flash player 10 fix
hi Gilles, i was about to take the same path: convert YUI uploader into jquery for the new version of jquploader, because it's simply the best implementation i've seen so far (kuddos to yahoo). i'll be very interested with what you come up with. There is one issue i still lack for a good answer, i'd be interested in your opinion: say you want to control the uploaded file 's name, for example so that it does not erase an existing file with the same name: then the serverside script woudl produce a unique file name, according to a given logic (timestamp appended, etc), or simply to avoid empty spaces or quote characters in the name. Is it actually possible that the flash file returns the serverside-generated file name ? thanks, Alexandre On Tue, Oct 21, 2008 at 8:55 PM, Gilles (Webunity) [EMAIL PROTECTED]wrote: Update: Most of the callbacks have been implemented; Actionscript (Flash) work seems to be done; yet i did all my work without debugging. Tomorrow i have to add maybe 3 or 4 events / log messages and then i can start building ;) -- Gilles On Oct 20, 7:52 pm, Gilles (Webunity) [EMAIL PROTECTED] wrote: Guys; A lot (8) people have allready asked me if i was going to fix the mess Adobe made and my answer is yes, i am working on it. This post is to assure you that the jQuery Flash based uploader i wrote in 2006 has been revived. The project will no longer be based on swfupload, since i added way to much code of my own into it. The new version is (looseley) based upon YUI uploader component, and off course i've taken a peek to see what FancyUpload does in their code. To be honest; they are both very good products and both have their pro's and con's. I am hoping to create a project which will be the best of both worlds and more (currently, approx. 80% code is my own work) I've allready put about 10 hours of work in the new jQuery upload plugin (which was originally hosted onhttp://uploader.webunity.nl/) but unfortunately it is not finished yet. Since i based the startcode (e.g. how to create an AS3 movieclip) on YUI, I must abide by their license, which is BSD. The uploader plugin (Javascript) is going to be included as full source, but the Actionscript file is going to be precompiled. This is due to the fact that i simply put to much work in it. Some stuff that i added; - A lot more and consistant event handlers - A lot more and better logging - Multiple simultanous (!!) uploads And, ported from my old version: - Queue managemen - Max file size - Max queue size - Max queue count The idea is to even make it possible to add files while you are allready uploading; sort of background file transfer so to say. Anyway; i'll hope to finish the Actionscript code tomorrow evening (it is now 20:00 here) and the demo's the day after that. Basically; by the end of the week you should have some working examples. Thank you for al your wonderfull feedback -- Gilleshttp://www.webunity.nl/
[jQuery] Re: ANNOUNCE: Context Menu Plugin v1.0 - new plugin with themes, highly extensible
Matt, you rule ! On Mon, Oct 20, 2008 at 6:11 PM, Matt Kruse [EMAIL PROTECTED] wrote: I've just released version 1.0 of my Context Menu plugin: http://plugins.jquery.com/project/cmenu ( plugin home: http://www.javascripttoolbox.com/lib/contextmenu/ ) Here is the description from the plugin page: This plugin enables you to display a custom context menu on right click in browsers that support it. This is commonly used in web applications that are simulating desktop behavior or wish to add advanced functionality for their users. There are other context menu plugins - so why did I write one? This one is extremely configurable, customizable, and extensible. If any part of the default behavior is not exactly what you need, it is very simple to override the default functionality without changing the plugin code. Several themes are included so you can display the context menus in a style that you pick. Writing your own themes is very simple. Understanding and customizing the CSS is straight-forward and documented. There are many examples showing off lots of the functionality here. The best way to see what this plugin can do is to try it out! http://www.javascripttoolbox.com/lib/contextmenu/ I hope it is useful to some of you. Feedback is of course appreciated. Matt Kruse
[jQuery] Re: JQuery to select rows inside a particular table
just a bit of explanation on what you tried and why it didn't work: $('#myTable tr'); means select TR tags immediately () after the TABLE tag, whereas, as karl rightly pointed out, for browsers, even though you wrote your html as table tr, it really is table tbody tr whereas $('#myTable tr'); means: select all TR inside the TABLE tags. No problem if there is a tbody or not, the TR is in any case inside the table. also you wrote table#myTable it is ok, but it is in fact a bit slower to process because there is nothing more efficient that getElementById. If you specify the tag TABLE, then it first looks for TABLES tags, then check for their id. so it is better to use only the ID. On Thu, Oct 16, 2008 at 9:23 AM, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: This worked. Thank you very much for your help. -jl On Oct 15, 4:10 pm, Alexandre Plennevaux [EMAIL PROTECTED] wrote: $('#myTable tr'); HTH Alex On Thu, Oct 16, 2008 at 12:59 AM, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: Here you go. I am looking for a general solution. -jl table id=myTable tr id=myTable_row_0 td/td /tr tr id=myTable_row_1 td/td /tr /table On Oct 15, 3:32 pm, MorningZ [EMAIL PROTECTED] wrote: Show a snip of HTML for the table would be of great help for others to help you On Oct 15, 5:53 pm, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: I am creating a series of tables and would like to be able to grab all the rows inside of a particular table. I tried $( table#myTable tr ) with no avail. I am still new to JQuery so please forgive me if I am missing something obvious. -jl
[jQuery] Re: Beginner: Load Bind Event Problem
Because the events are initialised on page load for the dom state available at that moment (more on this here: http://docs.jquery.com/Tutorials:AJAX_and_Events)http://docs.jquery.com/Tutorials:AJAX_and_Events . either you include your javascript inside the ajaxed html (baad), or (wiser solution) you use livequery plugin, available here: http://plugins.jquery.com/project/livequery On Wed, Oct 15, 2008 at 6:46 PM, Jason [EMAIL PROTECTED] wrote: My page: I click a tab and it loads in the html file for the tab. I click a link on the newly loaded html file but it doesn't run the function I wrote for it. The link only runs the function when it's in the home file, rather than the loaded file. I know this has to do with binding, but it's too confusing. Any help would be appreciated. Thanks, Jason
[jQuery] Re: Lightbox Plugin wanted
shadowbox? http://mjijackson.com/shadowbox/ On Wed, Oct 15, 2008 at 2:08 PM, Sandra Erb [EMAIL PROTECTED]wrote: I'm looking for a jquery lightbox plugin for a screenshot tour. I want to present an image in a lightbox with a text below the image and a link to the next image. When the user clicks the link, the next image and the next text should be displayed, again with a link to the next screenshot. - The tour should start with a click on a text link. Most lightbox scripts I found work if you show all images as thumbs on the original html page. But I don't want the images to be visible at the original page at all, there should be just the textual link. - Most lightbox scripts use little arrows above the image to navigate to the next image. These arrows are only visible if you hover the mouse cursor over the image. This looks cool, but doesn't rank high on the usabillity scale. I would prefer a script which has text links below the image. Thickbox does this. - Ideally the plugin would also support multiple languages, as I have a German as well as an English website. I've tried Leandro's lightbox (http://leandrovieira.com/projects/ jquery/lightbox/ http://leandrovieira.com/projects/jquery/lightbox/) as well as the thickbox (http://jquery.com/demo/ thickbox/ http://jquery.com/demo/thickbox/) but didn't find a way to achieve all of what I describe above. Does anyone know which plugin I could use? Best Regards, Sandra
[jQuery] Re: JQuery to select rows inside a particular table
$('#myTable tr'); HTH Alex On Thu, Oct 16, 2008 at 12:59 AM, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: Here you go. I am looking for a general solution. -jl table id=myTable tr id=myTable_row_0 td/td /tr tr id=myTable_row_1 td/td /tr /table On Oct 15, 3:32 pm, MorningZ [EMAIL PROTECTED] wrote: Show a snip of HTML for the table would be of great help for others to help you On Oct 15, 5:53 pm, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: I am creating a series of tables and would like to be able to grab all the rows inside of a particular table. I tried $( table#myTable tr ) with no avail. I am still new to JQuery so please forgive me if I am missing something obvious. -jl
[jQuery] Re: How to avoid throbbing Hover actions?
did you try using the hoverIntent plugin ? I find that it makes hover events much easier to work with. http://plugins.jquery.com/project/hoverIntent LAb[au] _ *lab*oratory for *a*rchitecture and *u*rbanism Alexandre Plennevaux Lakensestraat 104 Rue de Laeken Brussel 1000 Bruxelles België _ Belgique _ Belgium tel: +32 (0)2 2196555 fax: +32 (0)2 4266986 mail: [EMAIL PROTECTED] [EMAIL PROTECTED] http://www.lab-au.com VAT: BE0475.210.720 On Tue, Oct 14, 2008 at 3:41 PM, 703designs [EMAIL PROTECTED] wrote: Good call, I didn't know about stop(). I have one more problem though: stop() stops all animations, so the next action (hide all of these boxes if any is clicked) gets halted. I tried using unbind(), but it looks like it's either not working or (more likely) is being terminated by the hover() method before it has a chance to finish. I tried to go a step deeper, separating this into mousedown and mouseup events (unbind on mouse down, fadeOut on mouse up) but the hovered element doesn't hide if it's hovered after the click. Updated: http://703designs.com/jQuery/port.php On Oct 13, 11:32 pm, ricardobeat [EMAIL PROTECTED] wrote: Stop all previous animations before starting a new one: $(.block img).hover(function() { $(this).stop().animate({ width: '120px', height: '120px', marginTop: '5px', }, normal) },function(){ $(this).stop().animate({ width: '80px', height: '80px', marginTop: '25px', }, normal) }); - ricardo On Oct 13, 5:05 pm, 703designs [EMAIL PROTECTED] wrote: Using either $.fn.hover or $.fn.mouse(over|out), I can't figure out how to prevent my animations from firing repeatedly. You'll see what I mean:http://703designs.com/jQuery/port.php(viewsourcehttp://703designs.com/jQuery/port.php%28viewsourceto see what's going on). How would I change this so that the over/hover event can't fire until the element is finished with its current animation? How would I change this so an animation only continues until the mouse leaves rather than taking the full step from 80px h/w to 120px h/w?
[jQuery] listnav - callback after each button click
hi! i've implemented with great pleasure the listnav plugin for our internal addressbook. However, there is one issue i'm facing: i'm also using the jscrollpane plugin to display a custom scrollbar for the div in which sits the listnav UI. I need to recall the jscrollpane() function after each listnav click. Is this possible as such ? If not could you consider this as a feature request? Thank you! Alexandre LAb[au] _ *lab*oratory for *a*rchitecture and *u*rbanism Alexandre Plennevaux Lakensestraat 104 Rue de Laeken Brussel 1000 Bruxelles België _ Belgique _ Belgium tel: +32 (0)2 2196555 fax: +32 (0)2 4266986 mail: [EMAIL PROTECTED] [EMAIL PROTECTED] http://www.lab-au.com VAT: BE0475.210.720
[jQuery] Re: don't understand this bug _ please review code
hi ricardo, first of all, thank you for your time. Can you tell me which browser you used for the test? preloading the images is necessary because the other alternative would be to not put the img tags in the dom and feed them via ajax, but then it would make the website content unaccessible for non javascript browsers. What i'm thinking is to actually have the img tags, change their src value to a generic placeholder and store their src attribute value in a dummy attribute. Then actually loading the images and when loaded, fill their path back in the src attribute. Don't know if it will work though. as for my bug, it is indeed what happens when clicking on the keywords that produces the hickup, but i can't seem to solve it. Still trying... thanks ! On Mon, Oct 13, 2008 at 3:39 PM, ricardobeat [EMAIL PROTECTED] wrote: Hi, It's not really working here.. when I click experimental or people some bars get added, but depending on the combination the bars added have different widths. Deselecting all of them still leaves most of the bars, but they stop working. The grey box is one (or more) of the bars. When you click one of the keywords to regenerate the barcode, it starts growing in width. The one I looked at went up to 18808px, then shrank back to 33px, restoring the barcode - it's a long running function, took around 10 seconds. I don't have time to look at the code right now, but that should give you a clue of what's going on. Do you really need to preload all the images? It's a huge hit on the server and slows down the browser considerably. - ricardo On Oct 12, 4:40 pm, Alexandre Plennevaux [EMAIL PROTECTED] wrote: hi Friends, i'm about to finish an old project of a specific image viewer for a professional photographer. The whole idea is that her work becomes her identity. Therefore, the pictures are displayed in imagesets one next to each other, each being a line, thin or thick according to the number of images it contain. This generates an ID-related graphic: a barcode. Now, i'm about to be finished, but there is a bug i can't seem to nail down and i would be very grateful if you guys could spend some of your time helping me out. Please first check the live prototype: http://www.pixeline.be/test/lisapram/ (thanks for your patience, 101 images to load !) now, past the rudimentary preloader, you should see a grey barcode. You can hover then click on each line to expand the image set, and see what it does. Above, you get keywords summarizing her main work keywords: professional, experimental, people (portraits), etc. If you click on them, it should activate/disactivates the barcode (not) tagged with these keywords, thus generating a different barcode, according to the current combination of tags selected. Problem is exactly there: the barcode does not quite reinitalise, or i don't know exactly in fact how to describe it: a grey box appears underneath, and i don't find where it comes from. Can somebody check? If you want to peak at the code (js and html) are available in the nice jsbin app of remy: http://jsbin.com/eqime thank you very much for your help ! Alexandre Plennevaux
[jQuery] Re: Thickbox vs jqModal
I personally prefer jqmodal, the result is snappier. Maybe this conversion tutorial will help you out: http://www.pixeline.be/blog/2008/javascript-loading-external-urls-in-jqmodal-jquery-plugin/ cheers, alexandre LAb[au] _ *lab*oratory for *a*rchitecture and *u*rbanism Alexandre Plennevaux Lakensestraat 104 Rue de Laeken Brussel 1000 Bruxelles België _ Belgique _ Belgium tel: +32 (0)2 2196555 fax: +32 (0)2 4266986 mail: [EMAIL PROTECTED] [EMAIL PROTECTED] http://www.lab-au.com VAT: BE0475.210.720 On Mon, Oct 13, 2008 at 7:43 AM, bookme [EMAIL PROTECTED] wrote: Hi, I am confused what plugin should I use either Thickbox or jqModal? Can some body tell me which one is better in terms of performance, look and feel and for future help Thanks
[jQuery] Re: sortable links
how about preventing event bubbling ? $(.mydraggable).click(function(e){ e.stopPropagation();}); On Mon, Oct 13, 2008 at 5:38 PM, MorningZ [EMAIL PROTECTED] wrote: Well, as mentioned above use the Sortable's event handlers (sort start, end, etc) to wire/unwire on an return false to the anchors... On Oct 13, 11:09 am, Adam [EMAIL PROTECTED] wrote: Actually, I am applying the sortable to an LI tag which contains the link, but if I sort and the mouse pointer is on top of the link, the link click event is still executed. On Oct 13, 10:09 am, Andy Matthews [EMAIL PROTECTED] wrote: He's not talking about clicking on the link to activate it, but clcking on it to drag and sort it. I will say that you might be better off applying the sortable to an LI tag which contains the link, rather than directly to the link itself. Remember that a link isn't technically a list, but a group of li tags are. -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of MorningZ Sent: Monday, October 13, 2008 9:04 AM To: jQuery (English) Subject: [jQuery] Re: sortable links if you don't want the user to go anywhere when clicking on a link, then why use a link? On Oct 13, 9:50 am, Adam [EMAIL PROTECTED] wrote: Using the jquery UI plugin, I have setup a list of links (anchors) to be sortable, but after I sort an item, the link is executed, and I am taken to the web page for that link. Is there a way to setup the Sortable plugin to prevent this from happening?
[jQuery] Re: jQuery Package Downloader
maybe and then, maybe not, depending on the case : the kilobyte footprint of jquery minified is light, compared to the footprint of additional server requests for each additional file to load.at the very least, a production website should have all its javascript compiled into one single minified file. This is left to the responsibility of the web developer to decide that according to its own project, not to this gentleman's fine download application, of course. On Sun, Oct 12, 2008 at 12:25 PM, Isaak Malik [EMAIL PROTECTED] wrote: Very interesting, such a feature should be implemented on the main jQuery website. On Sat, Oct 11, 2008 at 8:35 PM, stuartloxton [EMAIL PROTECTED] wrote: Just to let you all know even though this is my first post it may seem a tad spammy but it's not. It just happens I didn't have an account on general discussion yet. I've just kind of alpha released a super small jquery downloader. Allowing you to choose exactly what parts of jQuery you need creating a REALLY small download. http://demos.stuartloxton.com/downloader/ I'm still making changes to it, theres a larger description, and some notes on stuff I'm going to change on my site over at: http://stuartloxton.com/creating-a-really-small-jquery/ All feedback is welcome! Thanks, Stuart -- Isaak Malik Web Developer
[jQuery] don't understand this bug _ please review code
hi Friends, i'm about to finish an old project of a specific image viewer for a professional photographer. The whole idea is that her work becomes her identity. Therefore, the pictures are displayed in imagesets one next to each other, each being a line, thin or thick according to the number of images it contain. This generates an ID-related graphic: a barcode. Now, i'm about to be finished, but there is a bug i can't seem to nail down and i would be very grateful if you guys could spend some of your time helping me out. Please first check the live prototype: http://www.pixeline.be/test/lisapram/ (thanks for your patience, 101 images to load !) now, past the rudimentary preloader, you should see a grey barcode. You can hover then click on each line to expand the image set, and see what it does. Above, you get keywords summarizing her main work keywords: professional, experimental, people (portraits), etc. If you click on them, it should activate/disactivates the barcode (not) tagged with these keywords, thus generating a different barcode, according to the current combination of tags selected. Problem is exactly there: the barcode does not quite reinitalise, or i don't know exactly in fact how to describe it: a grey box appears underneath, and i don't find where it comes from. Can somebody check? If you want to peak at the code (js and html) are available in the nice jsbin app of remy: http://jsbin.com/eqime thank you very much for your help ! Alexandre Plennevaux
[jQuery] dimensions plugin integrated in jquery ?
hello! aquick question: is it right that dimensions.js has been included in jquery 1.2.6? So there is no need to include it as a separate plugin? thanks for your insight! Alexandre
[jQuery] Re: dimensions plugin integrated in jquery ?
thanks brandon! it would maybe be useful to update the plugin project page with that info? right now, it kindda says you need jquery 1.2+ http://plugins.jquery.com/node/1089 thanks in any case! LAb[au] _ *lab*oratory for *a*rchitecture and *u*rbanism Alexandre Plennevaux Lakensestraat 104 Rue de Laeken Brussel 1000 Bruxelles België _ Belgique _ Belgium tel: +32 (0)2 2196555 fax: +32 (0)2 4266986 mail: [EMAIL PROTECTED] [EMAIL PROTECTED] http://www.lab-au.com VAT: BE0475.210.720 On Wed, Oct 8, 2008 at 3:05 PM, Brandon Aaron [EMAIL PROTECTED]wrote: That is correct. The dimensions plugin now completely included in jQuery 1.2.6. -- Brandon Aaron On Wed, Oct 8, 2008 at 7:41 AM, Alexandre Plennevaux [EMAIL PROTECTED] wrote: hello! aquick question: is it right that dimensions.js has been included in jquery 1.2.6? So there is no need to include it as a separate plugin? thanks for your insight! Alexandre
[jQuery] OT : javascript editor (with code formatting)
Friends, aptana studio, albeit a nice editor, is recently crashing all the time and now doesn't even want to restart. I'm looking for a good alternative, that has a code formatting (auto indenting) functionality. Any suggestion ? I'm on Windows XP SP3... Thank you, Alexandre
[jQuery] Re: OT : javascript editor (with code formatting)
thanks for the tip Mike ! Komodo IDE is a bit too expensive for my purse, but i do use the free version which is good, except it does not allow code formatting AFAIK. LAb[au] _ *lab*oratory for *a*rchitecture and *u*rbanism Alexandre Plennevaux Lakensestraat 104 Rue de Laeken Brussel 1000 Bruxelles België _ Belgique _ Belgium tel: +32 (0)2 2196555 fax: +32 (0)2 4266986 mail: [EMAIL PROTECTED] [EMAIL PROTECTED] http://www.lab-au.com VAT: BE0475.210.720 On Tue, Oct 7, 2008 at 8:13 PM, Michael Geary [EMAIL PROTECTED] wrote: I do most of my editing in Komodo. I use the commercial Komodo IDE which includes integrated debuggers for Python, Ruby, PHP, and JavaScript and a great regular expression tester, but the free Komodo Edit is very nice too. Among other things, it has syntax checking for all these languages while you edit. Any syntax error gets a squiggly red underline, which makes it really easy to chase down those errors. Since its editor component is Scintilla, Komodo also supports indentation guides - vertical lines at each level of indentation to help visually connect the indented code. It also supports proportional fonts, which I've gotten to really enjoy for coding. I can see more of my code at once, and it's easier to read too. I also use PSPad for a couple of features that Komodo lacks: a nice sort-and-remove-duplicate-lines function and an HTML/XML reformatter. It also supports very large files better than Komodo. You can open the same file in PSPad and Komodo and they each sync with any changes you make in the other. http://www.activestate.com/Products/komodo_edit/ http://www.activestate.com/Products/komodo_ide/ http://www.pspad.com/ -Mike -- *From:* Alexandre Plennevaux *Sent:* Tuesday, October 07, 2008 8:14 AM *To:* Jquery-en *Subject:* [jQuery] OT : javascript editor (with code formatting) Friends, aptana studio, albeit a nice editor, is recently crashing all the time and now doesn't even want to restart. I'm looking for a good alternative, that has a code formatting (auto indenting) functionality. Any suggestion ? I'm on Windows XP SP3... Thank you, Alexandre
[jQuery] Re: OT : javascript editor (with code formatting)
thanks. I'm currently trying microsoft visual web developer 2008 Express. The installation is quite heavy, but it does work pretty well. i don't need all its .asp interfacing but it allows to edit javascript in a comfy environment. On Tue, Oct 7, 2008 at 10:57 PM, ricardobeat [EMAIL PROTECTED] wrote: Notepad++ is a (free and) very light editor with good syntax highlighting and indentation guides. Not many extra features though. http://notepad-plus.sourceforge.net/ - ricardo On Oct 7, 4:18 pm, Alexandre Plennevaux [EMAIL PROTECTED] wrote: thanks for the tip Mike ! Komodo IDE is a bit too expensive for my purse, but i do use the free version which is good, except it does not allow code formatting AFAIK. LAb[au] _ *lab*oratory for *a*rchitecture and *u*rbanism Alexandre Plennevaux Lakensestraat 104 Rue de Laeken Brussel 1000 Bruxelles België _ Belgique _ Belgium tel: +32 (0)2 2196555 fax: +32 (0)2 4266986 mail: [EMAIL PROTECTED] [EMAIL PROTECTED]http://www.lab-au.com VAT: BE0475.210.720 On Tue, Oct 7, 2008 at 8:13 PM, Michael Geary [EMAIL PROTECTED] wrote: I do most of my editing in Komodo. I use the commercial Komodo IDE which includes integrated debuggers for Python, Ruby, PHP, and JavaScript and a great regular expression tester, but the free Komodo Edit is very nice too. Among other things, it has syntax checking for all these languages while you edit. Any syntax error gets a squiggly red underline, which makes it really easy to chase down those errors. Since its editor component is Scintilla, Komodo also supports indentation guides - vertical lines at each level of indentation to help visually connect the indented code. It also supports proportional fonts, which I've gotten to really enjoy for coding. I can see more of my code at once, and it's easier to read too. I also use PSPad for a couple of features that Komodo lacks: a nice sort-and-remove-duplicate-lines function and an HTML/XML reformatter. It also supports very large files better than Komodo. You can open the same file in PSPad and Komodo and they each sync with any changes you make in the other. http://www.activestate.com/Products/komodo_edit/ http://www.activestate.com/Products/komodo_ide/ http://www.pspad.com/ -Mike -- *From:* Alexandre Plennevaux *Sent:* Tuesday, October 07, 2008 8:14 AM *To:* Jquery-en *Subject:* [jQuery] OT : javascript editor (with code formatting) Friends, aptana studio, albeit a nice editor, is recently crashing all the time and now doesn't even want to restart. I'm looking for a good alternative, that has a code formatting (auto indenting) functionality. Any suggestion ? I'm on Windows XP SP3... Thank you, Alexandre
[jQuery] Re: XML Parsing Question...
and if you simply try $(EventContact,test).length? LAb[au] _ *lab*oratory for *a*rchitecture and *u*rbanism Alexandre Plennevaux Lakensestraat 104 Rue de Laeken Brussel 1000 Bruxelles België _ Belgique _ Belgium tel: +32 (0)2 2196555 fax: +32 (0)2 4266986 mail: [EMAIL PROTECTED] [EMAIL PROTECTED] http://www.lab-au.com VAT: BE0475.210.720 On Mon, Oct 6, 2008 at 11:09 AM, Adrian Lynch [EMAIL PROTECTED]wrote: JS is case sensitive, maybe .find() is also? Adrian On Oct 4, 8:29 pm, KenLG [EMAIL PROTECTED] wrote: For much of my app, I'm doing an Ajax hit to the server to grab XML. That works great. But, in some cases, I've got too many pieces of data (unrelated) that I need to pull so I'm trying to do a simple passthrough from the server side (I'm using ASP.Net). So, I'll either output from SQL Server or hand-stitch some XML and write it to the page. Whenever I do this passthrough (whether it comes from SQL Server or from my own efforts), the XML doesn't get parsed by Jquery. For example: var sTestXML = '?xml version=1.0?\r \nEventContactsEventContactEventContactDataHello/ EventContactData/EventContact/EventContacts\r\n'; var test = $(sTestXML); alert(test.find(EventContact).length); will result in the alert showing zero. Now, if I lower case some of the tags (and this will vary from XML doc to XML doc but usually it's the root and object-level tags), it'll work. What's going on here?
[jQuery] Re: ANNOUNCE: jQuery listnav plugin
arf, well, search engines would link to it directly in any case. So better indeed put a link back to the main project page :) LAb[au] _ *lab*oratory for *a*rchitecture and *u*rbanism Alexandre Plennevaux Lakensestraat 104 Rue de Laeken Brussel 1000 Bruxelles België _ Belgique _ Belgium tel: +32 (0)2 2196555 fax: +32 (0)2 4266986 mail: [EMAIL PROTECTED] [EMAIL PROTECTED] http://www.lab-au.com VAT: BE0475.210.720 On Fri, Oct 3, 2008 at 2:55 AM, Jack Killpatrick [EMAIL PROTECTED] wrote: Thanks Alexandre. I wondered how long it would take for someone to extract the demo url from the modal window and post it bare :-) ... I guess it's time for me to add a link to that to take folks back to the main info page. Thanks for the writeup! - Jack Alexandre Plennevaux wrote: very nice ! http://www.pixeline.be/blog/2008/listnav-jquery-plugin-_-really-nice-ui/ On Thu, Oct 2, 2008 at 9:52 PM, Jack Killpatrick [EMAIL PROTECTED] wrote: Hi All, Today we released our first jQuery plugin, which provides an easy way to add alphabet-based navigation to any UL or OL list. Here's a link to our announcement blog entry: http://blogs.ihwy.com/dev/post/jQuery-listnav-plugin-version-10-released.aspx And below is the info from the blog entry to save you the click. Thanks to Mike Alsup for his docs about creating jquery plugins, and a shout out to Liam Byrne, who helped me (via this list) a few months ago with some jQuery for isolating text inside of list items. - Jack blogged Today we're releasing a jQuery plugin that we created for the business directory section of a pet project site of ours, http://www.hwy9.com/Directory/boulder-creek.aspx. We'd always wanted to have a javascript-based control that we could easily apply to long lists of items to allow quickly navigating around the list. Since most lists are alphabetically sorted, we came up with a plugin that allowed us to have a long list and then, by binding the list to our jQuery listnav plugin, an alphabet-based navigation bar would magically appear above the list, showing all of the letters from A to Z. Clicking on a letter dynamically filters the list, so you can, for example, click on C and the list changes on-the-fly to show you only items beginning with C. There are lots of neat little features to the control. We've posted full information and demos here: http://www.ihwy.com/labs/jquery-listnav-plugin.aspx . A couple of the interesting features worth calling out are 1) that when you hover over a letter in the list navigation bar, a count appears above the letter, telling you how many items will appear if you click that letter 2) letters that don't have any items under them appear looking disabled, as a visual clue that there aren't any items starting with that letter (so that the user doesn't have to find out by clicking the letter). One of the demos (demo 4) also shows using the listnav plugin on a list that has floated items in it. In the demo, each list item looks like a box and they are arranged left-to-right, row by row. Clicking on a letter shows only the boxes that have wording that starts with that letter. This could be handy for making an address-book like layout on a web site: click the letter in the navigation to see the contacts that start with Y, for example. Each box can contain anything you want it to: the listnav control pays attention only to the first letter of the first text in the list item. The control has been optimized for speed. It's able to handle binding to lists with hundreds of items in them very quickly. Any jQuery selector can be used to bind to your lists, so you can bind it to multiple lists on a single page using just a CSS class name, if you want to. It works with UL and OL (numbered) lists. If you use an OL, the numbers restart themselves for each set of list items that appear (ie, if you click on 'C' and that has 5 items, they will appear numbered from 1-5). We hope you enjoy the jQuery listnav plugin. We enjoyed creating it.
[jQuery] Re: NEW PLUGIN (beta): ContextMenu
amazingly done. congratz ! LAb[au] _ *lab*oratory for *a*rchitecture and *u*rbanism Alexandre Plennevaux Lakensestraat 104 Rue de Laeken Brussel 1000 Bruxelles België _ Belgique _ Belgium tel: +32 (0)2 2196555 fax: +32 (0)2 4266986 mail: [EMAIL PROTECTED] [EMAIL PROTECTED] http://www.lab-au.com VAT: BE0475.210.720 On Fri, Oct 3, 2008 at 5:51 PM, Rick Faircloth [EMAIL PROTECTED]wrote: Nice work, Matt. I'm sure that will come in handy! Thanks for sharing it! Rick *From:* jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] *On Behalf Of *Karl Swedberg *Sent:* Thursday, October 02, 2008 8:18 PM *To:* jquery-en@googlegroups.com *Subject:* [jQuery] Re: NEW PLUGIN (beta): ContextMenu excellent work, Matt! --Karl Karl Swedberg www.englishrules.com www.learningjquery.com On Oct 2, 2008, at 6:50 PM, Matt Kruse wrote: I've been working on a new Context Menu plugin. I know some exist, and I've used them, but I've always wanted something better. Here is mine: http://www.javascripttoolbox.com/lib/contextmenu/ This is at a pre-beta stage right now. Not ready to be used, but I would love to hear what people think. I still need to finish the examples, write some more documentation, and package it up a little better. I expect to have it at Version 1.0 in a few days. Hopefully the examples on that page will show you what it can do and you can see the source to critique it. I wrote this primary for my own use, but I think that a lot of people might find it useful. I welcome any feedback! Thanks! Matt Kruse
[jQuery] Re: could someone Please Help...
hi, 1/ set up your html: div id=myFixedContainer...this content will be replaced by the php script/div 2/ fix the css properties that will make it stay at the same screen position: div id=myFixedContainer style=position:fixed;top:20px;left:20px;width:200px;height:200px;border:1px solid black;padding:20px...this content will be replaced by the php script/div 3/ that's it. now use javascript to load content inside your div: script $(document).ready(function(){ $('#myFixedcontainer').load('path/to/phpPage.php'); }); that's the basic idea if the world was really round and browsers obeyed the standards. you will have to google for a fix to make position:fixed work across older browsers... LAb[au] _ *lab*oratory for *a*rchitecture and *u*rbanism Alexandre Plennevaux Lakensestraat 104 Rue de Laeken Brussel 1000 Bruxelles België _ Belgique _ Belgium tel: +32 (0)2 2196555 fax: +32 (0)2 4266986 mail: [EMAIL PROTECTED] [EMAIL PROTECTED] http://www.lab-au.com VAT: BE0475.210.720 On Thu, Oct 2, 2008 at 9:36 AM, steph3 [EMAIL PROTECTED] wrote: Hello, I am a first time JQuery user, and was wondering how would I go about getting an element, say a php page that I loaded into a small block on my html page... now when I scroll up, down, left or right I would like this element(the loaded php page in the small block) to be fixed to the position on the screen, that is it moves up, down, left or right to compensate for the users scrolling. I hope that makes sense. In advance Thanks for Your Help!!!
[jQuery] Re: jquery anchor
hello, you should check out Ariel's scrollTo plugin: http://demos.flesler.com/jquery/scrollTo/ Alexandre Plennevaux LAb[au] http://www.lab-au.com On Tue, Sep 30, 2008 at 9:05 AM, elvisparsley [EMAIL PROTECTED] wrote: I am wondering how can I do like this, http://davidwalsh.name/dw-content/smooth-scroll.php, with jquery. What I want to do is that a smooth move when I click an anchor within a page. Can anyone help me please?
[jQuery] Re: jScrollPane Help (URGENT)
if your chat html markup is using , let say, list elements, you could try : var $last = $(' ul.chatLog li:last'); $('.jscrollpane').scrollTo($last); Alexandre Plennevaux LAb[au] http://www.lab-au.com On Wed, Sep 10, 2008 at 12:19 PM, Kp [EMAIL PROTECTED] wrote: Hello all, I'm in quite a rush to finish a project so any help would be much appreciated. I'm using jScrollPanel to implement the scrollbar for a chat (very similar to the old school mIRC approach). What I wanted to do is, each time a message is submitted, the page is scrolled to the bottom. That is, if the chat has 3 lines height like this: Kp hi xptodude hello Kp hello too When someone writes the fourth line, the view port will end up with THAT line and the latter two. I think the objective is easily understandable, right? How can I achieve this? I know scrollTo is probably the solution, but how can I set it that it always scrolls to the very bottom of the content of the div which has the chat?
[jQuery] Re: Jcrop v0.9.0 image cropping plugin - comments please
beautifully executed. well done ! Alexandre Plennevaux LAb[au] http://www.lab-au.com On Wed, Sep 10, 2008 at 3:17 PM, Andy Matthews [EMAIL PROTECTED]wrote: Two words. Kick ass. But really...great job. I love the ability to skin the selection grid. I'd request only one feature, and this would admittedly be fringe. I'd love the ability to bind a doubleClick action to my form submit. Photoshop allows you to double click anywhere inside a cropping selection to run the selection. andy matthews -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Kelly Sent: Tuesday, September 09, 2008 4:35 PM To: jQuery (English) Subject: [jQuery] Jcrop v0.9.0 image cropping plugin - comments please Announcing initial release of Jcrop image cropping plugin for jQuery. This is my first plugin release, so I would appreciate any feedback. http://deepliquid.com/content/Jcrop.html Also posted to plugins.jquery.com There are some rough edges in the API and a few other minor issues. More work to do before 1.0, but what's there is pretty functional. I needed to push it out or I'd keep tinkering forever... Thanks for looking! -Kelly
[jQuery] Re: marquee brought back to life with jQuery
not sure about the usefulness of your plugin, but i sure love your webpage's background image: nice psyche effect when using mousewheel... ! Alexandre Plennevaux LAb[au] http://www.lab-au.com On Wed, Sep 10, 2008 at 3:46 PM, Remy Sharp [EMAIL PROTECTED] wrote: Hi, I've just released a jQuery plugin that not only brings the marquee tag back to life, but IMHO does a smoother job of animating it in the browser :-) http://remysharp.com/2008/09/10/the-silky-smooth-marquee/ Enjoy!
[jQuery] Re: jQuery how to pronounce
i guess the real question becomes now: how to pronounce jay-queer-ee joke apart: hear it said by its own very creator: http://ejohn.org/blog/hacking-digg-with-firebug-and-jquery/ Alexandre Plennevaux LAb[au] http://www.lab-au.com On Wed, Sep 10, 2008 at 4:07 PM, Michael Stuhr [EMAIL PROTECTED]wrote: Reinaldo JuniorZ schrieb: Hello guys, I'm goigo to give a speech on the campus about jQuery and I'm wondering what is the correct pronounce to jQuery... Any Help? best javascript framework EVAR! :-) -- micha
[jQuery] Re: ZKOSS uses scriptaculous
this should be useful for you: http://docs.jquery.com/Using_jQuery_with_Other_Libraries Alexandre Plennevaux LAb[au] http://www.lab-au.com On Mon, Sep 8, 2008 at 3:30 PM, Huub [EMAIL PROTECTED] wrote: We cannot include jquery.js in a ZK page, because of $ I deleted the $ = jQuery definitions and now ik can use jQuery in a ZK Page. I cannot use the minimized version though, because it's a bit encrypted Maybe leave this shortcut to the higher level, let applicationbuilders define $ to there liking $ = jQuery should not be part of the library Regards, Huub
[jQuery] Re: get the tutorials offline
how about printing them on paper ? Alexandre Plennevaux LAb[au] http://www.lab-au.com On Sat, Sep 6, 2008 at 7:30 PM, Mihamina Rakotomandimby [EMAIL PROTECTED] wrote: Hi, I have a very slow internet connection and more or less 10 people who will have to browse the jquery tutorials. I would like to have them locally so that people will have the ability to quickly browse them. Is my only solution using a mirroring tool such as wget and so on?
[jQuery] Re: Proof of concept: Animated data grid/table jquery plugin with sorting and pagination and somewhat lightweight
very nice indeed ! 1/ when going to the last page, the table height adapts to the number of rows. It would be better that the table height does not vary i think 2/ What's the maximum amount of rows do you think it is safe to work with? I suppose beyond a certain level, the table will feel unresponsive thanks for sharing ! Alexandre Plennevaux LAb[au] http://www.lab-au.com On Tue, Sep 2, 2008 at 2:09 AM, num [EMAIL PROTECTED] wrote: My proof of concept http://www.overset.com/2008/08/30/animated-sortable-datagrid-jquery-plugin-jtps/ I haven't yet seen html scrolling animation like this non-flash or flex. This is essentially an unreleased jquery plugin that you can attach to an already created table that will allow for sorting and pagination. The animation is sensitive to the page delta, i.e. it will scroll faster if you go from page 1 to 5 than from page 1 to 2. The core of the animation is really a queued style.display: ( 'none' || '' ) and given the delay by hijacking the .animate() functionality as many have used in the past. It feels somewhat dirty but is easier than programming another whole setTimeout management layer for this. I put a bit of work on coding an intelligent sort that is similar to php's old natural sort (STRING_SORT) and is faster (as of some initial testing) than other implementations I've seen. I'm going to re-vamp the re-drawing of the table rows to make this faster considering how slow it currently is.. but the animation of the pagination is something I wanted to throw out there for some feedback. It's currently floating around 10KB un-minified and well commented Cheers
[jQuery] Re: jQuery uploading. Data type question.
McBilly, my serverside code wouldn't help you its bloated with other stuff, but basically: if you set the datatype to json, you must echo your data like this echo '{ myVar : this is my value}'; if you set it to xml, then it would be something like: echo 'myVarthis is my value/myVar'; if you set it to html then it could simply be echo 'pthis is my value!/p'; does this help ? Alexandre Plennevaux LAb[au] http://www.lab-au.com On Mon, Sep 1, 2008 at 3:22 AM, McBilly Wilford Sy [EMAIL PROTECTED] wrote: Hi Alex. Could you also give me the codes you used for the ajaxfileupload.php and doajaxfileupload.php? I tried your updated code but it still cannot understand the data file type. I tried upload both and image (jpeg) and word doc. Thanks a lot! Best, McBilly On Sun, Aug 31, 2008 at 8:55 PM, Alexandre Plennevaux [EMAIL PROTECTED] wrote: as a matter of fact, i just used that plugin and i had to do a lot of fixing in order for it to work on jquery 1.2.6 here is the updated code: jQuery.extend({ createUploadIframe: function(id, uri){ //create frame var frameId = 'jUploadFrame' + id; if (window.ActiveXObject) { var io = document.createElement('iframe id=' + frameId + ' name=' + frameId + ' /'); if (typeof uri == 'boolean') { io.src = 'javascript:false'; } else if (typeof uri == 'string') { io.src = uri; } } else { var io = document.createElement('iframe'); io.id = frameId; io.name = frameId; } io.style.position = 'absolute'; io.style.top = '-1000px'; io.style.left = '-1000px'; //document.body.appendChild(io); //var myframe_src = (typeof uri == 'boolean') ? 'javascript:false' : uri; // var myframe = 'iframe style=position:absolute;top:-1000px;left:-1000px id=' + frameId + ' name=' + frameId + ' src=' + myframe_src + '/iframe'; $('body').append(io); return io; }, createUploadForm: function(id, fileElementId){ //create form var formId = 'jUploadForm' + id; var fileId = 'jUploadFile' + id; var form = $('form action= method=POST name=' + formId + ' id=' + formId + ' enctype=multipart/form-data/form'); var oldElement = $('#' + fileElementId); var newElement = $(oldElement).clone(); $(oldElement).attr('id', fileId); $(oldElement).before(newElement); $(oldElement).appendTo(form); //set attributes $(form).css('position', 'absolute'); $(form).css('top', '-1200px'); $(form).css('left', '-1200px'); $(form).appendTo('body'); return form; }, ajaxFileUpload: function(s){ // TODO introduce global settings, allowing the client to modify them for all requests, not only timeout s = jQuery.extend({}, jQuery.ajaxSettings, s); var id = new Date().getTime(); var form = jQuery.createUploadForm(id, s.fileElementId); var io = jQuery.createUploadIframe(id, s.secureuri); var frameId = 'jUploadFrame' + id; var formId = 'jUploadForm' + id; // Watch for a new set of requests if (s.global !jQuery.active++) { jQuery.event.trigger(ajaxStart); } var requestDone = false; // Create the request object var xml = {}; if (s.global) jQuery.event.trigger(ajaxSend, [xml, s]); // Wait for a response to come back var uploadCallback = function(isTimeout){ var io = document.getElementById(frameId); try { if (io.contentWindow) { xml.responseText = io.contentWindow.document.body ? io.contentWindow.document.body.innerHTML : null; xml.responseXML = io.contentWindow.document.XMLDocument ? io.contentWindow.document.XMLDocument : io.contentWindow.document; } else if (io.contentDocument) { xml.responseText = io.contentDocument.document.body ? io.contentDocument.document.body.innerHTML : null; xml.responseXML = io.contentDocument.document.XMLDocument ? io.contentDocument.document.XMLDocument : io.contentDocument.document; } } catch (e) { jQuery.handleError(s, xml, null, e); } if (xml || isTimeout == timeout) { requestDone = true; var status; try { status = isTimeout != timeout ? success : error; // Make sure that the request was successful or notmodified if (status != error) { // process
[jQuery] Re: jQuery uploading. Data type question.
!--jQuery.active) jQuery.event.trigger(ajaxStop); // Process result if (s.complete) s.complete(xml, status); jQuery(io).unbind(); setTimeout(function(){ try { $(io).remove(); $(form).remove(); } catch (e) { jQuery.handleError(s, xml, null, e); } }, 100); xml = null; } } // Timeout checker if (s.timeout 0) { setTimeout(function(){ // Check to see if the request is still happening if (!requestDone) uploadCallback(timeout); }, s.timeout); } try { // var io = $('#' + frameId); var form = $('#' + formId); $(form).attr('action', s.url); $(form).attr('method', 'POST'); $(form).attr('target', frameId); if (form.encoding) { form.encoding = 'multipart/form-data'; } else { form.enctype = 'multipart/form-data'; } $(form).submit(); } catch (e) { jQuery.handleError(s, xml, null, e); } if (window.attachEvent) { document.getElementById(frameId).attachEvent('onload', uploadCallback); } else { document.getElementById(frameId).addEventListener('load', uploadCallback, false); } return { abort: function(){ } }; }, uploadHttpData: function(r, type){ var data = !type; data = (type == xml || data) ? r.responseXML : r.responseText; // If the type is script, eval it in global context if (type == script) { jQuery.globalEval(data); } // Get the JavaScript object, if JSON is used. if (type == json) { eval(data = + data); } // evaluate scripts within html if (type == html) { // jQuery(div).html(data).evalScripts(); //jQuery(div).html(data); } //alert($('param', data).each(function(){alert($(this).attr('value'));})); return data; } }); Alexandre Plennevaux LAb[au] http://www.lab-au.com On Sun, Aug 31, 2008 at 3:07 AM, McBilly Wilford Sy [EMAIL PROTECTED] wrote: Hi Alex. Thanks for the help. I'm not sure what I'm doing wrong since the upload code works fine if I don't use jquery. I can upload the file and store it as a BLOB in the database. But this only works if I use the form and POST method and letting the whole page load. Anyway, thanks again. If I don't really find a fix, I might just settle with letting the whole page load. Thanks :) Best, McBilly On Sat, Aug 30, 2008 at 10:36 PM, Alexandre Plennevaux [EMAIL PROTECTED] wrote: i would think your issue is on the serverside, or your test file itself. the plugin's datatype setting tells about which type will the return message be (xml/html or json) Alexandre Plennevaux LAb[au] http://www.lab-au.com On Sat, Aug 30, 2008 at 12:10 PM, McBilly Wilford Sy [EMAIL PROTECTED] wrote: Greetings! I am trying to use the Ajax File Upload here: http://www.phpletter.com/Our-Projects/AjaxFileUpload/ Anyway, I think it's already good enough but whenever I try uploading a file, it doesn't recognize the filetype. Kind of like a corrupt file. Base on the jQuery docs, the DATA TYPES I could find were html, json, xml. What data type do I need to specify if I'm transfering a whole file and storing it in a BLOB in MySql? Thanks a lot. Hope you guys know about this.
[jQuery] Re: jQuery uploading. Data type question.
i would think your issue is on the serverside, or your test file itself. the plugin's datatype setting tells about which type will the return message be (xml/html or json) Alexandre Plennevaux LAb[au] http://www.lab-au.com On Sat, Aug 30, 2008 at 12:10 PM, McBilly Wilford Sy [EMAIL PROTECTED] wrote: Greetings! I am trying to use the Ajax File Upload here: http://www.phpletter.com/Our-Projects/AjaxFileUpload/ Anyway, I think it's already good enough but whenever I try uploading a file, it doesn't recognize the filetype. Kind of like a corrupt file. Base on the jQuery docs, the DATA TYPES I could find were html, json, xml. What data type do I need to specify if I'm transfering a whole file and storing it in a BLOB in MySql? Thanks a lot. Hope you guys know about this.
[jQuery] Re: jqModal and IE problems
did you try changing the doctype ? Alexandre Plennevaux http://www.lab-au.com On Fri, Aug 29, 2008 at 9:44 PM, MorningZ [EMAIL PROTECTED] wrote: So i have some usage of jqModal in my project and this is what's going on: (screenshot: http://i38.tinypic.com/2edavs2.jpg) you can see that jqmOverlay has a z-index of 2999 and jqmWindow has a z-index of 3000 So, in a correct and working world, jqmWindow should be *on top* of jqmOverlay (which Firefox respects and works) i found this looking for IE a-index problems http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html but that doesn't explain how to fix the issue. and even stranger is that the jqModal sites works just fine in IE, but i see no difference in the HTML or positioning anyone run across this and/or have a work areound?
[jQuery] paralax plugin _ wow !
just spotted this new entry in the plugin rss feed, an impressive effect plugin ! http://webdev.stephband.info/parallax_demos.html Alexandre Plennevaux LAb[au] http://www.lab-au.com
[jQuery] Re: do I need to use var $var = something
hello, no it does not have any added functionality, it's a way to remember that this variable is caching a jquery object. var $myObj = $('div.myObj); $myObj.css({color: 'red'}); it's a good way to optimize your code memory-wise. Alexandre Plennevaux LAb[au] http://www.lab-au.com On Wed, Aug 20, 2008 at 4:01 PM, mjatharvest [EMAIL PROTECTED] wrote: I've seen jQuery developers use the following syntax when declaring variables. Does the $ character help in any way? Does it do anything or is it mostly just for convenience. For example is this: var paras = $(p); better than this: var $paras = $(p); thanks
[jQuery] Re: Parsing XML using jQuery
On Wed, Jul 9, 2008 at 12:38 PM, Wallonman [EMAIL PROTECTED] wrote: Hi, Some hours that I don't understand why this basic Xml parsing with JQuery doesn't work: $(document).ready(function() { var xml = '?xml version=1.0 encoding=utf-8? rootpHello World!/p/root'; alert($(p, xml).text()); }); I get an empty string, instead of the expected Hello World! I had a look to a similar previous post http://groups.google.com/group/jquery-en/browse_thread/thread/fc60b77f884e6866/85cbd666774c6780) , but this didn't help me to get the revelation. try alert($(p, xml).eq(0).text()); -- Alexandre Plennevaux LAb[au] http://www.lab-au.com
[jQuery] Re: click() on submit button doesn't trigger form's jquery submit handler
On Wed, Jul 9, 2008 at 10:46 AM, Will Moffat [EMAIL PROTECTED] wrote: I expected that calling click() on a submit button would trigger a form's submit handler, but this doesn't seem to be the case. Example: register a jQuery submit handler: $('form').submit(function() { alert('jquery submit handler'); }); Then click the corresponding submit button: $('input[type=submit]').click(); The submit handler isn't fired. Live example: http://mqlx.com/~willmoffat/learn_feature/jquery/click_submit.html Is this a bug or a feature? regards, --Will try using the submit event instead: $('input[type=submit]').bind('submit', function(){alert(submitted !);}); -- Alexandre Plennevaux LAb[au] http://www.lab-au.com
[jQuery] Re: Sumbit Twice a form
On Mon, Jul 7, 2008 at 9:02 AM, Mahbub [EMAIL PROTECTED] wrote: There's actually no way of submitting a form twice in two action urls in normal browser's capability. What you can do is that serialize all your variables into string using serialize() and use AJAX to submit into two locations one after another. like this form action= id=pform onsubmit=return submit_my_form(); input type=text name=input1 input type=text name=input2 /form script language=javascript function submit_my_form(){ $.ajax({ url : url1.php, type : post, data : $(#pform).serialize(), success : function(e){ // so form is submitted successfully !! } }); $.ajax({ url : url2.php, type : post, data : $(#pform).serialize(), success : function(e){ // so form is submitted successfully !! } }); return false; } /script Hope this helps!! On Jul 5, 5:18 am, xomero [EMAIL PROTECTED] wrote: How can i submit a form twice, let say I want to save the form data on my database and with the send the same form data to a different script in an external host. i would handle that on the serverside of life, not the clientside. basically, your serverside script processes the form, saves it in a database, then if all correct, call the external form, via GET (that is, as query variables). -- Alexandre Plennevaux LAb[au] http://www.lab-au.com
[jQuery] Re: click event bug?
On Mon, Jul 7, 2008 at 11:21 AM, mattithjah [EMAIL PROTECTED] wrote: i load several tables contents via AJAX. after each load, i do bind(click, function(){ ... }). this should bind it to all matching elements of the DOM. but, in all browsers, it does apply only to newly loaded parts, the others seem to be disabled somehow. this is the real code inside function renewEvents(), called after each AJAX success: $(tr.basic).unbind(click); $(tr.basic).bind(click, function(){ $(this).next().toggleClass(hidden); }); use livequery instead and bound once and for all your event, instead of unbind/binding all the time: http://brandonaaron.net/docs/livequery/ -- Alexandre
[jQuery] Re: fckeditor and jquery validation
On Mon, Jul 7, 2008 at 7:32 PM, oscarml [EMAIL PROTECTED] wrote: Hi to everybody, I have a problem validating a textarea generated by fckeditor with PHP. I have placed the fckeditor inside a form, and the problem is that if a put a char in the textarea and then press submit the validation says that is empty, and if I press again, it says is ok and sends the form. this is my code: ? include_once(fckeditor/fckeditor.php); ? script src=js/jquery.js type=text/javascript/script script src=js/jquery.validate.js type=text/javascript/script script $(document).ready(function() { $(#FCKeditor1).addClass(required); $(#mi_form).validate(); }); /script form id=mi_form ?php $oFCKeditor = new FCKeditor('FCKeditor1') ; $oFCKeditor-BasePath = 'fckeditor/' ; $oFCKeditor-Value = '' ; $oFCKeditor-ToolbarSet = 'Barra_listas'; $oFCKeditor-Create() ; ? input type=text class=required / input type=submit value=envia / /form Any suggestion? what is this: input type=text class=required / ?? no name attribute? Maybe your validation script chokes on this, and not on FCK ? could you post your page online somewhere so we can see it for ourselves ? -- Alex
[jQuery] Re: Form Field
On Mon, Jul 7, 2008 at 8:12 PM, Jim Callender [EMAIL PROTECTED] wrote: Hi List, New to the group, so I will start off with hopefully a bug some of you may have seen before ;) = How do I stop the first 2 input fields going behind what is an option form field? http://www.memory-superstore.net/ This is an IE6 bug only, link to screenshot of bug: http://testbed.callendercreates.com/memory.png Thanks in advance for any tips, suggestions of fixes. Jim Callender hi there, its a common IE6 bug ActiveX bleeding, that you can address via the use of an iframe. Brandon Aaron has made a plugin that eases the implementation of the fix (using an IFRAME to force rendering the activeX back into the page flow) http://brandonaaron.net/jquery/plugins/bgiframe/docs/ -- Alexandre
[jQuery] Re: Plugin better than Lighbox or Thickbox
On Mon, Jul 7, 2008 at 8:48 PM, [EMAIL PROTECTED] wrote: it is much better than LightBox it has a nice Effect when it starts to get large and then shrink ... we don't have such a thing in Lightbox On Jul 7, 12:25 am, Kevin Pepperman [EMAIL PROTECTED] wrote: That majicthumb script looks a lot like this one. http://vikjavev.no/highslide/ Charging for this is pretty lame. They would be better off making tham free and benefiting from the traffic they would generate. On Sun, Jul 6, 2008 at 5:07 PM, Alexandre Plennevaux [EMAIL PROTECTED] wrote: On Sun, Jul 6, 2008 at 3:39 PM, David Morton [EMAIL PROTECTED] wrote: Why do you think it is better? On Sun, Jul 6, 2008 at 6:59 AM, [EMAIL PROTECTED] wrote: Dear folk, do we have such a plugin like below ... I have test the Demo version it is much more better from our Lightbox Plugin, the only problem it has is with AJAX , it can not support it please let me know if there is such an ability in our jQuery http://www.magictoolbox.com/magicthumb/ -- David Morton [EMAIL PROTECTED] - bulk address [EMAIL PROTECTED] - direct to my server i can't believe they charge 20 pounds for such a script. I can make this kind of implementation using jqModal in 2 hours. -- Rita Rudner - When I eventually met Mr. Right I had no idea that his first name was Always. however attractive it may look, these are effects. To make this in jquery is as easy as spelling out the alphabet. do it yourself, it's not that hard! i would do it using jqModal, then using the onShow, onHide callbacks, and then some clever CSS. -- Alexandre
[jQuery] Re: Plugin better than Lighbox or Thickbox
On Sun, Jul 6, 2008 at 3:39 PM, David Morton [EMAIL PROTECTED] wrote: Why do you think it is better? On Sun, Jul 6, 2008 at 6:59 AM, [EMAIL PROTECTED] wrote: Dear folk, do we have such a plugin like below ... I have test the Demo version it is much more better from our Lightbox Plugin, the only problem it has is with AJAX , it can not support it please let me know if there is such an ability in our jQuery http://www.magictoolbox.com/magicthumb/ -- David Morton [EMAIL PROTECTED] - bulk address [EMAIL PROTECTED] - direct to my server i can't believe they charge 20 pounds for such a script. I can make this kind of implementation using jqModal in 2 hours.
[jQuery] Re: jqModal r13 released!
On Mon, Jul 7, 2008 at 4:52 AM, Benjamin Sterling [EMAIL PROTECTED] wrote: Brice, very nice work! There is not a project that goes by that I don't use your plugin in. On Sun, Jul 6, 2008 at 10:18 PM, Brice Burgess [EMAIL PROTECTED] wrote: I've released the 13th revision of jqModal. Maybe I should have jumped to 14... but scientists are not superstitious. I do believe in Stevie Wonder though ;) If you have a chance; see him on his latest tour. Anyhow; jqModal is a tiny general-purpose windowing / dialog / popup / modal / *box / what-have-you plugin. The new revision contains some minor code tweaks, the ability to overide default parameter values via the new $.jqm.params global, and the removal of hard-coded pointer styling of modal overlays. The plugin page was updated with more documentation and a link to Alexandre Plennevaux's tutorial on effectively using jqModal to load external sites into a popup dialog (His method updates an iframe inside a dialog with the HREF attribute of the triggering element. It is an excellent example of real-world jqModal usage. As an added bonus; the bling-factor is furthered by showing off some fancy animated transistions! Be sure to check out his demonstration.) As usual, the plugin can be grabbed from; http://dev.iceburg.net/jquery/jqModal/ I hope you all had a fantastic weekend! ~ Brice -- Benjamin Sterling http://www.KenzoMedia.com http://www.KenzoHosting.com http://www.BenjaminSterling.com youpee! thanks for the link Brice ! Alex
[jQuery] Re: Drap 'n' Drop with easing....
On Fri, Jul 4, 2008 at 11:28 AM, tigercore [EMAIL PROTECTED] wrote: I want to use the drag'n'drop feature to create a virtual light-table of sorts, similar to the effect on http://www.thibaud.be/ where the object continues to move about after you have 'let go' of it. Could i combine an easing script with a d'n'd script to achieve this? Or is there anything out there already that will do this? Cheers Ryan no, of course it's possible, but i would use flash for such effects _ very CPU/GPU intensive. -- Alexandre Plennevaux LAb[au] http://www.lab-au.com
[jQuery] Re: Check if window exists before opening
On Thu, Jul 3, 2008 at 8:17 AM, Sam Sherlock [EMAIL PROTECTED] wrote: this is some I am thinking about and an approach that I may take, have'nt got to that stage yet but window.closed looks good http://bytes.com/forum/thread91209.html 2008/7/3 Bruce MacKay [EMAIL PROTECTED]: More searching has led me to a solution, and another question $(a.openW).click( function(e) { var sTarget = this.href; if (winRef ! winRef.closed){ winRef.focus(); }else { winRef=window.open(sTarget); } // or do I mean stopProgation e.preventDefault(); }); This code does the necessary check, but it won't move focus to the existing opened window (that contains the help file). What am I not doing correctly? Thanks, Bruce At 01:11 p.m. 3/07/2008, you wrote: Hello folks, I can't find the answer I need in the archives (Nabble), so my question is how do I check to see if a window exists before I open it? When a user of my application clicks on a help link, I want the help file to load into a new window. I'm doing that via... $(a.openW).click( function() { window.open(this.href); return false; }); But I want to first make sure that a window containing the help file isn't already open before a new one (another one) is opened. Help/direction appreciated. Thanks, Bruce According to this code, i think you should simply reference the variable holding the window.open result in a wider scope, and you won't have to check: it will use the same window name property: var winRef = null; $(a.openW).click( function(e) { var sTarget = this.href; winRef=window.open(sTarget); // or do I mean stopProgation e.preventDefault(); });
[jQuery] Re: text input glow effect
On Wed, Jul 2, 2008 at 3:42 PM, cecil [EMAIL PROTECTED] wrote: Hello ... I'm really new to JQuery; today would be my first time using it actually. i'd like to reproduce the input highlight effect that safari applies. when the input is in focus, the border has somewhat of a glow effect to it. Does anyone know of technique that I could apply to allow this effect to happen in IE FF ? Thank Welcome on board ! you don't need javascript for that: simply with CSS : input:focus{ background-image: url(highlightedinput.gif) ; } -- Alexandre Plennevaux LAb[au] http://www.lab-au.com
[jQuery] Re: jqModal - How to access the iframe from the parent
On Wed, Jul 2, 2008 at 11:42 PM, Hypolite [EMAIL PROTECTED] wrote: I'm still stuck with my jqModal iframe closing problem. But this time it's the other way I can't figure out. Here is my HTML/JS code for the parent windows : div id=div_modal class=jqmWindowiframe id=iframe src=form.html/iframe/div $().ready(function() { $('#div_modal').jqm(); //Initialization of the modal box $('#iframe').contents().find('input').click(function() { $('#div_modal').jqmHide(); //The button inside the iframe must close the modal box in the parent }) }); The documentation says that contents() return the HTML document when called on an iframe, but it returns always null. Someone's got an idea ? Hypolite -- View this message in context: http://www.nabble.com/jqModal---How-to-access-the-parent-window-from-an-iframe--solved--tp18183904s27240p18247490.html Sent from the jQuery General Discussion mailing list archive at Nabble.com. well, AFAIK the only safe solution is to have the close button in the same window as the jqModal container. you simply cannot access objects in the main from the iframe for security reasons i think . also, i just wrote a how-to using jqModal with iframes. no help for your specific issue, but maybe it helps for other things. You can find it here : http://www.pixeline.be/blog/2008/javascript-loading-external-urls-in-jqmodal-jquery-plugin/ The final example is here: http://www.pixeline.be/experiments/ThickboxToJqModal/ HTH -- Alexandre Plennevaux LAb[au] http://www.lab-au.com