Re: [jQuery] New plugin: ContextMenu
On 09/03/2007, at 10:13 AM, Chris Domigan wrote: Hi everyone The first version of my new ContextMenu plugin has been released. You can grab it here: http://www.trendskitchens.co.nz/jquery/contextmenu/ ContextMenu lets you selectively replace the browser's right click menu with one of your own. It is fully customisable and allows you to bind context-sensitive actions to each menu option. Big thanks to Joern Zaefferer whose excellent Tooltip plugin provided much inspiration. This is my first plugin for jQuery and any feedback/comments/ improvements would be most appreciated! Cheers, Chris Domigan ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ This is some great work Chris - I really like it. I know many people will be wanting to use it! I tried your demo in Mac FF2 and the menu did not appear but the default menu was suppressed. I think maybe it's possible that one of my extensions interferes with it. I have NoScript (but allowed your domain), adblock, Firebug, WebDeveloper, and All-in-one Gestures. I then tried it in Safari and it works great. Well done! Joel Birch. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] enhanced suckerfish-style menu plugin
Nice menues and a nice looking site! What especially caught my eye though was the rolling fact box. Very nice! Cheers, Tobbe ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] enhanced suckerfish-style menu plugin
Joel Birch wrote: Example: This plugin is now used on my Blush Tomatoes site although only two of the main menu items have dropdowns. http://www.blushtomatoes.com.au/about/ Joel, The menu and the site look great. Fantastic actually. As my .au connection seems to be crawling, it got me thinking that blushtomatoes would be a prime candidate for unobtrusive ajax supplied content -- bundled with the history plugin of course! Did you do the graphics? ~ Brice ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] Is there a CSS doctor in the house?
I'm sorry to post a non jQuery related question in the board, but I spent the whole day of yesterday on this and I need it to work for my jQuery plugin (So, somehow, it IS jQuery related). The thing is I have a list of buttons and I can't make the color selectors (foreground and hilite color) look like the ones herehttp://tinymce.moxiecode.com/example_full.php?example=true. I was wondering if anyone here would be so kind so that if I send him the HTML and the images they could fix it. I know it must be something really simple like adjusting position, float, display or something like that, but I'm stuck and don't know what to do. Again, it's only css related: no jQuery or programming of any kind. If someone would be so nice, please answer and I will send him the files (HTML and images, i repeat you don't have to worry about the code). That or maybe someone can address me to a cs board. Thanks Abel. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] enhanced suckerfish-style menu plugin
On 09/03/2007, at 7:22 PM, Torbjorn Tornkvist wrote: Nice menues and a nice looking site! What especially caught my eye though was the rolling fact box. Very nice! Cheers, Tobbe Thanks for the compliments Tobbe! Whilst the intended purpose of this thread is not so much to show off that site (I only included the link because I have not had chance to do a real demo page yet), I'm always happy to hear that someone likes my work. Any thoughts on the plugin? Is it something you might use maybe? Joel. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] How do I hook up the Editable plug-in to a MySQL DB?
On 9 Mar 2007, at 02:44, Rick Faircloth wrote: I don’t see how to hook the “Editable” plug-in to *any* datasource right now. You mean you want to save the text you edit to the database? For jEditable first and only mandatory parameter is the URL where edited content is POST:ed to. For example: $(document).ready(function() { $(.editable).editable(http://www.example.com/save.php;, { type : 'textarea', submit : 'OK' }); }); With whis example when you edit stuff and click ok stuff gets POST:ed to http://www.example.com/save.php. This script should then save content to database. You can check examples at: http://www.appelsiini.net/~tuupola/javascript/jEditable/ or browse example source code at: http://svn.appelsiini.net/viewvc/jQuery_jEditable/trunk/examples/ JavaScript itself does not connect to database. You need to use some serverside language such as PHP, Ruby or Perl for that. -- Mika Tuupola http://www.appelsiini.net/~tuupola/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Dynamically change Document title
Michael Geary schrieb: Is there a way to change the title of a document after an ajax Call. I'm using an ajax history system and I would like to view specific document title in the back button list. I've try this but doesn't seem to work : $(title).html(Dynamic Title); I can see the change in Bugzilla but the browser didn't refresh it. Try: document.title = 'Dynamic title'; -Mike But that still won't automagically let the changed titles appear in the history by the way. You'd need to change the hash in the URL for that. Am I lacking something? -- Klaus ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] Interface Imagebox (Imagebox didn't work in Safari)...
Hi, i 'corrected' / modified interface imagebox.js What i added / corrected : * fixed safari bugs (freezes, etc...) Main changes * added minWidth for the container (if you have very tiny images) * added parameter 'showTextImage' to show or not the text "image n from z" See and test here : http://www.intelliance.fr/jquery/imagebox/index.html Regards, Matthieu Matthieu PAINEAU a crit: hi, i have the same bug (in safari). Image loader is displayed... and nothing else : it's blocked. I just posted a bug report. regards, Matthieu From: lukas | dressy vagabonds lukas at dressyvagabonds.com hi everyone, i've been trying to integrate interface's imagebox into my site, using jQuery 1.1.1 and Interface 1.1.1. As soon as i'm clicking on an image, the imagebox enters the loading image phase and is stuck there. i've put some debugging code into my site, reading -- alert(jQuery(imageEl)) -- which alerts "object" in firefox, but no alert box in Safari has anybody already encountered this problem? best regards lukas ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Is there a CSS doctor in the house?
If you're talking about the dimming of the buttons on the GUI, it could be done like so: $(function(){ $('.gui').hover(function(){ $(this).animate({opacity: .3}, 1); },function(){ $(this).animate({opacity: 1}, 1); }); }); On 3/9/07, Abel Tamayo [EMAIL PROTECTED] wrote: I'm sorry to post a non jQuery related question in the board, but I spent the whole day of yesterday on this and I need it to work for my jQuery plugin (So, somehow, it IS jQuery related). The thing is I have a list of buttons and I can't make the color selectors (foreground and hilite color) look like the ones herehttp://tinymce.moxiecode.com/example_full.php?example=true. I was wondering if anyone here would be so kind so that if I send him the HTML and the images they could fix it. I know it must be something really simple like adjusting position, float, display or something like that, but I'm stuck and don't know what to do. Again, it's only css related: no jQuery or programming of any kind. If someone would be so nice, please answer and I will send him the files (HTML and images, i repeat you don't have to worry about the code ). That or maybe someone can address me to a cs board. Thanks Abel. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] How do I hook up the Editable plug-in to a MySQL DB?
Hey Rick: See if this makes sense to you. I just made a CF page from Mika's Editable example. Hth. Michael - On your Form Page: The jQuery: $(document).ready(function() { $(.theclass).editable(http://www.example.com/save.cfm;, { type : 'textarea', submit : 'OK' }); }); The html: p class=theclass id=home#get_houses.unique_id##get_houses.address#/p - On your save.cfm: cfset type = left(FORM.id,2) cfset unique_id = removeChars(FORM.id,1,2) cfset value = trim(FORM.value) cfquery datasource=my_database UPDATE homes_table SET homes_table.address = cfqueryparam cfsqltype=CF_SQL_VARCHAR value=#value# WHERE homes_table.unique_id = cfqueryparam cfsqltype=CF_SQL_INTEGER value=#unique_id# /cfquery /cfif -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Mika Tuupola Sent: Friday, March 09, 2007 12:55 AM To: jQuery Discussion. Subject: Re: [jQuery] How do I hook up the Editable plug-in to a MySQL DB? On 9 Mar 2007, at 02:44, Rick Faircloth wrote: I don't see how to hook the Editable plug-in to *any* datasource right now. You mean you want to save the text you edit to the database? For jEditable first and only mandatory parameter is the URL where edited content is POST:ed to. For example: $(document).ready(function() { $(.editable).editable(http://www.example.com/save.php;, { type : 'textarea', submit : 'OK' }); }); With whis example when you edit stuff and click ok stuff gets POST:ed to http://www.example.com/save.php. This script should then save content to database. You can check examples at: http://www.appelsiini.net/~tuupola/javascript/jEditable/ or browse example source code at: http://svn.appelsiini.net/viewvc/jQuery_jEditable/trunk/examples/ JavaScript itself does not connect to database. You need to use some serverside language such as PHP, Ruby or Perl for that. -- Mika Tuupola http://www.appelsiini.net/~tuupola/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Is there a CSS doctor in the house?
On 09/03/2007, at 8:32 PM, Abel Tamayo wrote: Nah, that's easy. The problem is I can't make the lists of lists look like an array of buttons, and some of them place themselves in places I don't want them to. It´s a matter pf position and display, I know that for sure, but still I can't make it work. Thanks anyway. I see, scrap my last post then. An online example of what you currently have would really help sort out your problem. Also, I can't figure out which are the 'colour selectors' in the example you did post. If you are looking for a helpful CSS board, try http:// www.cssbeauty.com/skillshare/ Joel. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Is there a CSS doctor in the house?
Abel Tamayo schrieb: The thing is I have a list of buttons and I can't make the color selectors (foreground and hilite color) look like the ones make a online-demo, help for help ;) is the fastes way -- Viele Grüße, Olaf --- [EMAIL PROTECTED] http://olaf-bosch.de www.akitafreund.de --- ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Is there a CSS doctor in the house?
Have I missed the rest of this thread? Do you have a) Sample HTML/CSS to look at and b) What you'd like it to look like on each of the states. I'll be happy to look at the problem, being a CSS person. On 3/9/07, Abel Tamayo [EMAIL PROTECTED] wrote: Nah, that's easy. The problem is I can't make the lists of lists look like an array of buttons, and some of them place themselves in places I don't want them to. It´s a matter pf position and display, I know that for sure, but still I can't make it work. Thanks anyway. On 3/9/07, Kenneth [EMAIL PROTECTED] wrote: If you're talking about the dimming of the buttons on the GUI, it could be done like so: $(function(){ $('.gui').hover(function(){ $(this).animate({opacity: .3}, 1); },function(){ $(this).animate({opacity: 1}, 1); }); }); On 3/9/07, Abel Tamayo [EMAIL PROTECTED] wrote: I'm sorry to post a non jQuery related question in the board, but I spent the whole day of yesterday on this and I need it to work for my jQuery plugin (So, somehow, it IS jQuery related). The thing is I have a list of buttons and I can't make the color selectors (foreground and hilite color) look like the ones here. I was wondering if anyone here would be so kind so that if I send him the HTML and the images they could fix it. I know it must be something really simple like adjusting position, float, display or something like that, but I'm stuck and don't know what to do. Again, it's only css related: no jQuery or programming of any kind. If someone would be so nice, please answer and I will send him the files (HTML and images, i repeat you don't have to worry about the code ). That or maybe someone can address me to a cs board. Thanks Abel. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- Daniel Eastwell Portfolio and articles: http://www.thoughtballoon.co.uk Blog: http://www.thoughtballoon.co.uk/blog ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] Track control that starts ajax request to modify on reply
I have a page with a table. Some rows have a particular control; clicking on it sends an ajax request which modifies the database record relating to that particular row. The row is identified in the control's onclick by passing the unique identifier to the click handler. I want the response to the request to be able to locate and modify the original control. What are people's opinions on the 'best' way to track which control it is? The ideas I've had are: * Send $(.control_class).index($(this)) with the request, get the server-side script to return it then use $(.control_class).get($control_index) * Insert input type='hidden' name='control_id' value='UNIQUE_ID' / as a sibling of the control to be modified. On response, use $([EMAIL PROTECTED]) Out of these two, the first seems far better, but involving the server-side script in client-side operations seems a little messy. Any other ideas? Thanks! Rob __ This email has been scanned by the MessageLabs Email Security System. For more information please visit http://www.messagelabs.com/email __ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] enhanced suckerfish-style menu plugin
Joel Birch wrote: Here is the code: - (function($){ $.fn.superfish = function(o){ var defaults = { hoverClass : sfHover, delay : 400, animation : {opacity:show}, speed : normal }; var over = function(){ var $$ = $(this); clearTimeout(this.sfTimer); if (!$$.is(.+o.hoverClass)) { $$.addClass(o.hoverClass) .find(ul).animate(o.animation,o.speed) .end() .siblings().removeClass(o.hoverClass); } }; var out = function(){ var $$ = $(this); this.sfTimer=setTimeout(function(){$$.removeClass (o.hoverClass);},o.delay); }; o = $.extend(defaults, o || {}); $(li[ul],this) .hover(over,out) .find(a) .focus(function(){ $(this).parents(li[ul]).each(over); }) .blur(function(){ $(this).parents(li[ul]).each(out); }); return this; }; })(jQuery); Joel, I think your plugin is certainly worthwhile. It is clean, readable, and expandable. I also like the method of using settimeout/cleartimeout as a queuing system. Of course, I never find out what can be improved with plugins until I actually implement them ;) It may be a good idea to store a primitive reference to the out function in order to avoid memory leaks. I would also add the ability to assign the suckerfish menu to multiple menus @ once. e.g. $('.nav').superfish();, where '.nav' references multiple suckerfish menu containers. Here is my *untested* rendition; (function($){ $.superfish = []; // will hold setTimout reference funtions $.fn.superfish = function(o){ var defaults = { hoverClass: sfHover, delay: 400, animation: {opacity:show}, speed: normal }; var over = function(){ // serialize this menu item if(!this.sfSerial) { this.sfSerial = $.superfish.length; // expando is now a primitive (int) $.superfish.push(false); } var $$ = $(this); clearTimeout($.superfish[this.sfSerial]); if (!$$.is(.+o.hoverClass)) { $$.addClass(o.hoverClass) .find(ul).animate(o.animation,o.speed) .end() .siblings().removeClass(o.hoverClass); } }; var out = function(){ var $$ = $(this); $.superfish[this.sfSerial]=setTimeout(function(){$$.removeClass (o.hoverClass);},o.delay); }; o = $.extend(defaults, o || {}); return this.each(function() { // multi-menu support $(li[ul],this) .hover(over,out) .find(a) .focus(function(){ $(this).parents(li[ul]).each(over); }) .blur(function(){ $(this).parents(li[ul]).each(out); }); }); }; })(jQuery); Perhaps I'm way off in protecting the expando ... and I too would like to hear some feedback ;) ~ Brice ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Custome selectors use : as seperator, which is an official character for id's
Hi, $('[EMAIL PROTECTED]my:elem]') I guess, that that does not use getElementById() and thus is a lot slower than $('#my:elem'). I guess, that JSF might also have Problems with CSS, becaue there you use stuff like #my:hover, etc. To make the patch to jQuery as small as possible and let most existing code continue to work: How about something like this: $('#my\:elem') selects the Element with the ID my:elem whereas $('#my:elem') selects the Element with the ID my and uses :elem as custom selector. That could be achieved by simply changing the regular expression, Manfred named to /^([#.]?)(([a-z0-9\\*_-]|\\:)*)/i Christof ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Is there a CSS doctor in the house?
The problem is that I don't have server to uploadt it to, and this forum doesn't let you attach files past a determined weight (wich is too small and I always have my attachments banned). That's why I said I would send a sample to those caring souls that could pay me some attention. Now I'm sending a sample to Schnuck and Dan, but I repeat it's not a jQuery problem about states, selectors, classes or anything. It's more about laying it out to look good. Abel. On 3/9/07, Dan Eastwell [EMAIL PROTECTED] wrote: Have I missed the rest of this thread? Do you have a) Sample HTML/CSS to look at and b) What you'd like it to look like on each of the states. I'll be happy to look at the problem, being a CSS person. On 3/9/07, Abel Tamayo [EMAIL PROTECTED] wrote: Nah, that's easy. The problem is I can't make the lists of lists look like an array of buttons, and some of them place themselves in places I don't want them to. It´s a matter pf position and display, I know that for sure, but still I can't make it work. Thanks anyway. On 3/9/07, Kenneth [EMAIL PROTECTED] wrote: If you're talking about the dimming of the buttons on the GUI, it could be done like so: $(function(){ $('.gui').hover(function(){ $(this).animate({opacity: .3}, 1); },function(){ $(this).animate({opacity: 1}, 1); }); }); On 3/9/07, Abel Tamayo [EMAIL PROTECTED] wrote: I'm sorry to post a non jQuery related question in the board, but I spent the whole day of yesterday on this and I need it to work for my jQuery plugin (So, somehow, it IS jQuery related). The thing is I have a list of buttons and I can't make the color selectors (foreground and hilite color) look like the ones here. I was wondering if anyone here would be so kind so that if I send him the HTML and the images they could fix it. I know it must be something really simple like adjusting position, float, display or something like that, but I'm stuck and don't know what to do. Again, it's only css related: no jQuery or programming of any kind. If someone would be so nice, please answer and I will send him the files (HTML and images, i repeat you don't have to worry about the code ). That or maybe someone can address me to a cs board. Thanks Abel. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- Daniel Eastwell Portfolio and articles: http://www.thoughtballoon.co.uk Blog: http://www.thoughtballoon.co.uk/blog ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] jquery tabs and loader div
hey thanks for the help.. its doesnt work , but im sure that im the idiot and i did worng can you please look at that url and check whats worng in my code? http://www.oranuse.com/myhome/down.php thanks !:) amircx wrote: hey... i want to load content inside tab, and whille that to show loading image... i saw the api and i dont success to do it what i did worng in here? ?link rel=stylesheet href=?=$rooturljs?/tabs2/tabs.css type=text/css media=print, projection, screen / !-- Additional IE/Win specific style sheet (Conditional Comments) -- !--[if lte IE 7] link rel=stylesheet href=?=$rooturljs?/tabs2/tabs_ie.css type=text/css media=projection, screen / ![endif]-- script src=?=$rooturljs?/jquery-1.1.1.js type=text/javascript/script script src=?=$rooturljs?/history/jquery.history.pack.js type=text/javascript/script script src=?=$rooturljs?/tabs2/jquery.tabs.pack.js type=text/javascript/script script type=text/javascript//![CDATA[ // Tabs - hide tabs before initialization to avoid flash of content // Add styles via JavaScript for graceful degradation... document.write('style type=text/css media=projection, screen.fragment { display: none; }/style'); //]]/script style type=text/css media=screen, projection /* just to make this demo look a bit better... */ * { margin: 0; padding: 0; } body { padding: 10px; line-height: 1.4; font-size: 16px; /* @ EOMB */ } body * { font-size: 87.5%; font-family: Trebuchet MS, Trebuchet, Verdana, Helvetica, Arial, sans-serif; } body * * { font-size: 100%; } h1 { margin: 0 0 1em; font-size: 143%; } h2 { margin: 2em 0 1em; } h3 { margin: 0 0 1em; } ul { list-style: none; } p, pre { margin: 1em 0 0; } code { font-family: Courier New, Courier, monospace; } div { margin: 1.2em 0 0; width: 50%; } div div { margin: 0; width: auto; } #container-10 div { border: 1px solid #eaeaea; background: transparent; } #container-10 div div { border: 0; } #tested li { display: inline; } #tested li:before { content: , ; } #tested li:first-child:before { content: ; } /style !-- Additional IE/Win specific style sheet (Conditional Comments) -- !--[if lte IE 7] style type=text/css media=screen, projection body { font-size: 100%; /* resizable fonts */ } /style ![endif]-- script type=text/javascript//![CDATA[ function createCallback(type) { return function() { alert('callback: ' + type); } } $(document).ready(function() { $('#container-10').tabs({ remote: true, fxFade: true, fxSpeed: 'fast', fxSlide: true, loadingClass: 'progress', spinner: '/myhome/img/load1.gif'}); }); //]]/script /head body div id=container-10 ul class=anchors li tes1t.php Section 25 /li li tes2t.php Section 26 /li li test.php Section 27 /li /ul/divdiv id='progress'/div /body /html -- View this message in context: http://www.nabble.com/jquery-tabs-and-loader-div-tf3371416.html#a9391867 Sent from the JQuery mailing list archive at Nabble.com. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] enhanced suckerfish-style menu plugin
On 09/03/2007, at 8:50 PM, Brice Burgess wrote: Perhaps I'm way off in protecting the expando ... and I too would like to hear some feedback ;) ~ Brice I've got to admit that I'm not overly familiar with the techniques you are discussing. From what I can tell you are creating an array to hold the various setTimeout references. I was under the impression that my original code would work with multiple menus because the setTimeouts were being attached to the individual li elements as 'expandos' (did I use that term right?). It seems like you are saying that they need to be saved as 'primitives' (integers?) in order to avoid memory leaks, yes? If so, that sounds like a good idea and once I understand the technique properly I will alter the plugin to suit. Your code looks like it should work though, as is. The current code should work for multiple menus though, ie. # (.nav).superfish(); albeit with the possibility of memory leaks if I understand you correctly. Thanks for the feedback Brice. Joel. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] enhanced suckerfish-style menu plugin
On 09/03/2007, at 8:45 PM, Torbjorn Tornkvist wrote: Thanks for the compliments Tobbe! Whilst the intended purpose of this thread is not so much to show off that site (I only included the link because I have not had chance to do a real demo page yet), I'm always happy to hear that someone likes my work. I love to learn how well-made sites are making use of jquery. So keep sending those links :-) Any thoughts on the plugin? Is it something you might use maybe? Absolutely, especially the switchContent plugin that's for sure. Cheers, Tobbe I'm glad you found that I wrote that blush fact code as a (rather unimaginatively named) plugin - I was thinking I should have pointed that out to you. I should point out that the Heartbeat plugin could do something similar also. Thanks Tobbe, Joel. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] jquery tabs and loader div
hey thanks for the help.. its doesnt work , but im sure that im the idiot and i did worng can you please look at that url and check whats worng in my code? http://www.oranuse.com/myhome/down.php thanks !:) Klaus Hartl wrote: amircx schrieb: hey... i want to load content inside tab, and whille that to show loading image... i saw the api and i dont success to do it what i did worng in here? I don't know where you got that from, but there is no spinner option currently implemented. $('#container-10').tabs({ remote: true, fxFade: true, fxSpeed: 'fast', fxSlide: true, loadingClass: 'progress', spinner: '/myhome/img/load1.gif'}); The loading class is attached to the the li element which anchor got clicked on to load the Ajax content. This class is used to change the appearance of the clicked tab while loading. It's default value is 'tabs-loading', thus there's the following rule in the style sheet: .anchors .tabs-selected .tabs-loading { padding-left: 25px; background-image: url(loading.gif); /* = change url here?! */ background-position: 4px 50%; background-repeat: no-repeat; } If you want to change the name of that class, you can use the loadingClass option for that. You have to adapt your style sheet accordingly of course: .anchors .tabs-selected .progress { padding-left: 25px; background-image: url(loading.gif); background-position: 4px 50%; background-repeat: no-repeat; } The little spinner will be shown left to the text of the tab title. Showing a spinner elsewhere is not supported by an option, but you could use the onClick and onHide callbacks, the former for displaying the spinner, the latter to hide it. onHide gets fired when the formerly active tab is hidden, e.g. in the middle of the effect, right before the new tab is revealed. Something like that: $('#container').tabs({ remote: true, fxFade: true, fxSlide: true, fxSpeed: 'fast', onClick: function() { $('#progress').show(); }, onHide: function() { $('#progress').hide(); } }); Let me know if that works for you. onHide does not exactly map to the point when the content got loaded. As an alternative you could use the global ajaxStart and ajaxStop handlers for that. $(#progress) .ajaxStart(function(){ $(this).show(); }) .ajaxStop(function(){ $(this).hide(); }); -- Klaus ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- View this message in context: http://www.nabble.com/jquery-tabs-and-loader-div-tf3371416.html#a9391868 Sent from the JQuery mailing list archive at Nabble.com. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Custome selectors use : as seperator, which is an official character for id's
Christof Donat schrieb: Hi, $('[EMAIL PROTECTED]my:elem]') I guess, that that does not use getElementById() and thus is a lot slower than $('#my:elem'). I guess, that JSF might also have Problems with CSS, becaue there you use stuff like #my:hover, etc. To make the patch to jQuery as small as possible and let most existing code continue to work: How about something like this: $('#my\:elem') selects the Element with the ID my:elem whereas $('#my:elem') selects the Element with the ID my and uses :elem as custom selector. That could be achieved by simply changing the regular expression, Manfred named to /^([#.]?)(([a-z0-9\\*_-]|\\:)*)/i Christof I didn't like the idea of hacking jQuery to make selectors with these special chars work, but as it turned out, that is what should be expected! From the CSS spec: In CSS 2.1, a backslash (\) character indicates three types of character escapes. [...] *Second, it cancels the meaning of special CSS characters.* Any character (except a hexadecimal digit) can be escaped with a backslash to remove its special meaning. For example, \ is a string consisting of one double quote. Style sheet preprocessors must not remove these backslashes from a style sheet since that would change the style sheet's meaning. http://www.w3.org/TR/CSS21/syndata.html#q6 Thus, I think a selector like #my\:elem is perfectly valid and that should be part of jQuery's selector engine... -- Klaus ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] enhanced suckerfish-style menu plugin
On 09/03/2007, at 8:50 PM, Brice Burgess wrote: Perhaps I'm way off in protecting the expando ... and I too would like to hear some feedback ;) ~ Brice I have studied your code closely now and I think I understand it better. You are saying that it's important that the property I'm attaching to the list items (expando) is a primitive (integer). Apparently, the return value of setTimeout is already an integer, according to this: http://msdn.microsoft.com/workshop/author/dhtml/reference/methods/ setTimeout.asp (sorry if that link has a line break in it once received). Does this mean my existing code avoids memory leaks as is? On another note, would it be better if my over and out functions were attached to the jQuery object, and defined outside of the plugin, eg: $.sfOut = function(){ ... }; instead of: var out = function(){ ... }; Would that be better? If so, why? Would it mean that the functions only occupy one place in the memory instead of once per instance of Superfish menu? Joel. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] How do I hook up the Editable plug-in to a MySQL DB?
Thanks for the explanation, Mika... that makes things a lot clearer! Rick -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Mika Tuupola Sent: Friday, March 09, 2007 3:55 AM To: jQuery Discussion. Subject: Re: [jQuery] How do I hook up the Editable plug-in to a MySQL DB? On 9 Mar 2007, at 02:44, Rick Faircloth wrote: I don't see how to hook the Editable plug-in to *any* datasource right now. You mean you want to save the text you edit to the database? For jEditable first and only mandatory parameter is the URL where edited content is POST:ed to. For example: $(document).ready(function() { $(.editable).editable(http://www.example.com/save.php;, { type : 'textarea', submit : 'OK' }); }); With whis example when you edit stuff and click ok stuff gets POST:ed to http://www.example.com/save.php. This script should then save content to database. You can check examples at: http://www.appelsiini.net/~tuupola/javascript/jEditable/ or browse example source code at: http://svn.appelsiini.net/viewvc/jQuery_jEditable/trunk/examples/ JavaScript itself does not connect to database. You need to use some serverside language such as PHP, Ruby or Perl for that. -- Mika Tuupola http://www.appelsiini.net/~tuupola/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] interface accordion
i got the same problem. You could use the Accordion plugin from here http://bassistance.de/jquery-plugins where you have to set the property active: none. But then, i think that using that plugin creates conflicts with the Interface namespace. 2007/3/9, Indigo [EMAIL PROTECTED]: Folks, How do I set an accordion to not have an open panel when the page loads? The only option I see on the interface doc page is currentPanel, but assigning it a value of 0 does not do what I want. Any ideas? TIA ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Validation help with Date Selector
Did you ever figure out how to move the location of the error message for your input? Rick -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of blemming Sent: Thursday, March 08, 2007 8:02 PM To: discuss@jquery.com Subject: Re: [jQuery] Validation help with Date Selector You can style it with the css class error I'm trying to move the location of it for one input. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Options for Validation...
Hi, Jorn... I don't have much of a clue how to code what you mean with the errorPlacement function: Here's what I tried, which didn't work...everything else runs fine without it... remember, unfortunately you're helping someone who has just begun to work with jQuery and the plug-ins... :o) $.validator.defaults.debug = true; $().ready(function() { // validate Mortgage_Calculation_Form form fields on blur $(#MC_Form).validate({ errorPlacement: function(error, #Principal) { error.insertBefore(#Principal); }, focusInvalid: false, event: blur, rules: { Principal: {required: true}, Interest: {required: true, number: true}, Years: {required: true, number: true} }, messages: { Principal: Please enter the Principal., Interest: {required: Please enter the Interest Rate., number: Please enter a number.}, Years: {required: Please enter the Years., number: Please enter a number.} } }) }); -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Jörn Zaefferer Sent: Thursday, March 08, 2007 5:30 PM To: jQuery Discussion. Subject: Re: [jQuery] Options for Validation... Rick Faircloth schrieb: Calling all jQuery/CFers Im not real satisfied with the error message placement options in Jorn Zaefferers validation plug-in. I like to place my error messages right above the form field that the error message references. Right now, as I understand it, Jorns plug-in doesnt allow for that type of placement. Forgot that other message. Well, parts of it. You can customize the error placement! Just implement the errorPlacement function: $(#myform).validate({ errorPlacement: function(error, element) { // do whatever you like with error and the element, eg.: error.insertBefore(element); // - inserts the error before the element, use next() or prev() or parent() on element etc. to navigate through the DOM } }); -- Jörn Zaefferer http://bassistance.de ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] CSS Doctor :D
hi abel, done, zipped and sent back to you. hth, s ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] interface accordion
If you really wanted to get violent with it, you could comment out these lines: /*if (!startClosed) { jQuery(this).find('dd:eq(' + on + ')').slideDown(SLIDE_DOWN_SPEED); }*/ That will take out the entire loop. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of Dimitris Chrysomallis Sent: Friday, March 09, 2007 7:35 AM To: jQuery Discussion. Subject: Re: [jQuery] interface accordion i got the same problem. You could use the Accordion plugin from here http://bassistance.de/jquery-plugins where you have to set the property active: none. But then, i think that using that plugin creates conflicts with the Interface namespace. 2007/3/9, Indigo [EMAIL PROTECTED]: Folks, How do I set an accordion to not have an open panel when the page loads? The only option I see on the interface doc page is currentPanel, but assigning it a value of 0 does not do what I want. Any ideas? TIA ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ http://jquery.com/discuss/ _ .-=== Message Scanned by Alachua County McAfee Webshield Appliance ===-. .-*** Message Scanned by Alachua County McAfee Webshield Appliance ***-. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Options for Validation...
On 08/03/07, Rick Faircloth [EMAIL PROTECTED] wrote: I don't have much of a clue how to code what you mean with the errorPlacement function: Here's what I tried, which didn't work...everything else runs fine without it... remember, unfortunately you're helping someone who has just begun to work with jQuery and the plug-ins... :o) $.validator.defaults.debug = true; $().ready(function() { // validate Mortgage_Calculation_Form form fields on blur $(#MC_Form).validate({ errorPlacement: function(error, #Principal) { error.insertBefore(#Principal); }, focusInvalid: false, event: blur, rules: { Principal: {required: true}, Interest: {required: true, number: true}, Years: {required: true, number: true} }, messages: { Principal: Please enter the Principal., Interest: {required: Please enter the Interest Rate., number: Please enter a number.}, Years: {required: Please enter the Years., number: Please enter a number.} } }) }); -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Jörn Zaefferer Sent: Thursday, March 08, 2007 5:30 PM To: jQuery Discussion. Subject: Re: [jQuery] Options for Validation... Rick Faircloth schrieb: Calling all jQuery/CF'ers… I'm not real satisfied with the error message placement options in Jorn Zaefferer's validation plug-in. I like to place my error messages right above the form field that the error message references. Right now, as I understand it, Jorn's plug-in doesn't allow for that type of placement. Forgot that other message. Well, parts of it. You can customize the error placement! Just implement the errorPlacement function: $(#myform).validate({ errorPlacement: function(error, element) { // do whatever you like with error and the element, eg.: error.insertBefore(element); // - inserts the error before the element, use next() or prev() or parent() on element etc. to navigate through the DOM } }); -- Jörn Zaefferer http://bassistance.de I guess you want everything before Principal? Try this instead: errorPlacement: function(error, element) { $(error).before(#Principal); }, Untested though (I haven't used Jörn's plugin yet, but I think I know how errorPlacement works). ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] Need help placing validation message...
Good morning, all. I've been trying to use Jorn's validation plug-in and I've gotten everything working except placement of the message. I want to put it on top of the field it's responsible for. Jorn gave these instructions and I've tried to implement them, as you'll see in the code below, but I can't get it to work. Here's Jorn's instructions: $(#myform).validate({ errorPlacement: function(error, element) { // do whatever you like with error and the element, eg.: error.insertBefore(element); // - inserts the error before the element, use next() or prev() or parent() on element etc. to navigate through the DOM } }); I've tried this without success. Anyone doing this successfully? Thanks! Rick Here's what I've tried: $.validator.defaults.debug = true; $().ready(function() { // validate Mortgage_Calculation_Form form fields on blur $(#MC_Form).validate({ errorPlacement: function(error, #Principal) { error.insertBefore(#Principal); }, focusInvalid: false, event: blur, rules: { Principal: {required: true}, Interest: {required: true, number: true}, Years: {required: true, number: true} }, messages: { Principal: Please enter the Principal., Interest: {required: Please enter the Interest Rate., number: Please enter a number.}, Years: {required: Please enter the Years., number: Please enter a number.} } }) }); ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] New plugin: ContextMenu
Good job Chris... Seems very responsive too. One thing I'll throw out there for you to think about. I built a map for a browser based game called Travian a while back. One of the things my map did (over the in-game map) was that you could right click on a player and get a list of options. The catch was that the options were unique to that player. Right clicking on me, gave you options that only affected me, while right clicking on the other guy only gave you options for him. It's probably not something that many people would need, but it's something to consider. Anyway, good work on the menu! _ From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Chris Domigan Sent: Thursday, March 08, 2007 5:14 PM To: jQuery Discussion. Subject: [jQuery] New plugin: ContextMenu Hi everyone The first version of my new ContextMenu plugin has been released. You can grab it here: http://www.trendskitchens.co.nz/jquery/contextmenu/ http://www.trendskitchens.co.nz/jquery/contextmenu/ ContextMenu lets you selectively replace the browser's right click menu with one of your own. It is fully customisable and allows you to bind context-sensitive actions to each menu option. Big thanks to Joern Zaefferer whose excellent Tooltip plugin provided much inspiration. This is my first plugin for jQuery and any feedback/comments/improvements would be most appreciated! Cheers, Chris Domigan ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Custome selectors use : as seperator, which is an official character for id's
I second this suggestion. Most other meta-languages allow backslash-escaping, I don't see why it would be a bad idea here. - Brian I didn't like the idea of hacking jQuery to make selectors with these special chars work, but as it turned out, that is what should be expected! From the CSS spec: In CSS 2.1, a backslash (\) character indicates three types of character escapes. [...] *Second, it cancels the meaning of special CSS characters.* Any character (except a hexadecimal digit) can be escaped with a backslash to remove its special meaning. For example, \ is a string consisting of one double quote. Style sheet preprocessors must not remove these backslashes from a style sheet since that would change the style sheet's meaning. http://www.w3.org/TR/CSS21/syndata.html#q6 Thus, I think a selector like #my\:elem is perfectly valid and that should be part of jQuery's selector engine... -- Klaus ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Is there a CSS doctor in the house?
Abel, send me the files and I'll post them at http:// test.learningjquery.com so that people here can have a go at them. --Karl _ Karl Swedberg www.englishrules.com www.learningjquery.com On Mar 9, 2007, at 5:02 AM, Abel Tamayo wrote: The problem is that I don't have server to uploadt it to, and this forum doesn't let you attach files past a determined weight (wich is too small and I always have my attachments banned). That's why I said I would send a sample to those caring souls that could pay me some attention. Now I'm sending a sample to Schnuck and Dan, but I repeat it's not a jQuery problem about states, selectors, classes or anything. It's more about laying it out to look good. Abel. On 3/9/07, Dan Eastwell [EMAIL PROTECTED] wrote: Have I missed the rest of this thread? Do you have a) Sample HTML/CSS to look at and b) What you'd like it to look like on each of the states. I'll be happy to look at the problem, being a CSS person. On 3/9/07, Abel Tamayo [EMAIL PROTECTED] wrote: Nah, that's easy. The problem is I can't make the lists of lists look like an array of buttons, and some of them place themselves in places I don't want them to. It´s a matter pf position and display, I know that for sure, but still I can't make it work. Thanks anyway. On 3/9/07, Kenneth [EMAIL PROTECTED] wrote: If you're talking about the dimming of the buttons on the GUI, it could be done like so: $(function(){ $('.gui').hover(function(){ $(this).animate({opacity: .3}, 1); },function(){ $(this).animate({opacity: 1}, 1); }); }); On 3/9/07, Abel Tamayo [EMAIL PROTECTED] wrote: I'm sorry to post a non jQuery related question in the board, but I spent the whole day of yesterday on this and I need it to work for my jQuery plugin (So, somehow, it IS jQuery related). The thing is I have a list of buttons and I can't make the color selectors (foreground and hilite color) look like the ones here. I was wondering if anyone here would be so kind so that if I send him the HTML and the images they could fix it. I know it must be something really simple like adjusting position, float, display or something like that, but I'm stuck and don't know what to do. Again, it's only css related: no jQuery or programming of any kind. If someone would be so nice, please answer and I will send him the files (HTML and images, i repeat you don't have to worry about the code ). That or maybe someone can address me to a cs board. Thanks Abel. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- Daniel Eastwell Portfolio and articles: http://www.thoughtballoon.co.uk Blog: http://www.thoughtballoon.co.uk/blog ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] interface accordion
On Mar 9, 2007, at 7:35 AM, Dimitris Chrysomallis wrote: i got the same problem. You could use the Accordion plugin from here where you have to set the property active: none. But then, i think that using that plugin creates conflicts with the Interface namespace. 2007/3/9, Indigo [EMAIL PROTECTED]: Folks, How do I set an accordion to not have an open panel when the page loads? The only option I see on the interface doc page is currentPanel, but assigning it a value of 0 does not do what I want. Any ideas? TIA Jörn's plugin mentioned above is awesome. Also, I've written a number of tutorials on accordion menus: http://www.learningjquery.com/2007/03/accordion-madness http://www.learningjquery.com/2007/02/more-showing-more-hiding (this one discusses the effect you're requesting) http://www.learningjquery.com/2006/09/slicker-show-and-hide --Karl _ Karl Swedberg www.englishrules.com www.learningjquery.com ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] New plugin: ContextMenu
Hi Andy, Travian sounds interesting! I'll have to check that out... The ability to add/remove/enable/disable menu items based on the target is something I'm working on for the next version, along with some other goodies :) Chris On 10/03/07, Andy Matthews [EMAIL PROTECTED] wrote: Good job Chris... Seems very responsive too. One thing I'll throw out there for you to think about. I built a map for a browser based game called Travian a while back. One of the things my map did (over the in-game map) was that you could right click on a player and get a list of options. The catch was that the options were unique to that player. Right clicking on me, gave you options that only affected me, while right clicking on the other guy only gave you options for him. It's probably not something that many people would need, but it's something to consider. Anyway, good work on the menu! -- *From:* [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] *On Behalf Of *Chris Domigan *Sent:* Thursday, March 08, 2007 5:14 PM *To:* jQuery Discussion. *Subject:* [jQuery] New plugin: ContextMenu Hi everyone The first version of my new ContextMenu plugin has been released. You can grab it here: http://www.trendskitchens.co.nz/jquery/contextmenu/ ContextMenu lets you selectively replace the browser's right click menu with one of your own. It is fully customisable and allows you to bind context-sensitive actions to each menu option. Big thanks to Joern Zaefferer whose excellent Tooltip plugin provided much inspiration. This is my first plugin for jQuery and any feedback/comments/improvements would be most appreciated! Cheers, Chris Domigan ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Options for Validation...
On 09/03/07, Rick Faircloth [EMAIL PROTECTED] wrote: Hi, Sam, and thanks for the reply... With your code, the validation function seems to be working, but the error message is not displaying... And it's not that I want *every* error message to display before #Principal (that's the id for one of the form fields), I want the error message for each form field to display above each form field, as in: #Principal error message. #Principal form field #Interest error message. #Interest form field #Years error message. #Years form field Any other suggestions? Rick I think I got it mixed up: errorPlacement: function(error, element) { $(element).before(error).before(br); }, This should add the error before the element and then a break (so it appears directly above) I guess you want everything before Principal? Try this instead: errorPlacement: function(error, element) { $(error).before(#Principal); }, Untested though (I haven't used Jörn's plugin yet, but I think I know how errorPlacement works). ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] need some idea
Jake, That's actually a brilliant idea! Something allow the lines of: item name=phone1 type=numeric_string max=14 min=10 descPhone Number/desc databasetblUserProfile.fldPhone1/database valid type=regex/^((\[0-9]{3}\))?\s*[0-9]{3,7}$//valid /item This is exactly what I've been looking for, as I've been charged with making a couple of forms and I wanted the thing to be reusable. Thanks, just goes to show, this list is really top notch. - jake On 3/8/07, Ⓙⓐⓚⓔ [EMAIL PROTECTED] wrote: Are you in the survey business? I dealt with computer surveys at an Ad agency, some time ago. rather than coding any survey in html, I'd do it in XML! the simple list of questions with prerequisite answers, that would have to be true before you ask a question. by asking the questions 1 at a time, you get more accurate answers from the respondents, and don't show them the results until you've processed the whole survey, as they might be tempted to sway the survey! Allowing them to fix there answers, gets tricky so you should keep both answers, and take a look, often it was a mistake, other times they want to cheat! It's also important to know who entered the survey, and if they have done it twice, either login or drop them a cookie... but log their IP address too! The more hidden information you can gather from their browser the better, even if you don't plan on using it! although this might have gone a little off the jquery topic, I would use ajax to fetch the xml survey and do all the dynamic questioning with jquery. it's also a good idea to randomize the choices... lots of people pick option A (or the first ). so capture the selected choice along with the way the question was presented. In the old days we used different scripts for the survey giver to use to ask the questions. I guess my old life at the ad agency still colors my opinions about the validity of data. On 3/8/07, Agrawal, Ritesh [EMAIL PROTECTED] wrote: Hi, I need some idea on how to do this. I have a big user survey form. It has around 25 fields. However, depending on the type of user such as administrator, member, etc...many fields are not required. In my survey form, a user will select user type from a select box. My problem: I don't want to scare off users from filling the survey form. Thus, I want to display only the relevant fields depending on the user type they have selected. What I would like to do is to add some script to change method of select box and hide/show fields dependening on the selection. However, I am not sure what's the best way to handle list of box to show and hide...I am trying to avoid a long list of if else .. any idea is welcome Regards, Ritesh -- View this message in context: http://www.nabble.com/need-some-idea-tf3371424.html#a9381497 Sent from the JQuery mailing list archive at Nabble.com. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- Ⓙⓐⓚⓔ - יעקב ʝǡǩȩ ᎫᎪᏦᎬ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] Easy way to get total line items in carousel?
Is there a built in way to get the total amount of line items in a carousel? Adam -- View this message in context: http://www.nabble.com/Easy-way-to-get-total-line-items-in-carousel--tf3376211.html#a9396115 Sent from the jCarousel mailing list archive at Nabble.com. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] New plugin: ContextMenu
Travian was pretty fun. A time sink, but enjoyable...especially since all my co-workers also played it. www.travian.com if you're interested. _ From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Chris Domigan Sent: Friday, March 09, 2007 8:32 AM To: jQuery Discussion. Subject: Re: [jQuery] New plugin: ContextMenu Hi Andy, Travian sounds interesting! I'll have to check that out... The ability to add/remove/enable/disable menu items based on the target is something I'm working on for the next version, along with some other goodies :) Chris On 10/03/07, Andy Matthews [EMAIL PROTECTED] wrote: Good job Chris... Seems very responsive too. One thing I'll throw out there for you to think about. I built a map for a browser based game called Travian a while back. One of the things my map did (over the in-game map) was that you could right click on a player and get a list of options. The catch was that the options were unique to that player. Right clicking on me, gave you options that only affected me, while right clicking on the other guy only gave you options for him. It's probably not something that many people would need, but it's something to consider. Anyway, good work on the menu! _ From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Chris Domigan Sent: Thursday, March 08, 2007 5:14 PM To: jQuery Discussion. Subject: [jQuery] New plugin: ContextMenu Hi everyone The first version of my new ContextMenu plugin has been released. You can grab it here: http://www.trendskitchens.co.nz/jquery/contextmenu/ http://www.trendskitchens.co.nz/jquery/contextmenu/ ContextMenu lets you selectively replace the browser's right click menu with one of your own. It is fully customisable and allows you to bind context-sensitive actions to each menu option. Big thanks to Joern Zaefferer whose excellent Tooltip plugin provided much inspiration. This is my first plugin for jQuery and any feedback/comments/improvements would be most appreciated! Cheers, Chris Domigan ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] CSS Doctor :D
Thanks Schnuck. A lot easier once you get rid of the nested list. Also, special thanks since I know you were at work. Abel. On 3/9/07, Schnuck [EMAIL PROTECTED] wrote: hi abel, done, zipped and sent back to you. hth, s ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] Good datepicker
Hey guys, I'm looking for a good JS-based date picker. I wanted to use the one in the plugins folder but it doesn't allow for going backwards on the calendar. I need to be able to select any date. Suggestions? Rey -- BrightLight Development, LLC. 954-775- (o) 954-600-2726 (c) [EMAIL PROTECTED] http://www.iambright.com ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Plugin: jdMenu 1.3.beta2
Hi Chris, Let's dive right in... 1) Glad it's being of use! 2) I'm not sure I can replicate this. The behavior (should be) as follows: user mouses over menu item, a short delay and the menu displays OR user clicks menu item and immediately menu displays. Can you provide an example somewhere? My other thought is if you're referring to the user not being able to click anywhere in the current list item to activate the menu. It should take this into account but the only case where this doesn't happen is when a width hasn't been applied and the user is using Internet Explorer AND there's a sub menu. So... one work around is to make your link tags display: block so they'll fill the entire LI tag and solve his problem. The CSS would be similar to: ul.jd_menu ul li a { display: block; } 3) This has been fixed in the latest 1.3.beta2. You can fix this in the 1.2.1 version by doing something similar to: ul.jd_menu a, ul.jd_menu a:link, ul.jd_menu a:visited, ul.jd_menu a:active { color: #your color; } See if 1.3.beta2 solves this for you. Cheers, -Jonathan On 3/8/07, Christopher Jordan [EMAIL PROTECTED] wrote: Jonathan, First of all, thanks so much for the great plug-in! I'm using it in my latest project, and it's really made an impression on my client, and what they think about my work. So thanks for the boost, there buddy! :o) Secondly, I'm using the 1.2.1 version, but there's a behavior I don't particularly dig, and I'm wondering if it's been fixed in the newest version. I'm talking about the fact that in order to activate a menu option, the user has to click on the text of the menu. I thought this was because I was using anchor tags for my menu options so I switched to spans. No dice. This has been my complaint about other menus before. Thirdly, (and it's possible this is also fixed in the newest version) if I *do* use anchor tags for my menu items, once an option has been selected, it no longer changes the text color for the hover. It takes on the visited color (I guess). I'm not a CSS guru, and some of these things may seem basement, but for me it's a bit more like trial and error. Sorry for that. I feel like it's something I should have been able to fix in the css myself, but just couldn't make it happen. Any thoughts on these items? I read somewhere that the next version is a complete rewrite, but I didn't see any of my concerns addressed -- probably because they're only *my* concerns. :o) Anyway, I hope to hear from you or anyone who knows about these issues. Thanks heaps! Chris Jonathan Sharp wrote: Finally! After 15 of snow and moving into a house this past weekend, I finally got beta2 out the door! Thanks to all of your feedback and testing! A number of issues have been fixed and we found a bug in the dimensions plugin (with IE) that Brandon Aaron fixed promptly. Changes: - Menu supports absolute positioning - Rewrote menu positining code - jQuery 1.1.2 support http://jdsharp.us/code/jQuery/plugins/jdMenu/1.3.beta2/ There's a beta2.zip which contains the code and demo for easier downloading. Please provide feedback and report any issues you may have. Cheers, -Jonathan -- ___ jQuery mailing [EMAIL PROTECTED]://jquery.com/discuss/ -- http://cjordan.info ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Good datepicker
I don't know how far into the past you can go -- but you can definitely go backwards: $('.dp').datePicker({startDate:'05/01/2006'}); Rey Bango said the following on 3/9/2007 11:53 AM: Hey guys, I'm looking for a good JS-based date picker. I wanted to use the one in the plugins folder but it doesn't allow for going backwards on the calendar. I need to be able to select any date. Suggestions? Rey Bruce -- Bruce McKenzie http://www.2MinuteExplainer.com ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Good datepicker
Yes it does i use it in one of my app as a form helper to select a UK formatted date before mysql insert. One of the options is the startdate, which you can set to 1789 if you like If you need help, let me know... -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Rey Bango Sent: vendredi 9 mars 2007 17:53 To: jQuery Discussion. Subject: [jQuery] Good datepicker Hey guys, I'm looking for a good JS-based date picker. I wanted to use the one in the plugins folder but it doesn't allow for going backwards on the calendar. I need to be able to select any date. Suggestions? Rey -- BrightLight Development, LLC. 954-775- (o) 954-600-2726 (c) [EMAIL PROTECTED] http://www.iambright.com ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- Ce message Envoi est certifié sans virus connu. Analyse effectuée par AVG. Version: 7.5.447 / Base de données virus: 268.18.8/714 - Date: 8/03/2007 10:58 ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Good datepicker
Just to make sure we talk about the same plugin, i used Kelvin luck's date picker plugin http://www.kelvinluck.com/assets/jquery/datePicker/ -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Rey Bango Sent: vendredi 9 mars 2007 17:53 To: jQuery Discussion. Subject: [jQuery] Good datepicker Hey guys, I'm looking for a good JS-based date picker. I wanted to use the one in the plugins folder but it doesn't allow for going backwards on the calendar. I need to be able to select any date. Suggestions? Rey -- BrightLight Development, LLC. 954-775- (o) 954-600-2726 (c) [EMAIL PROTECTED] http://www.iambright.com ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- Ce message Envoi est certifié sans virus connu. Analyse effectuée par AVG. Version: 7.5.447 / Base de données virus: 268.18.8/714 - Date: 8/03/2007 10:58 ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] animation bug with absolute positioning?
Hi all, I am experimenting with my Superfish plugin to see how it works with more than two tiers of menu. It does seem to work. However, I seem to have run into a bug or at least a limitation with the animation part of jQuery. Here is a link to my demo page in the making so you can see the bug in action: http://users.tpg.com.au/j_birch/plugins/superfish/ The first nested ul elements (second menu tier) use position absolute and they fadeIn fine. The second nested ul elements (third menu tier) also use position absolute and whilst I know the animation code is running on them when its parent li is hovered, they do not fadeIn but instead just appear once the animation code has finished. A few interesting things of note: - If I make the third level of menu use position relative the menu looks crazy (of course) but you can see that all levels of menu fadeIn correctly, ie. you can see the animation working. - If I keep them using position absolute (as they need to be) but delete the 'left' property, you can also tell that the animation is working again despite the menu being positioned wrong. Can anyone think of why this combination of CSS (which is required for this type of dropdown menu) would stop animations from working? Or is this a jQuery bug? Note that the problem occurs regardless of what type of animation you use. Thanks in advance. Please let me know if there is any way I can alter the demo page to help figure this out - but I may be a few hours getting back as its a crazy hour here and I need to hit the hay. Joel Birch. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Good datepicker
On 09/03/07, Rey Bango [EMAIL PROTECTED] wrote: Hey guys, I'm looking for a good JS-based date picker. I wanted to use the one in the plugins folder but it doesn't allow for going backwards on the calendar. I need to be able to select any date. Suggestions? Rey -- BrightLight Development, LLC. 954-775- (o) 954-600-2726 (c) [EMAIL PROTECTED] http://www.iambright.com You could always pick a start date in the past: $('selector').datePicker({startDate:'01/01/1900'}); There is also one I used in the past: http://www.dynarch.com/projects/calendar/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] animation bug with absolute positioning?
Hi Joel, This may sound crazy but try applying a width property to the menus. I ran into a similar problem in developing my plugin and IE was a goof unless a width was applied and once I did that the animations went smoothly. Cheers, -Jonathan On 3/9/07, Joel Birch [EMAIL PROTECTED] wrote: Hi all, I am experimenting with my Superfish plugin to see how it works with more than two tiers of menu. It does seem to work. However, I seem to have run into a bug or at least a limitation with the animation part of jQuery. Here is a link to my demo page in the making so you can see the bug in action: http://users.tpg.com.au/j_birch/plugins/superfish/ The first nested ul elements (second menu tier) use position absolute and they fadeIn fine. The second nested ul elements (third menu tier) also use position absolute and whilst I know the animation code is running on them when its parent li is hovered, they do not fadeIn but instead just appear once the animation code has finished. A few interesting things of note: - If I make the third level of menu use position relative the menu looks crazy (of course) but you can see that all levels of menu fadeIn correctly, ie. you can see the animation working. - If I keep them using position absolute (as they need to be) but delete the 'left' property, you can also tell that the animation is working again despite the menu being positioned wrong. Can anyone think of why this combination of CSS (which is required for this type of dropdown menu) would stop animations from working? Or is this a jQuery bug? Note that the problem occurs regardless of what type of animation you use. Thanks in advance. Please let me know if there is any way I can alter the demo page to help figure this out - but I may be a few hours getting back as its a crazy hour here and I need to hit the hay. Joel Birch. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] need some idea
that's pretty much what I would have done... but I'd leave the database name out of the item, and add a little more structure survey head databasetblUserProfile/database validity id=phone type=regex/^((\[0-9]{3}\))?\s*[0-9]{3,7}$//valid whatever is needed to define the survey /head questions question fieldfldPhone1/field verify validity=phone/ pretty much what you had for item. /question questions /survey Do you think this could be globally useful? should we do a schema and the whole 9 yards? I designed a schema for recipes a few years ago it really helped write cookie recipes (the real cookies, not web cookies!) On 3/9/07, Jake McGraw [EMAIL PROTECTED] wrote: Jake, That's actually a brilliant idea! Something allow the lines of: item name=phone1 type=numeric_string max=14 min=10 descPhone Number/desc databasetblUserProfile.fldPhone1/database valid type=regex/^((\[0-9]{3}\))?\s*[0-9]{3,7}$//valid /item This is exactly what I've been looking for, as I've been charged with making a couple of forms and I wanted the thing to be reusable. Thanks, just goes to show, this list is really top notch. - jake On 3/8/07, Ⓙⓐⓚⓔ [EMAIL PROTECTED] wrote: Are you in the survey business? I dealt with computer surveys at an Ad agency, some time ago. rather than coding any survey in html, I'd do it in XML! the simple list of questions with prerequisite answers, that would have to be true before you ask a question. by asking the questions 1 at a time, you get more accurate answers from the respondents, and don't show them the results until you've processed the whole survey, as they might be tempted to sway the survey! Allowing them to fix there answers, gets tricky so you should keep both answers, and take a look, often it was a mistake, other times they want to cheat! It's also important to know who entered the survey, and if they have done it twice, either login or drop them a cookie... but log their IP address too! The more hidden information you can gather from their browser the better, even if you don't plan on using it! although this might have gone a little off the jquery topic, I would use ajax to fetch the xml survey and do all the dynamic questioning with jquery. it's also a good idea to randomize the choices... lots of people pick option A (or the first ). so capture the selected choice along with the way the question was presented. In the old days we used different scripts for the survey giver to use to ask the questions. I guess my old life at the ad agency still colors my opinions about the validity of data. On 3/8/07, Agrawal, Ritesh [EMAIL PROTECTED] wrote: Hi, I need some idea on how to do this. I have a big user survey form. It has around 25 fields. However, depending on the type of user such as administrator, member, etc...many fields are not required. In my survey form, a user will select user type from a select box. My problem: I don't want to scare off users from filling the survey form. Thus, I want to display only the relevant fields depending on the user type they have selected. What I would like to do is to add some script to change method of select box and hide/show fields dependening on the selection. However, I am not sure what's the best way to handle list of box to show and hide...I am trying to avoid a long list of if else .. any idea is welcome Regards, Ritesh -- View this message in context: http://www.nabble.com/need-some-idea-tf3371424.html#a9381497 Sent from the JQuery mailing list archive at Nabble.com. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- Ⓙⓐⓚⓔ - יעקב ʝǡǩȩ ᎫᎪᏦᎬ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- Ⓙⓐⓚⓔ - יעקב ʝǡǩȩ ᎫᎪᏦᎬ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] Wich element triggered an event?
Hi all. I'd like to know if there's a standard, easy way to determine with element triggered an event. I'm pretty sure there is, but can't find it in google. Maybe an atribute in the e parameter received by the function like: $(p).bind( click, function(e){ console.log(e.TRIGGER); // This trigger attribute of the element e is the one that started the action. } ); So, is there an easy way? Thanks. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Need some guidance...
Rick Faircloth schrieb: All formatting should be done via external stylesheets. The plugin lets you customize the class used to mark them as error labels, but that's it. What is the class used to mark them as 'error labels'? Is that a class that I assign to them for the stylesheets to rference? By default, both invalid elements and their error label get a class error. You can just style the element with that class, or customize the error class via the errorClass option. -- Jörn Zaefferer http://bassistance.de ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Good datepicker
Hi Alexandre, Yes we're talking about the same plugin but it doesn't go back in time unless you explicitly set the start date to an earlier date. Thats not what I'm looking for. I want arrows that can go back and forth between months. Currently, the plugin will let you go forward from your start date. Rey Alexandre Plennevaux wrote: Yes it does i use it in one of my app as a form helper to select a UK formatted date before mysql insert. One of the options is the startdate, which you can set to 1789 if you like If you need help, let me know... -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Rey Bango Sent: vendredi 9 mars 2007 17:53 To: jQuery Discussion. Subject: [jQuery] Good datepicker Hey guys, I'm looking for a good JS-based date picker. I wanted to use the one in the plugins folder but it doesn't allow for going backwards on the calendar. I need to be able to select any date. Suggestions? Rey -- BrightLight Development, LLC. 954-775- (o) 954-600-2726 (c) [EMAIL PROTECTED] http://www.iambright.com ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- BrightLight Development, LLC. 954-775- (o) 954-600-2726 (c) [EMAIL PROTECTED] http://www.iambright.com ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Good datepicker
Hi Sam, I know but its not exactly what I'm looking for. I want the start date to be today and allow the user to go back or forward from there. Rey Sam Collett wrote: On 09/03/07, Rey Bango [EMAIL PROTECTED] wrote: Hey guys, I'm looking for a good JS-based date picker. I wanted to use the one in the plugins folder but it doesn't allow for going backwards on the calendar. I need to be able to select any date. Suggestions? Rey -- BrightLight Development, LLC. 954-775- (o) 954-600-2726 (c) [EMAIL PROTECTED] http://www.iambright.com You could always pick a start date in the past: $('selector').datePicker({startDate:'01/01/1900'}); There is also one I used in the past: http://www.dynarch.com/projects/calendar/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- BrightLight Development, LLC. 954-775- (o) 954-600-2726 (c) [EMAIL PROTECTED] http://www.iambright.com ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] animation bug with absolute positioning?
On 10/03/2007, at 4:12 AM, Jonathan Sharp wrote: Hi Joel, This may sound crazy but try applying a width property to the menus. I ran into a similar problem in developing my plugin and IE was a goof unless a width was applied and once I did that the animations went smoothly. Cheers, -Jonathan Magic! Thanks so much Jonathan, that works great. I thought only IE had issues where width needed to be set. I should quickly add that I have not yet tested that page on any browser other than Mac FF2. Thank you! Joel. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Good datepicker
On 09/03/07, Rey Bango [EMAIL PROTECTED] wrote: Hi Alexandre, Yes we're talking about the same plugin but it doesn't go back in time unless you explicitly set the start date to an earlier date. Thats not what I'm looking for. I want arrows that can go back and forth between months. Currently, the plugin will let you go forward from your start date. Rey You could pick a start date and prefill it with today's date: var today = new Date() today = today.getDate() + / + (today.getMonth() + 1) + / + today.getFullYear() $('selector').datePicker({startDate:'01/01/1900'}).val(today); Now what could make the date picker more useful (plus make it useful for other things as well) is make _strToDate and _dateToStr public methods (i.e. so you could do var today = jQuery.datePicker._dateToStr(new Date()) Alexandre Plennevaux wrote: Yes it does i use it in one of my app as a form helper to select a UK formatted date before mysql insert. One of the options is the startdate, which you can set to 1789 if you like If you need help, let me know... -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Rey Bango Sent: vendredi 9 mars 2007 17:53 To: jQuery Discussion. Subject: [jQuery] Good datepicker Hey guys, I'm looking for a good JS-based date picker. I wanted to use the one in the plugins folder but it doesn't allow for going backwards on the calendar. I need to be able to select any date. Suggestions? Rey -- BrightLight Development, LLC. 954-775- (o) 954-600-2726 (c) [EMAIL PROTECTED] http://www.iambright.com ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- BrightLight Development, LLC. 954-775- (o) 954-600-2726 (c) [EMAIL PROTECTED] http://www.iambright.com ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Wich element triggered an event?
Are you asking which 'p' element triggered the event? If so, you can access it using 'this' reserved word: $(p).click(function(){ $(this).css({backgroundColor:red}); // this refers to clicked p element }); - jake On 3/9/07, Abel Tamayo [EMAIL PROTECTED] wrote: Hi all. I'd like to know if there's a standard, easy way to determine with element triggered an event. I'm pretty sure there is, but can't find it in google. Maybe an atribute in the e parameter received by the function like: $(p).bind( click, function(e){ console.log(e.TRIGGER); // This trigger attribute of the element e is the one that started the action. } ); So, is there an easy way? Thanks. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] One element, multiple actions
Rob Wilkerson schrieb: Ah, that's what I was looking for. I knew about jQuery's chainability, but being more familiar with the Java world, I'm not used to chaining completely unrelated actions. That's really cool. Maybe it helps to see how the jQuery would look like when implemented in Java: http://bassistance.de/2007/02/26/how-would-jquery-look-like-in-java/ -- Jörn Zaefferer http://bassistance.de ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Options for Validation...
Sam Collett schrieb: You could probably use CSS for that, but before you do, errorPlacement needs to change (i.e. don't add the br) errorPlacement: function(error, element) { $(element).before(error); }, And your CSS: label.error { position: relative; margin-top: -1em; } The problem with that is that it may obstruct some text or an input above (without seeing how your page looks, there is no way to know). Sam, keep in mind that the element is already inside the document, but the error label is not. And both are jQuery objects, so this should work: errorPlacement: function(error, element) { error.insertBefore(element); } -- Jörn Zaefferer http://bassistance.de ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Wich element triggered an event?
Hello. On 3/9/07, Abel Tamayo [EMAIL PROTECTED] wrote: Hi all. I'd like to know if there's a standard, easy way to determine with element triggered an event. I'm pretty sure there is, but can't find it in google. Maybe an atribute in the e parameter received by the function like: $(p).bind( click, function(e){ console.log(e.TRIGGER); // This trigger attribute of the element e is the one that started the action. } ); So, is there an easy way? Assuming you have an event handler attached to a container element, you can find which one of its descendants triggered the action by accesing the `target` property of the event. So: pstrongStrong/strong and ememphasis/em text./p $(p).bind(cick, function(e) { alert(e.target.nodeName); }); alerts the nodeName of the element you've clicked on. For Spanish readers: http://blog.scriptia.net/articulos/2006/12/eventos-en-jquery.html HTH. -- Choan http://choangalvez.nom.es/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Wich element triggered an event?
On 09/03/07, Abel Tamayo [EMAIL PROTECTED] wrote: Hi all. I'd like to know if there's a standard, easy way to determine with element triggered an event. I'm pretty sure there is, but can't find it in google. Maybe an atribute in the e parameter received by the function like: $(p).bind( click, function(e){ console.log(e.TRIGGER); // This trigger attribute of the element e is the one that started the action. } ); I thinks it is e.target. In the past you had to do target = e.target || e.srcElement (or something similar), but I think jQuery was changed to prevent the need. So, is there an easy way? Thanks. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] javascript object not array?
I'm confused. Why does: var d = { Products: [ Books, Electronics ] }; alert(typeof d[Products]); Report object and not array? How am I supposed to tell if I have an array rather than a map object? Thanks, T. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Wich element triggered an event?
Abel Tamayo schrieb: Hi all. I'd like to know if there's a standard, easy way to determine with element triggered an event. I'm pretty sure there is, but can't find it in google. Maybe an atribute in the e parameter received by the function like: $(p).bind( click, function(e){ console.log(e.TRIGGER); // This trigger attribute of the element e is the one that started the action. } ); Inside the event handler, the this-keyword refers to the element that handles the event, while the target property of the event object refers to the element that triggered the event. $(p).click(function(event) { alert(this) // - always refers to a paragraph alert(event.target) // - refers to a paragraph or any child of it }); You can use the target property to implement a event delegation (instead of event handling). A plugin that uses that: http://bassistance.de/jquery-plugins/jquery-plugin-accordion/ Of course it has its drawbacks, as discovered recently, see the comments at the end of that page. -- Jörn Zaefferer http://bassistance.de ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] interface 1.2 pause() function
Based on a few examples I've googled up, I understand I should be able to pause between animation effects. I must not understand it properly, though, because I get absolutely no delay-the message drops in and back out instantly. Here's what I'm doing; as always, thanks for your input. $(#msgContainer).DropInUp(500).pause(5000).DropOutUp(250); ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Good datepicker
Yep, it sure does. Thanks Kelvin! Much appreciated. BTW, is that mentioned on the plugin's description? If not, lets get that page updated, especially since the plugin repository is in progress. Thanks again bud. Rey... Kelvin Luck wrote: Hi, The startDate is the first date that you can move the calendar back to. By default the calendar opens on the current month (e.g. today it would open on March) regardless of the start date. If there is a date in the input the calendar is associated with then it will open up to the month that that date is in. Hope that clarifies, Cheers, Kelvin :) Rey Bango wrote: Hi Sam, I know but its not exactly what I'm looking for. I want the start date to be today and allow the user to go back or forward from there. Rey ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- BrightLight Development, LLC. 954-775- (o) 954-600-2726 (c) [EMAIL PROTECTED] http://www.iambright.com ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Need some guidance...
Im finding it nearly impossible to get the positioning of the error message relative to the form field. It looks like that's because they are both linked by being lumped together in the class error. I think I could get what I'm after if I could address the error message and invalid elements separately, as in error.message and error.element or whatever. Is there a way separately style the message and the element? Rick -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Jörn Zaefferer Sent: Friday, March 09, 2007 12:26 PM To: jQuery Discussion. Subject: Re: [jQuery] Need some guidance... Rick Faircloth schrieb: All formatting should be done via external stylesheets. The plugin lets you customize the class used to mark them as error labels, but that's it. What is the class used to mark them as 'error labels'? Is that a class that I assign to them for the stylesheets to rference? By default, both invalid elements and their error label get a class error. You can just style the element with that class, or customize the error class via the errorClass option. -- Jörn Zaefferer http://bassistance.de ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Options for Validation...
Sam Collett schrieb: Didn't realise that - I thought they were just DOM elements. The CSS should still be interpreted even if the error label is not originally on the page. Using insert before would mean the text input shifts when the error shows (i.e. moves right), but with CSS you could style it so this doesn't happen. Good point, I didn't consider that. -- Jörn Zaefferer http://bassistance.de ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Accordion - onHide / onShow actions available ?!?!
Ok, after a real battle with the DOM (traveled up and down many times, still tired ;-))) i came up with the next solution : $('.Show_hide').Accordion({ active: false, alwaysOpen: false, showSpeed: slow, hideSpeed: slow }).change(function(){ $('.Show_hide .selected').next('.Show_text:hidden').prev('.Show_item').each(function(){ $(this).removeClass('selected'); $(this).addClass('notSelected'); }); }); The puropse of the .change is to catch the click of an element when the accordion moves in (all items can be hidden (alwaysOpen=false)) and the class stays selected but shoud revert to notSelected. Q : I do not know if this is the best way to do it, the .change is - not sure about DOM traveling - my first minor JQ experience. Especially the .each- there is only 1 match but can the .addClass and .removeClass be chained after the .prev() ?!?!? The HTML that goes with it : div class=Show_hide !-- /* Traject List */ -- h3 class=Show_item firstDagbesteding/h3 dl class=Show_text Traject_def !-- /* Begin uitleg traject */ -- dtDoel/dt ddEtc/dd /dl h3 class=Show_itemTadda/h3 dl class=Show_text /dl h3 etc /div Grtz:C Hi Jörn First of all - i love this widget :-)) Second - i had seen the .change in your doc but was not sure if i should go with that or there was another possibility - i will have a look at .change - i am a bit of newbie in Jquery but know where to find the docs ;-) Grtz:cees Sneeuw Tijger wrote: How is this done in Jquery ? I think is has to be something like an OnHide action ?!?! And yes, I know i can set it to let it always display one item open but that is not what my client wants :P Jörn Zaefferer wrote: Currently the plugin doesn't support a not selected class. But you can add it by using the change event. There is one example in the docs: $('#accordion').Accordion().change(function(event, newHeader, oldHeader, newContent, oldContent) { $('#status').html(newHeader.text()); }); Let me know if that works for you. -- Jörn Zaefferer -- View this message in context: http://www.nabble.com/Accordion---onHide---onShow-actions-available--%21-%21-tf3300677.html#a9400178 Sent from the JQuery mailing list archive at Nabble.com. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] javascript object not array?
d is an Object d.Products is an Array You could test you objects using the constructor property. If you try: alert (d.constructor) you could see that it shows a result different from alert(d.Products.constructor) --Francesco [EMAIL PROTECTED] ha scritto: I'm confused. Why does: var d = { Products: [ Books, Electronics ] }; alert(typeof d[Products]); Report object and not array? How am I supposed to tell if I have an array rather than a map object? Thanks, T. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Need some guidance...
It's good to know that the label and input can be styled separately. I didn't understand that... Ok... here's the code I'm using (the part that's relevant, anyway)... errorPlacement: function(error, element) { error.insertBefore(element); }, style type=text/css label.error { color: red; font: Arial Helvetica San-Serif; font-size: 12px; position: relative; top: -21 px; } input.error { position: relative; left: -144; } /style Now that works for the top formfield, Principal. But like you mentioned earlier, Jorn, when the error message is displayed for the bottom two fields, it's in the wrong position because of the length of the error message and is on top of the field above. Have a look at the site again, http://bodaford.whitestonemedia.com and let me know what you think. Any tweaks to this solution you can think of? Rick -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Jörn Zaefferer Sent: Friday, March 09, 2007 1:23 PM To: jQuery Discussion. Subject: Re: [jQuery] Need some guidance... I don't quite see the problem: label.error { styles for error messages } input.error { styles for invalid fields } -- Jörn Zaefferer http://bassistance.de ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Validation help with Date Selector
Hi, David... Your code below looks promising. So I would need to change dateselect to the name of one of my elements and create an div on my page with an id of errordiv to append to? Did you realize also that the parts that the validation plug-in creates can be addressed as label.error and input.error? Would that matter to your code? Thanks for your input! Rick -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of David Dexter Sent: Friday, March 09, 2007 1:23 PM To: 'jQuery Discussion.' Subject: Re: [jQuery] Validation help with Date Selector $(#myform).validate({ errorPlacement: function(error, element) { if(element.attr('id') == dateselect) { error.appendTo(#errordiv); } else { error.insertAfter(element); } } }); - David ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Good datepicker
Rey, My all-time favorite datepicker is the Lotus Notes Web Datepicker from NSFTools: http://www.nsftools.com/tips/NotesTips.htm#datepicker (don't be fooled by the name, it's a straightforward JS/DHTML picker) Demo: http://www.nsftools.com/tips/DatePickerTest.htm I love this control, and I've tried many, searching for the right one. It's fast, quite configurable, styled by CSS, works well in IE FF etc. etc. Good Luck, SEAN O http://www.sean-o.com Rey Bango-2 wrote: Hey guys, I'm looking for a good JS-based date picker. I wanted to use the one in the plugins folder but it doesn't allow for going backwards on the calendar. I need to be able to select any date. Suggestions? Rey -- BrightLight Development, LLC. 954-775- (o) 954-600-2726 (c) [EMAIL PROTECTED] http://www.iambright.com ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- View this message in context: http://www.nabble.com/Good-datepicker-tf3376862.html#a9400486 Sent from the JQuery mailing list archive at Nabble.com. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] enhanced suckerfish-style menu plugin
Joel Birch wrote: On another note, would it be better if my over and out functions were attached to the jQuery object, and defined outside of the plugin, eg: $.sfOut = function(){ ... }; instead of: var out = function(){ ... }; Would that be better? If so, why? Would it mean that the functions only occupy one place in the memory instead of once per instance of Superfish menu? Joel. Joel, I wrote those reviews/changes @ 4am, and after more thought realize most of them were unnecessary. The original code would work @ multiple menus at once without the return this.each(...); The reasons I began with that is I wanted to do my serializing within the .each statement, instead of the over function (at first). Also, as for settimeout returning an integer instead of a referencing function, this would eliminate the need for the serializing in the first place -- unless of course, you want to attach more data to the element (such as item specific timeout values, effects, etc). As for attaching your functions over/out functions to the jQuery object -- I would not do this... unless you need them available globally. Having them within the scope of the plugin is more appropriate. ~ Brice ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Validation help with Date Selector
Yeah, I knew about the css (.error) but my issue was with where it was being placed in relation to the date selector image that was added. My final solution was to append the error message before the input field. That made everything consistent. Good luck with your form. David -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Rick Faircloth Sent: Friday, March 09, 2007 10:50 AM To: 'jQuery Discussion.' Subject: Re: [jQuery] Validation help with Date Selector Hi, David... Your code below looks promising. So I would need to change dateselect to the name of one of my elements and create an div on my page with an id of errordiv to append to? Did you realize also that the parts that the validation plug-in creates can be addressed as label.error and input.error? Would that matter to your code? Thanks for your input! Rick -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of David Dexter Sent: Friday, March 09, 2007 1:23 PM To: 'jQuery Discussion.' Subject: Re: [jQuery] Validation help with Date Selector $(#myform).validate({ errorPlacement: function(error, element) { if(element.attr('id') == dateselect) { error.appendTo(#errordiv); } else { error.insertAfter(element); } } }); - David ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] New plugin: ContextMenu
Hi All, Is it possible to make it with left click too? could be a nice addition as many users don't know they have to right click. Cheers, Danial On 3/9/07, Jörn Zaefferer [EMAIL PROTECTED] wrote: Chris Domigan schrieb: Hi everyone The first version of my new ContextMenu plugin has been released. You can grab it here: http://www.trendskitchens.co.nz/jquery/contextmenu/ http://www.trendskitchens.co.nz/jquery/contextmenu/ ContextMenu lets you selectively replace the browser's right click menu with one of your own. It is fully customisable and allows you to bind context-sensitive actions to each menu option. Big thanks to Joern Zaefferer whose excellent Tooltip plugin provided much inspiration. This is my first plugin for jQuery and any feedback/comments/improvements would be most appreciated! Great job! Seems like you didn't like the Tooltip approach of prividing only the very basics of inline-styles and the rest via stylesheets. You could move both hiding of the menu on page load (doesn't work without JS) and most of the formatting styles into a stylesheet, I'd prefer that solution. It's difficult to override the default inline-styles from a stylesheet, and I like to keep that seperated. I'm curious about more features to come, and will keep this in mind to use it on the first possible occasion. -- Jörn Zaefferer http://bassistance.de ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] simple - focusing on an input
I'm trying to focus the cursor in a text box at the end of a simple animation, and it won't. The cursor shows up temporarily in the box, then flits away. $(#orderFinder).SlideToggleUp(250, null, 'bounceout');// show/hide the div $(#orderFinder input).val('').focus();// reset the value and focus on the field ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] simple - focusing on an input
Use: $(#orderFinder input).val('')[0].focus() --Francesco Paul ha scritto: I'm trying to focus the cursor in a text box at the end of a simple animation, and it won't. The cursor shows up temporarily in the box, then flits away... $(#orderFinder).SlideToggleUp(250, null, 'bounceout');// show/hide the div $(#orderFinder input).val('').focus();// reset the value and focus on the field ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Validation help with Date Selector
So with your method, you ended up with the error message appearing *above* the formfield? Rick -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of David Dexter Sent: Friday, March 09, 2007 2:03 PM To: 'jQuery Discussion.' Subject: Re: [jQuery] Validation help with Date Selector Yeah, I knew about the css (.error) but my issue was with where it was being placed in relation to the date selector image that was added. My final solution was to append the error message before the input field. That made everything consistent. Good luck with your form. David -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of David Dexter Sent: Friday, March 09, 2007 1:23 PM To: 'jQuery Discussion.' Subject: Re: [jQuery] Validation help with Date Selector $(#myform).validate({ errorPlacement: function(error, element) { if(element.attr('id') == dateselect) { error.appendTo(#errordiv); } else { error.insertAfter(element); } } }); - David ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Good datepicker
Thanks Sean! I found that one via Google earlier and it looks really nice. I'm currently using the one from DHTMLGoodies and its pretty feature rich although quite big at 47k. Rey... Sean O wrote: Rey, My all-time favorite datepicker is the Lotus Notes Web Datepicker from NSFTools: http://www.nsftools.com/tips/NotesTips.htm#datepicker (don't be fooled by the name, it's a straightforward JS/DHTML picker) Demo: http://www.nsftools.com/tips/DatePickerTest.htm I love this control, and I've tried many, searching for the right one. It's fast, quite configurable, styled by CSS, works well in IE FF etc. etc. Good Luck, SEAN O http://www.sean-o.com Rey Bango-2 wrote: Hey guys, I'm looking for a good JS-based date picker. I wanted to use the one in the plugins folder but it doesn't allow for going backwards on the calendar. I need to be able to select any date. Suggestions? Rey -- BrightLight Development, LLC. 954-775- (o) 954-600-2726 (c) [EMAIL PROTECTED] http://www.iambright.com ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- BrightLight Development, LLC. 954-775- (o) 954-600-2726 (c) [EMAIL PROTECTED] http://www.iambright.com ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] moving blocks
Hi I am newbie in Jquery How can I move a block like this? div class=form-item label for=edit-taxonomy-6farm: /label select name=taxonomy[6] class=form-select id=edit-taxonomy-6 option value=0lt;nonegt;/optionoption value=31faz-en1/optionoption value=32faz-en2/optionoption value=33faz-en3/option/select /div Or pick up this block, hide them and print in another place. Regards -- Mário Alberto Chaves Moura ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] interface imagebox
http://www.projectatomic.com/litebox/ jQuery LiteBox Beta 2 is released and it includes an auto-advance feature. D bmsterling wrote: Brent, You can check out this plugin http://www.projectatomic.com/litebox/ and you can put a setInterval to trigger the next click. setInterval ($('#nextlink').trigger('click'), 5000); this is not tested but I think it is somewhat right. -- Benjamin Sterling http://www.KenzoMedia.com http://www.KenzoHosting.com ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- View this message in context: http://www.nabble.com/interface-imagebox-tf3275634.html#a9401432 Sent from the JQuery mailing list archive at Nabble.com. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] jQuery Litebox now GPL/MIT licensed
I'm going for triple badass, now. Beta 2 is released (GPL/MIT). Bug fixes: improved loading image performance, new feature: auto-advance slide show. D http:www.projectatomic.com Rey Bango-2 wrote: Damn, now you're plugin is double badass! ;o) Rey Daniel MacDonald wrote: Oops, sorry! I had copied the header from an old project. I am glad that some people actually pay attention to these things. jQuery Litebox is now GPL/MIT. Use and abuse. D Karl Rudd wrote: I'd like to use it as well, unfortunately the licensing ( ie non-commercial http://creativecommons.org/licenses/by-nc/2.5/ ) is prohibitive. Why not MIT and/or GPL? Karl Rudd On 3/9/07, Rey Bango [EMAIL PROTECTED] wrote: Daniel, This is badass! I love it man. I was thinking after I saw it that it would be VERY cool is if you could tie it into jCarousel in some fashion. (http://sorgalla.com/jcarousel/). The ability to load up jCarousel with Flickr thumbs would be awesome. Rey... Daniel MacDonald wrote: http://www.projectatomic.com/litebox jQuery Litebox now supports Flickr with the http://www.projectatomic.com/flickr jQuery Flickr plug-in. The jQuery Flickr plug-in is an alpha release, but it features: no server-side proxy required. easy to implement: $(#myElement).flickr(); supports custom callbacks, and custom requests returns recent photos photosets by id returns sorted search results by user id, group id, tags, or text configure thumbnail size and image size built-in jQuery Litebox slideshow integration tested in Firefox 1.5-2.0, Internet Explorer 6.0-7.0, and Opera 8.53 Windows check it out, and please leave feedback -- BrightLight Development, LLC. 954-775- (o) 954-600-2726 (c) [EMAIL PROTECTED] http://www.iambright.com ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- BrightLight Development, LLC. 954-775- (o) 954-600-2726 (c) [EMAIL PROTECTED] http://www.iambright.com ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- View this message in context: http://www.nabble.com/jQuery-Litebox-adds-Flickr-support-tf3367248.html#a9401377 Sent from the JQuery mailing list archive at Nabble.com. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Validation help with Date Selector
Yes - that way it didn't interfere with the date selector icon at all. - David -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Rick Faircloth Sent: Friday, March 09, 2007 11:20 AM To: 'jQuery Discussion.' Subject: Re: [jQuery] Validation help with Date Selector So with your method, you ended up with the error message appearing *above* the formfield? Rick -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of David Dexter Sent: Friday, March 09, 2007 2:03 PM To: 'jQuery Discussion.' Subject: Re: [jQuery] Validation help with Date Selector Yeah, I knew about the css (.error) but my issue was with where it was being placed in relation to the date selector image that was added. My final solution was to append the error message before the input field. That made everything consistent. Good luck with your form. David -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of David Dexter Sent: Friday, March 09, 2007 1:23 PM To: 'jQuery Discussion.' Subject: Re: [jQuery] Validation help with Date Selector $(#myform).validate({ errorPlacement: function(error, element) { if(element.attr('id') == dateselect) { error.appendTo(#errordiv); } else { error.insertAfter(element); } } }); - David ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] Swap image onClick
Hello, all I am a newbie, and just found jquery.com while looking for a suitable collapsible menu script. Everything worked great, until I found that I need to customize it, and I have no idea how to do it. I have used it on this site (it's in progress, hence all the white space). http://www.dentinomarketing.com/newlook/ I just need the arrow next to link to point in different direction when a corresponding section is opened, and also it would be nice it when you click on link for the second time - it actually closed instead of closing for a second an then reopening again. Please help if you can! Thanks, Kate. CONFIDENTIALITY NOTICE: This e-mail message and any attachments are only for the use of the intended recipient and may contain information that is privileged, confidential or exempt from disclosure under applicable law. If you are not the intended recipient, any disclosure, distribution or other use of this e-mail message or attachments is prohibited. If you have received this e-mail message in error, please delete and notify the sender immediately. Thank you. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Plugin: jdMenu 1.3.beta2
Thanks for the response Jonathan! See my responses below Jonathan Sharp wrote: Hi Chris, Let's dive right in... 1) Glad it's being of use! 2) I'm not sure I can replicate this. The behavior (should be) as follows: user mouses over menu item, a short delay and the menu displays OR user clicks menu item and immediately menu displays. Can you provide an example somewhere? This actually works as expected. I know there's a delay in opening a top-level menu item unless you click on the item to open the sub-menu immediately. That works great. My other thought is if you're referring to the user not being able to click anywhere in the current list item to activate the menu. It should take this into account but the only case where this doesn't happen is when a width hasn't been applied and the user is using Internet Explorer AND there's a sub menu. So... one work around is to make your link tags display: block so they'll fill the entire LI tag and solve his problem. The CSS would be similar to: ul.jd_menu ul li a { display: block; } This is exactly what I was referring to. I'll change the link tags to be display:block. 3) This has been fixed in the latest 1.3.beta2. You can fix this in the 1.2.1 version by doing something similar to: ul.jd_menu a, ul.jd_menu a:link, ul.jd_menu a:visited, ul.jd_menu a:active { color: #your color; } See if 1.3.beta2 solves this for you. I will indeed upgrade to the beta (any idea when you'll call it a stable release?), and see if it fixes problem number three. :o) Also, a behavior I hadn't remembered to tell you about (which might also be fixed in the latests beta) is that by default you set the width of each menu to a certain number of pixels (115px if memory serves). This meant that when I had a menu option that exceeded this width, it would just spill out over the side. I found a guy in the jQuery IRC channel that suggested replacing that pixel width with a percent. He suggested 97% and so that's what I used. This worked brilliantly to fix the problem... except for FF. It produced an interesting effect where in when each time I hover over a menu item the width of the menu grows. it's very strange. Let me know if you need an example of that to see it in action. Thanks heaps! Chris Cheers, -Jonathan On 3/8/07, *Christopher Jordan* [EMAIL PROTECTED] mailto:[EMAIL PROTECTED] wrote: Jonathan, First of all, thanks so much for the great plug-in! I'm using it in my latest project, and it's really made an impression on my client, and what they think about my work. So thanks for the boost, there buddy! :o) Secondly, I'm using the 1.2.1 version, but there's a behavior I don't particularly dig, and I'm wondering if it's been fixed in the newest version. I'm talking about the fact that in order to activate a menu option, the user has to click on the text of the menu. I thought this was because I was using anchor tags for my menu options so I switched to spans. No dice. This has been my complaint about other menus before. Thirdly, (and it's possible this is also fixed in the newest version) if I *do* use anchor tags for my menu items, once an option has been selected, it no longer changes the text color for the hover. It takes on the visited color (I guess). I'm not a CSS guru, and some of these things may seem basement, but for me it's a bit more like trial and error. Sorry for that. I feel like it's something I should have been able to fix in the css myself, but just couldn't make it happen. Any thoughts on these items? I read somewhere that the next version is a complete rewrite, but I didn't see any of my concerns addressed -- probably because they're only *my* concerns. :o) Anyway, I hope to hear from you or anyone who knows about these issues. Thanks heaps! Chris Jonathan Sharp wrote: Finally! After 15 of snow and moving into a house this past weekend, I finally got beta2 out the door! Thanks to all of your feedback and testing! A number of issues have been fixed and we found a bug in the dimensions plugin (with IE) that Brandon Aaron fixed promptly. Changes: - Menu supports absolute positioning - Rewrote menu positining code - jQuery 1.1.2 support http://jdsharp.us/code/jQuery/plugins/jdMenu/1.3.beta2/ There's a beta2.zip which contains the code and demo for easier downloading. Please provide feedback and report any issues you may have. Cheers, -Jonathan ___ jQuery mailing list discuss@jquery.com mailto:discuss@jquery.com http://jquery.com/discuss/ -- http://cjordan.info http://cjordan.info/ ___
Re: [jQuery] jQuery Litebox now GPL/MIT licensed
w00t! Triple badass given! ;o) Daniel MacDonald wrote: I'm going for triple badass, now. Beta 2 is released (GPL/MIT). Bug fixes: improved loading image performance, new feature: auto-advance slide show. D http:www.projectatomic.com Rey Bango-2 wrote: Damn, now you're plugin is double badass! ;o) Rey Daniel MacDonald wrote: Oops, sorry! I had copied the header from an old project. I am glad that some people actually pay attention to these things. jQuery Litebox is now GPL/MIT. Use and abuse. D Karl Rudd wrote: I'd like to use it as well, unfortunately the licensing ( ie non-commercial http://creativecommons.org/licenses/by-nc/2.5/ ) is prohibitive. Why not MIT and/or GPL? Karl Rudd On 3/9/07, Rey Bango [EMAIL PROTECTED] wrote: Daniel, This is badass! I love it man. I was thinking after I saw it that it would be VERY cool is if you could tie it into jCarousel in some fashion. (http://sorgalla.com/jcarousel/). The ability to load up jCarousel with Flickr thumbs would be awesome. Rey... Daniel MacDonald wrote: http://www.projectatomic.com/litebox jQuery Litebox now supports Flickr with the http://www.projectatomic.com/flickr jQuery Flickr plug-in. The jQuery Flickr plug-in is an alpha release, but it features: no server-side proxy required. easy to implement: $(#myElement).flickr(); supports custom callbacks, and custom requests returns recent photos photosets by id returns sorted search results by user id, group id, tags, or text configure thumbnail size and image size built-in jQuery Litebox slideshow integration tested in Firefox 1.5-2.0, Internet Explorer 6.0-7.0, and Opera 8.53 Windows check it out, and please leave feedback -- BrightLight Development, LLC. 954-775- (o) 954-600-2726 (c) [EMAIL PROTECTED] http://www.iambright.com ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- BrightLight Development, LLC. 954-775- (o) 954-600-2726 (c) [EMAIL PROTECTED] http://www.iambright.com ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- BrightLight Development, LLC. 954-775- (o) 954-600-2726 (c) [EMAIL PROTECTED] http://www.iambright.com ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Swap image onClick
Katya, I think the Xpander plugin: http://labs.activespotlight.net/jQuery/Xpander.html is right up your alley. SEAN O http://www.sean-o.com Katya Ushakova wrote: Hello, all I am a newbie, and just found jquery.com while looking for a suitable collapsible menu script. Everything worked great, until I found that I need to customize it, and I have no idea how to do it. I have used it on this site (it's in progress, hence all the white space). http://www.dentinomarketing.com/newlook/ I just need the arrow next to link to point in different direction when a corresponding section is opened, and also it would be nice it when you click on link for the second time - it actually closed instead of closing for a second an then reopening again. Please help if you can! Thanks, Kate. CONFIDENTIALITY NOTICE: This e-mail message and any attachments are only for the use of the intended recipient and may contain information that is privileged, confidential or exempt from disclosure under applicable law. If you are not the intended recipient, any disclosure, distribution or other use of this e-mail message or attachments is prohibited. If you have received this e-mail message in error, please delete and notify the sender immediately. Thank you. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- View this message in context: http://www.nabble.com/Swap-image-onClick-tf3378025.html#a9402249 Sent from the JQuery mailing list archive at Nabble.com. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] simple - focusing on an input
Thanks for the reply, Francesco. Your suggestion didn't seem to work-but what is the purpose of the [0] there? _ From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Francesco Sullo Sent: Friday, March 09, 2007 12:25 PM To: jQuery Discussion. Subject: Re: [jQuery] simple - focusing on an input Use: $(#orderFinder input).val('')[0].focus() --Francesco Paul ha scritto: I'm trying to focus the cursor in a text box at the end of a simple animation, and it won't. The cursor shows up temporarily in the box, then flits away. $(#orderFinder).SlideToggleUp(250, null, 'bounceout');// show/hide the div $(#orderFinder input).val('').focus();// reset the value and focus on the field _ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] Loading with animation effect
I'm trying to contract a div, load a content and then expand the div to the content proper height. I was trying as follow: $(#divContent).click(function(){ $(#content).load('info.php'); $(#content).animate({height:'toggle'}, slow); }); That way contract the div, load the content expanded and contract again the div :-( If i click again, then all follow ok... AhhhI like when the content is loading, display a loading icon. (it is not required, but nice) ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Deleting an Element
I seem to remember an Unwrap function on this list before, but i have no idea where. Try searching around nabble.com's jquery archives for it. On 3/8/07, Rob Wilkerson [EMAIL PROTECTED] wrote: Is there any way to delete an element while retaining it's child elements? The remove() method doesn't appear to offer the ability to simply remove the wrapping element. Thanks. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] simple - focusing on an input
It references the first matching element. It's array notation. _ From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Paul Sent: Friday, March 09, 2007 2:24 PM To: 'jQuery Discussion.' Subject: Re: [jQuery] simple - focusing on an input Thanks for the reply, Francesco. Your suggestion didn't seem to work-but what is the purpose of the [0] there? _ From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Francesco Sullo Sent: Friday, March 09, 2007 12:25 PM To: jQuery Discussion. Subject: Re: [jQuery] simple - focusing on an input Use: $(#orderFinder input).val('')[0].focus() --Francesco Paul ha scritto: I'm trying to focus the cursor in a text box at the end of a simple animation, and it won't. The cursor shows up temporarily in the box, then flits away. $(#orderFinder).SlideToggleUp(250, null, 'bounceout');// show/hide the div $(#orderFinder input).val('').focus();// reset the value and focus on the field _ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Loading with animation effect
On Mar 9, 2007, at 15:27 , JQuery - SimDigital wrote: I'm trying to contract a div, load a content and then expand the div to the content proper height. I was trying as follow: $(#divContent).click(function(){ $(#content).load('info.php'); $(#content).animate({height:'toggle'}, slow); }); Close, but for a couple problems. First, the load method is asynchronous, so it will not necessarily have loaded the file by the time the next line of code runs. You need to use callbacks for this: $('#divContent').click(function(){ $('#content').load('info.php', function() { // Things to do after the load is complete }); }); Next, I don't think you understand toggle completely. This switches the current state of the element from hidden to shown or vice versa; it does not do both. A simple slideDown or slideUp is probably more appropriate in this case: $('#divContent').click(function(){ $('#content').slideUp('slow').load('info.php', function() { $(this).slideDown('slow'); }); }); That is, slide the element up, start the load, and after the load completes slide it back down. AhhhI like when the content is loading, display a loading icon. (it is not required, but nice) You can .show() an element containing the icon before the load is performed, then .hide() it in the callback: $('#divContent').click(function(){ $('#loading').show(); $('#content').slideUp('slow').load('info.php', function() { $('#loading').hide(); $(this).slideDown('slow'); }); }); -- Jonathan Chaffer Technology Officer, Structure Interactive (616) 364-7423http://www.structureinteractive.com/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] New Plugin: jqChart - Charts plugin for jQuery
Hi http://www.reach1to1.com/sandbox/jquery/jqchart/ Been working on this for a while now, and finally have a first cut version up and running. Only tested in Firefox 2.0 Would appreciate feedback. Regards Ashutosh Bijoor -- Reach1to1 Technologies http://www.reach1to1.com http://on2.biz [EMAIL PROTECTED] ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] simple - focusing on an input
Ok, so assuming the div contains only one input there is no reason to include it. Anyway I still can't get focus to remain on that input field-any other suggestions? _ From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Andy Matthews Sent: Friday, March 09, 2007 1:29 PM To: 'jQuery Discussion.' Subject: Re: [jQuery] simple - focusing on an input It references the first matching element. It's array notation. _ From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Paul Sent: Friday, March 09, 2007 2:24 PM To: 'jQuery Discussion.' Subject: Re: [jQuery] simple - focusing on an input Thanks for the reply, Francesco. Your suggestion didn't seem to work-but what is the purpose of the [0] there? _ From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Francesco Sullo Sent: Friday, March 09, 2007 12:25 PM To: jQuery Discussion. Subject: Re: [jQuery] simple - focusing on an input Use: $(#orderFinder input).val('')[0].focus() --Francesco Paul ha scritto: I'm trying to focus the cursor in a text box at the end of a simple animation, and it won't. The cursor shows up temporarily in the box, then flits away. $(#orderFinder).SlideToggleUp(250, null, 'bounceout');// show/hide the div $(#orderFinder input).val('').focus();// reset the value and focus on the field _ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Jquery, Thickbox, and tracking scripts
Anyone have any Ideas. There has to be people out there that are pulling in files with Ajax that have third party tracking scripts or something like Google Analytics and what not. I seen some articles about placing this somewhere but I'm not to sure. netscape.security.PrivilegeManager.enablePrivilege(UniversalBrowserRead); Dan Shields wrote: I am trying to use jQuery and thick box to replace my existing popups. The one thing is that on these popups, I have tracking scripts that are pointed to outside domains and it seems to cause my javascript to error out saying uncaught exception: Permission denied to call method XMLHttpRequest.open I see from everywhere after googling that this is from trying to pull in content from another domain but really I'm not doing that I'm just pulling in another page from my server, which has tracking scripts pointing to other domains. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Loading with animation effect
Follow the link and take a look what is happening: http://www.souempreteco.com.br/video.avi $('#divContent').click(function(){ $('#content').slideUp('slow').load('info.php', function() { $(this).slideDown('slow'); }); }); Jonathan Chaffer escreveu: On Mar 9, 2007, at 15:27 , JQuery - SimDigital wrote: I'm trying to contract a div, load a content and then expand the div to the content proper height. I was trying as follow: $(#divContent).click(function(){ $(#content).load('info.php'); $(#content).animate({height:'toggle'}, slow); }); Close, but for a couple problems. First, the load method is asynchronous, so it will not necessarily have loaded the file by the time the next line of code runs. You need to use callbacks for this: $('#divContent').click(function(){ $('#content').load('info.php', function() { // Things to do after the load is complete }); }); Next, I don't think you understand toggle completely. This switches the current state of the element from hidden to shown or vice versa; it does not do both. A simple slideDown or slideUp is probably more appropriate in this case: $('#divContent').click(function(){ $('#content').slideUp('slow').load('info.php', function() { $(this).slideDown('slow'); }); }); That is, slide the element up, start the load, and after the load completes slide it back down. AhhhI like when the content is loading, display a loading icon. (it is not required, but nice) You can .show() an element containing the icon before the load is performed, then .hide() it in the callback: $('#divContent').click(function(){ $('#loading').show(); $('#content').slideUp('slow').load('info.php', function() { $('#loading').hide(); $(this).slideDown('slow'); }); }); -- Jonathan Chaffer Technology Officer, Structure Interactive (616) 364-7423http://www.structureinteractive.com/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] New Plugin: jqChart - Charts plugin for jQuery
Ashutosh that is sweet! very nice. I like the demo. Chris ashutosh bijoor wrote: Hi http://www.reach1to1.com/sandbox/jquery/jqchart/ Been working on this for a while now, and finally have a first cut version up and running. Only tested in Firefox 2.0 Would appreciate feedback. Regards Ashutosh Bijoor -- Reach1to1 Technologies http://www.reach1to1.com http://on2.biz [EMAIL PROTECTED] mailto:[EMAIL PROTECTED] ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- http://www.cjordan.us ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Problem with interface Droppables
I've found a decent solution. I imagine the developers can clean it up, but until then, this alleviates the problem: iutils:js: getPositionLite : function(el) { var x = 0, y = 0; var fixed; while(el) { if (jQuery(el).css('position') == 'fixed') { fixed = true; } x += el.offsetLeft || 0; y += el.offsetTop || 0; el = el.offsetParent; } if (fixed) { if (window.pageXOffset != null) { x += window.pageXOffset; y += window.pageYOffset; } else { x += document.body.scrollLeft; y += document.body.scrollTop; } } return {x:x, y:y}; }, I've put it in the bug tracker as well. Erik Beeson wrote: FYI, Droppables don't play nicely with fixed positioning. Scroll offset is added to the position of the Droppable, which is wrong in the case of its position being fixed. This throws off the hover calculation. -- View this message in context: http://www.nabble.com/Problem-with-interface-Droppables-tf3033619.html#a9403228 Sent from the JQuery mailing list archive at Nabble.com. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] enhanced suckerfish-style menu plugin
On 10/03/2007, at 5:56 AM, Brice Burgess wrote: Joel, I wrote those reviews/changes @ 4am, and after more thought realize most of them were unnecessary. The original code would work @ multiple menus at once without the return this.each(...); The reasons I began with that is I wanted to do my serializing within the .each statement, instead of the over function (at first). Also, as for settimeout returning an integer instead of a referencing function, this would eliminate the need for the serializing in the first place -- unless of course, you want to attach more data to the element (such as item specific timeout values, effects, etc). As for attaching your functions over/out functions to the jQuery object -- I would not do this... unless you need them available globally. Having them within the scope of the plugin is more appropriate. ~ Brice Well, an extra thank you for taking time @ 4am to respond! I learnt a lot from your advice regardless of whether it turned out to be the way to go or not. Just for closure (not the JS kind), here is the beginnings of a demo page (which I also did at 4am last night!) showing the plugin working not only with 3 levels of heading without having to change a thing (I was surprised!) but also on multiple .nav elements using one call to the plugin. http://users.tpg.com.au/j_birch/plugins/superfish/ Thanks again Brice. Joel. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] simple - focusing on an input
By the way I solved this by putting the .focus() function in the callback for SlideToggleUp(). _ From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Andy Matthews Sent: Friday, March 09, 2007 1:29 PM To: 'jQuery Discussion.' Subject: Re: [jQuery] simple - focusing on an input It references the first matching element. It's array notation. _ From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Paul Sent: Friday, March 09, 2007 2:24 PM To: 'jQuery Discussion.' Subject: Re: [jQuery] simple - focusing on an input Thanks for the reply, Francesco. Your suggestion didn't seem to work-but what is the purpose of the [0] there? _ From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Francesco Sullo Sent: Friday, March 09, 2007 12:25 PM To: jQuery Discussion. Subject: Re: [jQuery] simple - focusing on an input Use: $(#orderFinder input).val('')[0].focus() --Francesco Paul ha scritto: I'm trying to focus the cursor in a text box at the end of a simple animation, and it won't. The cursor shows up temporarily in the box, then flits away. $(#orderFinder).SlideToggleUp(250, null, 'bounceout');// show/hide the div $(#orderFinder input).val('').focus();// reset the value and focus on the field _ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/