[jQuery] Re: Livequery + jQuery.YAV
jQuery.YAV get the rules added in the HTML attributes onSubmit so, if your form exists when the code starts, the validation must work (although you add dinamically, with AJAX, some new fields), but if you load later completally the form, you need call to $().yav() method. You don't need Livequery for this. FIRST POSSIBILITY: div id=fullform form id=myform action= input id=some class=required / div id=ajaxfields input id=some2 class=required alphaspace / /div /form /div JS: $(fullform).yav(); $(ajaxfields).load(ajaxcall.html); //Works OK SECOND POSSIBILITY: JS: $(fullform).yav(); //If you reload with AJAX all DOM for the form //yav submit event is missed, you need resetting $(fullform).load(ajaxcall2.html, function(){ $(this).yav(); //Now works }); This is the same if you load AJAX content with $.post, $.get or any ajax method of jQuery, if you reload the DOM of the main form, all the old events are missed because really it is not the same DOM object (you remove and create again), so you need re-attach again the events handlers. lvp1138 escribió: jQuery.YAV is a input validation plugin based on the popular YAV. Normally, a call like this: $(document).ready(function(){ $(#form1).yav(); }); will be enough to call Yav to do input validation when the form is submitted. However, on our software, the forms are being added dynamically via AJAX, so livequery would be required. We've tried every possible way of doing this with livequery, but we can't achieve the desired result. If we put them form on the main document, not through an AJAX call, YAV works fine, so we know our syntax is ok and all the necessary jscript files are being loaded ok. Can anyone suggest the correct livequery syntax for this? We've used livequery before for other things, but this one has us baffled. Your suggestions will be greatly appreciated! Peter :) -- Best Regards, José Francisco Rives Lirola sevir1ATgmail.com SeViR CW · Computer Design http://www.sevir.org Murcia - Spain
[jQuery] Re: Declaring a new jquery variable
The same that you create (with any scripting language based in ECMAscript) one variable. myvariable = hello; //now myvariable exists You can declare any variable in one object (a property), by example in your jQuery object: $.myvariable = hello; but it is possible that this can overwrite another method of a plugin that you use (if the method of one plugin is called myvariable and you have more possibilities if there are more variables. So, normally is better to create one namespace inside the jQuery object: $.mynamespace = { myvariable : hello, myvariable1: helloworld } Or alternatelly, $.mynamespace = {} $.mynamespace.myvariable = hello; $.mynamespace.myvariable1= helloworld; Kia Niskavaara escribió: How can I declare a new jQuery variable? I want it to be global, but I don't want to use the window object. I know, a silly question. There shouldn't be any global variables, I know. But I need this for a temporary solution to a problem. I would like to access it like this: $.myvariable or $.myvariables.myvariable Thank you for your help!! Kia -- Best Regards, José Francisco Rives Lirola sevir1ATgmail.com SeViR CW · Computer Design http://www.sevir.org Murcia - Spain
[jQuery] IE bug with IFRAME?
Hi all! I have a piece of code in wich I create, with jQuery, an IFRAME and setting the src attribute: $(form).append(diviframe id='fileManagerWindow' src='javascript:false;' frameborder='0'/iframe/div); $(#fileManagerWindow).attr(src,FileManager.htm); WIth Firefox all goes well, but with IE the second row give the error Object doesn't support this property or method... Calling the FileManager.htm page alone in a new IE window run correctly. I've tried vary alternatives but with no success Please, someone can tell me what is the correct to dealing with the iframe? Thks
[jQuery] Re: [ANNOUNCE] Jquery spot on crysis
Anthony Leboeuf(Worcester Wide Web) schrieb: Hey was just looking at crysisdemo page and saw it used jquery http://crysisdemo.com/ -Tony maybe this is of interest for those looking for jquery use on pages: http://www.sunsean.com/jquerydetect/ micha
[jQuery] Re: bbcode editor
[EMAIL PROTECTED] wrote: Hi, Can anybody recommend a good BBCode editor for jQuery? Thanks, Yes, try jtageditor. http://www.jaysalvat.com/jquery/jtageditor/ Best, Bob.
[jQuery] Re: Filter doubles from selection
An alternative ... var tgt = $('select:not(.addFrom)'); $('#right').click(function(){ var x = $(tgt).children(); $('.addFrom option:selected').filter(function(){ // remove, by value, selected options already in target... return (x.filter('[value='+this.value+']').length==0); }).clone().appendTo(tgt).end(/*clone*/).end(/*filter*/) // all selected are processed so de-select... .each(function(){ this.selected = false; }); return false; }); $('#left').click(function(){ $('option:selected', tgt).remove(); return false; }); select class='addFrom' multiple=multiple option value=1test 1/option option value=2test 2/option option value=3test 3/option /select select class='addFrom' multiple=multiple option value=4test 4/option option value=5test 5/option option value=6test 6/option /select select class='addFrom' multiple=multiple option value=Atest A/option option value=Btest B/option /select button id='right'gt;gt;/button button id='left'lt;lt;/button select multiple=multiple /select On Oct 24, 11:07 am, Korijn [EMAIL PROTECTED] wrote: And what would I do in this case? Having multiple selectboxes to choose items from? I'm not sure if using prefixes in the valuables is a good idea to keep track of what item came from what selectbox but it's all I can come up with right now. script type=text/javascript //![CDATA[ $(document).ready(function() { $(#right).click(function() { $(#options option:selected).clone().appendTo(#selection); return(false); }); $(#left).click(function() { $(#selection option:selected).remove(); return(false); }); }); //]] /script div id=options select id=options1 multiple=multiple option value=options1;1test 1/option option value=options1;2test 2/option option value=options1;3test 3/option /select select id=options2 multiple=multiple option value=options2;1test 1/option option value=options2;2test 2/option option value=options2;3test 3/option /select /div button id=rightgt;gt;/button button id=leftlt;lt;/button select id=selection multiple=multiple /select
[jQuery] Re: jquery plugin + problem with return for this element
Despite the fact that you code is a bit of a mess, your problem is just that since you aren't defining the variable callback with var callback = ..., it's being made a global variable, and as a global variable, each time you call $(...).test1(...), you're overwriting callback. Same for ttt. Adding var before callback and ttt fixes the problem. Good luck with it. --Erik On 10/24/07, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: You're not getting 'this' correct. Where you set 'b', 'this' is the jQuery object, not an element. So 'b' is a jQuery object that wraps three dom elements. Here's a hint: (function($) { $.fn.test2 = function(color) { // 'this' is the jQuery object return this.each(function() { // 'this' is a DOM element var $el = $(this); $el.bind('click', function() { // this is the DOM element again $el.css('color',color); } } } })(jQuery); http://bynight.me.uk/jquery/mike.php Still its not okay, but... When I use b.bind('click', function() { b.css('color',color);} it works fine, but when I try: callback = function(data) { b.css('color',color); } ttt= function() { callback(); } b.bind('click',ttt); I have result as you see on my page... ... To be more specific... I want use my plugin like that: callback = function() { ...} $('#something').test('option',callback); or $('#something').test('option',function() {...}); thats why I want to have my function (ttt or callback) outside of b.bind(..) Thanks. Michael
[jQuery] Re: ScrollTo
what about horizontal scrolling panes. the following sites are perfect examples of what i am trying to recreate. www.panic.com/coda and http://www.hbcweb.com/ On Sep 19, 3:25 pm, John Resig [EMAIL PROTECTED] wrote: jQuery hasscrollTobuilt straight into core: $(html,body).animate({ scrollTop: 400 }); or to scroll to a specific element, do: $(html,body).animate({ scrollTop: $(#elem).offset().top }); More info and demo:http://www.learningjquery.com/2007/09/animated-scrolling-with-jquery-12 --John On 9/19/07, Idowatiwant [EMAIL PROTECTED] wrote: We need ascrollTofunction like mooTools, the one.. interface elements has sucks, plus theirs an unfixed bug in it! something about jQuery.dequeue isn't a function. But please consider this, it's needed! Lol
[jQuery] Re: Scrolling a div area without scrolling the page?
guys, any horizontal scrolling? just like, www.panic.com/coda and http://www.hbcweb.com/ On Sep 11, 10:23 am, Alexandre Plennevaux [EMAIL PROTECTED] wrote: Check jscrollpane, it has a very nice $('#anchorlink).scrollTo('#anchorTarget'); functionality http://kelvinluck.com/assets/jquery/jScrollPane/scrollTo.html -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Steve Browett Sent: mardi 11 septembre 2007 10:59 To: jQuery (English) Subject: [jQuery] Re: Scrolling a div area without scrolling the page? Hi, I'm looking for a similar thing and found this:http://www.ajaxdaddy.com/demo-jquery-carousel.html Hope it helps! On Aug 10, 3:21 pm, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: Hi, I don't know if jquery will be able to address this but I thought I would try anyway. Is there a way to scroll a div area (which has an overflow:auto) to an anchor point within the div without scrolling the page (i.e., the page should remain stationary)? In other words, is there a way to use jquery to animate the div when an anchor tag is clicked? I've coded a basic html example athttp://matthewmoore.info/jquery/example.html. You'll see the page scroll when you click on a letter at the top of the div. Any ideas? Thanks in advance, Matthew Ce message Envoi est certifié sans virus connu. Analyse effectuée par AVG. Version: 7.5.485 / Base de données virus: 269.13.14/999 - Date: 10/09/2007 17:43
[jQuery] Re: 1px rounded corners issue
@ weepy - Thanks so much for posting that link. That answered some of my issues as well. We all appreciate it when people like you go the extra mile to help on this list!
[jQuery] Help: Jquery Interface Drag = Graphic Bug
Hello all, I'm working on Drag Drop with Interface and I have a graphic bug. When I click on a Draggable object I can make it move, but only the text which is contained move all the (Css-made) graphic disappear as soon as I make a movement with the mouse. Here is a little bit of code: In the JS file: The Html in generated by the line with Easy Dom: $(#vsmenu).append($.LI({class:gps}, $.DIV({class:sensorName,id:menu-gps1},gps1))); $(#vsmenu).append($.LI({class:gps}, $.DIV({class:sensorName,id:menu-gps2},gps2))); // Then I make LIs draggable $(.gps).Draggable( { zIndex: 1000, ghosting: true, revert: true, opacity:0.9 } ); The Html finally is: h3Virtual sensors/h3 ul id=vsmenu li class=gpsdiv id=menu-gps2 class=sensorNamegps2/div/li li class=gpsdiv id=menu-gpsvs class=sensorNamegpsvs/div/ li /ul In the CSS: .gps { display: block; padding: 5px 5px 5px 0.5em; border-left: 10px solid #FFE2BF; background-color: #FFF0DF; color: #FFA84C; text-decoration: none; width: 100%; } I try not to make the Html generated but in a file to write it directly and it worked... I mean no graphic bug. So maybe there is something with EasyDom? Or the DOM is not yet ready? I really don't know actually... Thanks you for you help. Charlie
[jQuery] Assign a confirmation box when clicking inside of a bound event
When i do a search it comes up with the results with this method $(function() { var options = { target:'#searchresults' // target element(s) to be updated with server response }; // bind form using 'ajaxForm' $('#form1').ajaxForm(options); after this call, i want the option to delete products from the database, but i'm only able to do this at this stage without any sort of confirmation which can be quite dangerous as I could lose important information. this is my current code, to allow me to do this after the search call, within the results. $('#searchresults').bind('click',function(event){ if($(event.target).is('.deleteproduct')) { $('.deleteproduct').click(function(){ $.post(jqjobdelete.php, { jobid: this.id } ); $(this).parents(tr).fadeOut(500);return false; }); } }); How would I be able to have this delete only take place after a confirmation message such as Are you sure? thanks for any help
[jQuery] Re: draggable clones are not draggable
Ok, it seems that the clone() function messes it up. I now use the following code and it works: function makeDraggable(expr) { /** * Makes the selection (by expr) draggable */ $(expr).draggable( { start: function() { // only clone if clone is not yet present if ( $(.draggedClone).length == 0 ) { if ($(this).next().is(#addons .draggable)) { $(div).attr(id, $ (this).attr(id)).addClass(draggable).addClass(draggedClone).insertAfter($ (this)); } else { $(div).attr(id, $ (this).attr(id)).addClass(draggable).addClass(draggedClone).appendTo($ (this).parent()); } $(this).attr(id, $(this).attr(id) + '_' + ($ (.draggable).length + 1) ); $(this).addClass(dragged); } }, stop : function(){ // $(#droparea).append(num of draggedClones: + $ (.draggedClone).length + br/); $(.draggedClone).append($(img).attr(src, $(.dragged img).attr(src))); $(.draggedClone).removeClass(draggedClone); $(this).removeClass(dragged); makeDraggable(.draggable); } } ); } Also, I am sorry for the double(triple)-posting but it took ages for my question to show up on this list and sometimes it posts one question twice... Balint On Oct 24, 2:20 pm, erdibalint [EMAIL PROTECTED] wrote: Hi there, I've tried to achieve a simple thing with draggables. Put little pictures (wrapped in divs) on top of a bigger one using the drag-and- drop technique. This is what I've come up with: function makeDraggable(expr) { /** * Makes the selection (by expr) draggable */ $(expr).draggable( { start: function() { // only clone if clone is not yet present if ( $(.draggedClone).length == 0 ) { if ($(this).next().is(#addons .draggable)) { $(this).next().before($(this).clone().css(position, static).addClass(draggable).addClass(draggedClone)); } else { $(this).clone().css(position, static).addClass(draggable).addClass(draggedClone).appendTo($ (this).parent()); } $(this).attr(id, $(this).attr(id) + '_' + ($ (.draggable).length + 1) ); $(this).addClass(dragged); } makeDraggable(.draggable); }, stop : function(){ // $(.draggedClone).removeClass(draggedClone); // FIXME: remove dragged element if not dropped in the drop area } } ); } $(document).ready(function(){ (...) makeDraggable(#addons .draggable); $(button[name='rebind']).click(function() { $(#addons .draggable).toggleClass(highlighted); makeDraggable(#addons .draggable); }); }); What happens is that the initial draggable divs work fine. They can be dragged and dropped onto the big image. But the created clones do not respond to dragging (i.e they are not draggable). I think they should because of the makeDraggable(.draggable) line in the start function of the draggable. I've created the 'rebind' button to explicitly assign dragability to the clones but it did not help. (I've only added the toggleClass(highlighted) to see if the selection formula is correct, it is. Has anyone had the same problem or is this a bug? (I've tried in several browsers none of them worked). Or am I being silly? Thank you for your help in advance, Balint
[jQuery] Re: problem with jquery
Thanks Rob. You were correct..its working fine now. On Oct 25, 12:55 am, Rob Desbois [EMAIL PROTECTED] wrote: Mark, I think you are saving the document as rich text format (RTF). Try pasting the code sample into notepad and save it from there. Once that works, make sure that in whatever editor you're using you save things as 'plain text'. Hope that helps --rob On 10/24/07, mark [EMAIL PROTECTED] wrote: Hi All, I am a new person to the world of jQuery. I am having a problem in my first program only. Please tell me what is wrong over here. My code is : htmlhead script type=text/javascript src=jquery.js/script script type=text/javascript $(document).ready(function() { $(a).click(function() { alert(Hello world!); }); }); /script/head body a href=http://google.com;google/a /body /html Output which I am getting is : {\rtf1\ansi\ansicpg1252\deff0\deflang1033{\fonttbl{\f0\fswiss \fcharset0 Arial;}} {\*\generator Msftedit 5.41.15.1507;}\viewkind4\uc1\pard\f0\fs20 \par \par \par \par \tab google\par \par \par } -- Rob Desbois Eml: [EMAIL PROTECTED] Tel: 07946 705987 There's a whale there's a whale there's a whale fish he cried, and the whale was in full view. ...Then ooh welcome. Ahhh. Ooh mug welcome.
[jQuery] Execute jcarousel in thickbox
How can I use jcarousel inside a thickbox. I've seen it done the other way around. I've tried to do it and the thickbox does work but the jcarousel doesn't. Is there any way to make this work? Thanks
[jQuery] Re: Filter doubles from selection
Thanks alot! That did the trick for me. =) Surprisingly I had to remove tgt from the last selector in order for it to work properly though. Which confuses me. But hey it works fine. Thanks! (So this $('option:selected', tgt).remove(); became $('option:selected').remove(); ) On 25 okt, 11:36, Wizzud [EMAIL PROTECTED] wrote: An alternative ... var tgt = $('select:not(.addFrom)'); $('#right').click(function(){ var x = $(tgt).children(); $('.addFrom option:selected').filter(function(){ // remove, by value, selected options already in target... return (x.filter('[value='+this.value+']').length==0); }).clone().appendTo(tgt).end(/*clone*/).end(/*filter*/) // all selected are processed so de-select... .each(function(){ this.selected = false; }); return false; }); $('#left').click(function(){ $('option:selected', tgt).remove(); return false; }); select class='addFrom' multiple=multiple option value=1test 1/option option value=2test 2/option option value=3test 3/option /select select class='addFrom' multiple=multiple option value=4test 4/option option value=5test 5/option option value=6test 6/option /select select class='addFrom' multiple=multiple option value=Atest A/option option value=Btest B/option /select button id='right'gt;gt;/button button id='left'lt;lt;/button select multiple=multiple /select On Oct 24, 11:07 am, Korijn [EMAIL PROTECTED] wrote: And what would I do in this case? Having multiple selectboxes to choose items from? I'm not sure if using prefixes in the valuables is a good idea to keep track of what item came from what selectbox but it's all I can come up with right now. script type=text/javascript //![CDATA[ $(document).ready(function() { $(#right).click(function() { $(#options option:selected).clone().appendTo(#selection); return(false); }); $(#left).click(function() { $(#selection option:selected).remove(); return(false); }); }); //]] /script div id=options select id=options1 multiple=multiple option value=options1;1test 1/option option value=options1;2test 2/option option value=options1;3test 3/option /select select id=options2 multiple=multiple option value=options2;1test 1/option option value=options2;2test 2/option option value=options2;3test 3/option /select /div button id=rightgt;gt;/button button id=leftlt;lt;/button select id=selection multiple=multiple /select
[jQuery] Re: problem with jquery
thanks Karl On Oct 25, 3:27 am, Karl Swedberg [EMAIL PROTECTED] wrote: Hi Mark, Make sure you return false so that the link doesn't trigger the default behavior (which is to go to the url): $(document).ready(function() { $(a).click(function() { alert(Hello world!); return false; }); }); --Karl _ Karl Swedbergwww.englishrules.comwww.learningjquery.com On Oct 24, 2007, at 9:09 AM, mark wrote: Hi All, I am a new person to the world of jQuery. I am having a problem in my first program only. Please tell me what is wrong over here. My code is : htmlhead script type=text/javascript src=jquery.js/script script type=text/javascript $(document).ready(function() { $(a).click(function() { alert(Hello world!); }); }); /script/head body a href=http://google.com;google/a /body /html Output which I am getting is : {\rtf1\ansi\ansicpg1252\deff0\deflang1033{\fonttbl{\f0\fswiss \fcharset0 Arial;}} {\*\generator Msftedit 5.41.15.1507;}\viewkind4\uc1\pard\f0\fs20 \par \par \par \par \tab google\par \par \par }
[jQuery] Re: clueTip feedback and suggestions
Thanks for your feedback Karl - I'm learning something new every minute! I just have one more question (I hope!). I want to call my sticky 'pop up' without the title attribute but I then lose the ability to close my 'pop up' How do I still get to be able to close the pop up? Can I embed some sort of code in the page that is called? Thanks again - your work is enabling me to add some great features.
[jQuery] Re: jquery plugin + problem with return for this element
On 25 Paź, 11:12, Erik Beeson [EMAIL PROTECTED] wrote: Despite the fact that you code is a bit of a mess, your problem is just that since you aren't defining the variable callback with var callback = ..., it's being made a global variable, and as a global variable, each time you call $(...).test1(...), you're overwriting callback. Same for ttt. Adding var before callback and ttt fixes the problem. Good luck with it. Thank you very much, You helped me again! Now works fine! Michael
[jQuery] Re: Validation triggering based on radio button value
Jorn's Form Validation could be this job with related option. Please look example page: http://jquery.bassistance.de/validate/demo-test/ and you could see relation between I'd like to receive... and Topics. Source code: topic: { required: #newsletter:checked, minLength: 2 }, Cheers Marco Antonio 2007/10/24, wattaka [EMAIL PROTECTED]: I have a set of radio buttions to select different fields in a form, how can I trigger the validation of these text fields based on the value of the radio buttons? thanks
[jQuery] Re: ScrollTo
jCaroussel Lite is perfect for the Coda-style:- http://www.gmarwaha.com/jquery/jcarousellite/ On 25 Oct 2007, at 05:30, Josh V wrote: what about horizontal scrolling panes. the following sites are perfect examples of what i am trying to recreate. www.panic.com/coda and http://www.hbcweb.com/ On Sep 19, 3:25 pm, John Resig [EMAIL PROTECTED] wrote: jQuery hasscrollTobuilt straight into core: $(html,body).animate({ scrollTop: 400 }); or to scroll to a specific element, do: $(html,body).animate({ scrollTop: $(#elem).offset().top }); More info and demo:http://www.learningjquery.com/2007/09/animated- scrolling-with-jquery-12 --John On 9/19/07, Idowatiwant [EMAIL PROTECTED] wrote: We need ascrollTofunction like mooTools, the one.. interface elements has sucks, plus theirs an unfixed bug in it! something about jQuery.dequeue isn't a function. But please consider this, it's needed! Lol
[jQuery] Re: Help: Jquery Interface Drag = Graphic Bug
I think this may be due to the fact that, while dragging, the element doesn't have the .gps class (and therefore the style that you've defined in css). Have you tried jQuery UI's draggables? http://ui.jquery.com/ http://docs.jquery.com/UI/Draggables - Richard On 10/25/07, charliend [EMAIL PROTECTED] wrote: Hello all, I'm working on Drag Drop with Interface and I have a graphic bug. When I click on a Draggable object I can make it move, but only the text which is contained move all the (Css-made) graphic disappear as soon as I make a movement with the mouse. Here is a little bit of code: In the JS file: The Html in generated by the line with Easy Dom: $(#vsmenu).append($.LI({class:gps}, $.DIV({class:sensorName,id:menu-gps1},gps1))); $(#vsmenu).append($.LI({class:gps}, $.DIV({class:sensorName,id:menu-gps2},gps2))); // Then I make LIs draggable $(.gps).Draggable( { zIndex: 1000, ghosting: true, revert: true, opacity:0.9 } ); The Html finally is: h3Virtual sensors/h3 ul id=vsmenu li class=gpsdiv id=menu-gps2 class=sensorNamegps2/div/li li class=gpsdiv id=menu-gpsvs class=sensorNamegpsvs/div/ li /ul In the CSS: .gps { display: block; padding: 5px 5px 5px 0.5em; border-left: 10px solid #FFE2BF; background-color: #FFF0DF; color: #FFA84C; text-decoration: none; width: 100%; } I try not to make the Html generated but in a file to write it directly and it worked... I mean no graphic bug. So maybe there is something with EasyDom? Or the DOM is not yet ready? I really don't know actually... Thanks you for you help. Charlie
[jQuery] Scrolling a textarea to the bottom each time it's updated
Hey, I'm in need for a function that will scroll my textarea to the bottom each time it's updated, how can I do that? Thanks, Eli
[jQuery] Re: clueTip feedback and suggestions
Hi again, You shouldn't have to lose that ability just because you're not including a title attribute. By default, the closePosition option of a sticky tooltip is top, which means the top of the tooltip's body, not it's heading. You can also set it to bottom or title, but in your case, you won't want to set it to title. Here is a basic example that puts the close link at the bottom of the tooltip: $('a').cluetip({sticky: true, showTitle: false, closePosition: 'bottom'}); Hope that helps. --Karl _ Karl Swedberg www.englishrules.com www.learningjquery.com On Oct 25, 2007, at 5:22 AM, chrisandy wrote: Thanks for your feedback Karl - I'm learning something new every minute! I just have one more question (I hope!). I want to call my sticky 'pop up' without the title attribute but I then lose the ability to close my 'pop up' How do I still get to be able to close the pop up? Can I embed some sort of code in the page that is called? Thanks again - your work is enabling me to add some great features.
[jQuery] Re: XHTML snippets in responseXML
When I need to include HTML fragments in a XML file I tend to use the CDATA construct to wrap the HTML markup so it gets treated as plain text, then inject it into the DOM as yo uwould any string with HTML markup in it, using either the html (markup) or $(markup) approaches as appropriate. On Oct 24, 1:04 pm, Tamlyn Rhodes [EMAIL PROTECTED] wrote: Hi, I'm returning XML from an ajax call which contains, among other things, a snippet of XHTML that I would like to inject into the DOM. This works except that the injected dom nodes don't behave as usual. They aren't rendered correctly and they appear greyed out in firebug. Seehttp://zenology.co.uk/jdemo/for an example. What am I doing wrong? I'm guessing it's something to do with mixed content-types and the fact that they are actually xml nodes rather than html nodes?
[jQuery] Re: Datepicker bug in latest Opera
Hi Klaus, Thanks for the detailed report and fix! I've rolled this into the date picker and made a new release (2.1.1) with the fixed code: http://jquery.com/plugins/project/datePicker Thanks again, Kelvin :) Klaus Hartl wrote: Hi, I just came across a hard to find bug in Opera 9.23 (Win), that made the datepicker not work properly. In short, Opera failed on number- only keys in objects, even if you convert the number to a string*. Thus I made some changes to use the date as a string itself, which worked properly with Firefox 2, Opera 9.23, Safari 2 3, IE 6 7... Changes were made in the selected date getter and setter and is methods: *** setSelected: this.selectedDates[d.getTime()] = v; = this.selectedDates[d.toString()] = v; *** isSelected: return this.selectedDates[t]; = return this.selectedDates[d.toString()]; (exchanged argument t with d to indicate a date) getSelected: r.push(new Date(Number(t))); = r.push(new Date(Date.parse(s))); (exchanged t with s to indicate a string) * did not work: d.getTime() + '' did work: d.getTime() + '_foo' --Klaus
[jQuery] Re: New Plugin: SimpleModal
On Oct 24, 9:28 pm, Eric Martin [EMAIL PROTECTED] wrote: I've been using jQuery for a couple months and recently had the need for a modal dialog. I tried other existing modal plugins, but decided to take a shot at creating my own plugin. SimpleModal is a lightweight jQuery plugin that provides a simple, cross-browser compatible interface to create a modal dialog. The plugin is extremely flexible and was written to allow a developer 100% control of the style and functionality. I would appreciate any feedback on the plugin, as it's my first one =) Details:http://www.ericmmartin.com/projects/simplemodal Demo:http://www.ericmmartin.com/simplemodal Very nice. But, demo's responsive time is very low (click to modal appearance takes long time) -- ?php echo 'Just another PHP saint'; ? Email: rrjanbiah-at-Y!comBlog: http://rajeshanbiah.blogspot.com/
[jQuery] is it possible to call jqModal after the page has loaded?
Hi. I would like to call jqm on an element's onclick event. It does not work. Why is that? Is it MANDATORY to make these calls inside the $().ready function? Is it impossible to do something like this $('#myDiv').jqm({ajax: '@href', trigger: 'a.ex2trigger'}); inside a button's onclick event? Thank you! -- View this message in context: http://www.nabble.com/is-it-possible-to-call-jqModal-after-the-page-has-loaded--tf4691602s27240.html#a13409161 Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: Filter doubles from selection
Umm Be very, very careful with that last modification, because if you select options in one or more of your addFrom selects without actually adding them to the target select, then select and remove something from the target select, you will probably find that the selected options in the addFrom selects will also disappear! I tested on FF and IE7 and it works fine, but only using the HTML given in the example. You may well need to modify some selectors and/or ids/classes in order to accommodate the rest of your page's HTML. On Oct 25, 11:05 am, Korijn [EMAIL PROTECTED] wrote: Thanks alot! That did the trick for me. =) Surprisingly I had to remove tgt from the last selector in order for it to work properly though. Which confuses me. But hey it works fine. Thanks! (So this $('option:selected', tgt).remove(); became $('option:selected').remove(); ) On 25 okt, 11:36, Wizzud [EMAIL PROTECTED] wrote: An alternative ... var tgt = $('select:not(.addFrom)'); $('#right').click(function(){ var x = $(tgt).children(); $('.addFrom option:selected').filter(function(){ // remove, by value, selected options already in target... return (x.filter('[value='+this.value+']').length==0); }).clone().appendTo(tgt).end(/*clone*/).end(/*filter*/) // all selected are processed so de-select... .each(function(){ this.selected = false; }); return false; }); $('#left').click(function(){ $('option:selected', tgt).remove(); return false; }); select class='addFrom' multiple=multiple option value=1test 1/option option value=2test 2/option option value=3test 3/option /select select class='addFrom' multiple=multiple option value=4test 4/option option value=5test 5/option option value=6test 6/option /select select class='addFrom' multiple=multiple option value=Atest A/option option value=Btest B/option /select button id='right'gt;gt;/button button id='left'lt;lt;/button select multiple=multiple /select On Oct 24, 11:07 am, Korijn [EMAIL PROTECTED] wrote: And what would I do in this case? Having multiple selectboxes to choose items from? I'm not sure if using prefixes in the valuables is a good idea to keep track of what item came from what selectbox but it's all I can come up with right now. script type=text/javascript //![CDATA[ $(document).ready(function() { $(#right).click(function() { $(#options option:selected).clone().appendTo(#selection); return(false); }); $(#left).click(function() { $(#selection option:selected).remove(); return(false); }); }); //]] /script div id=options select id=options1 multiple=multiple option value=options1;1test 1/option option value=options1;2test 2/option option value=options1;3test 3/option /select select id=options2 multiple=multiple option value=options2;1test 1/option option value=options2;2test 2/option option value=options2;3test 3/option /select /div button id=rightgt;gt;/button button id=leftlt;lt;/button select id=selection multiple=multiple /select
[jQuery] Re: Assign a confirmation box when clicking inside of a bound event
Use a confirm() if(confirm('text of question?')){ ... // do it }else{ ... // don't do it } On Oct 25, 7:40 am, paulp75 [EMAIL PROTECTED] wrote: When i do a search it comes up with the results with this method $(function() { var options = { target:'#searchresults' // target element(s) to be updated with server response }; // bind form using 'ajaxForm' $('#form1').ajaxForm(options); after this call, i want the option to delete products from the database, but i'm only able to do this at this stage without any sort of confirmation which can be quite dangerous as I could lose important information. this is my current code, to allow me to do this after the search call, within the results. $('#searchresults').bind('click',function(event){ if($(event.target).is('.deleteproduct')) { $('.deleteproduct').click(function(){ $.post(jqjobdelete.php, { jobid: this.id } ); $(this).parents(tr).fadeOut(500);return false; }); } }); How would I be able to have this delete only take place after a confirmation message such as Are you sure? thanks for any help
[jQuery] Show/Hide divs depending on choice made in a select box
I have a select box with this structure: select name=taxonomy[3] class=form-select required id=edit- taxonomy-3 option value=4OPTION1/option option value=5.OPTION2/option option value=984.-OPTION3/option option value=983-OPTION4/option option value=35OPTION5/option option value=986-OPTION6/option option value=25-OPTION7/option option value=100-OPTION8/option option value=6. OPTION9t/option /select And I'd like a different div containing other forms to show up and hide the others depending on what choice is made in the select box. I've tried to get it to work, but couldn't quite get all of it working.
[jQuery] fade png24 images in IE7
Hi there, at first I must to excuse for my bad english... I come from Germany. I have Problems with fading png24 images in IE7 with the methods fadeIn() and fadeOut(). The scopes where the image is transparency are black in IE7 during the fade process. Can you help me ? thank´s a lot! Melzmann
[jQuery] Re: Displaying Additional Information
Thanks for all the help. I got it to work. I tried the $(this).next trick before but for some reason it didn't work (I had the hidden text in a separate td). Now it works how I want it except for one small problem. I decided to change the click to a hover so I now have: $(document).ready(function(){ $('div.hidden').hide(); $('img.hidden').mouseover(function() { $(this).next('div.hidden').show(); }); $('img.hidden').mouseout(function() { window.setTimeout($(this).next('div.hidden').hide(),3000); }); }); The text appears on mouseover and disappears on mouseout, but I want there to be a delay between the time the user moves the mouse out of the image and the hidden text disappearing. What am I doing wrong?
[jQuery] Re: clueTip feedback and suggestions
Sorry Karl, I'm not explaining my self very well. I want the close link to appear in the body of the page that is called. The reason being that I don't want to have to set the width of the cluetip as I have pages of different width that I want to call. I don't want to see any background or band at the top of the page that I call. If I don't set a width the background colour goes way over to the right of my page and takes the 'clode' text with it. I know that sounds a bit strange! Many thanks for your patience!
[jQuery] Re: [bug] Slight jump of elements when using height() in FF
Hey, JK. Thanks for the response! I'm using the latest version of Dimensions/ jQuery on my site, and I'm having the same problem. I'd let you see the issue if I could, I'm developing on an internal dev server. It's the same problem as what's displayed on the above site, though. -Mist On Oct 24, 3:58 pm, Jeffrey Kretz [EMAIL PROTECTED] wrote: I see the same thing when I test it. Oddly enough, the latest version of dimensions is 1.1.2, but the version on that demo page is only 1.1. Perhaps the latest version fixes that error? JK -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of [EMAIL PROTECTED] Sent: Wednesday, October 24, 2007 10:41 AM To: jQuery (English) Subject: [jQuery] [bug] Slight jump of elements when using height() in FF Example page:http://brandonaaron.net/docs/dimensions/#sample-2 To recreate: 1. Use Firefox 2.0.0.8 2. Go to above link 3. Under Element Height subheading, click Run button. Current behavior: When invoking height() method to retrieve an element's height, elements on the page jump visibly. Expected behavior: When invoking height() method to retrieve an element's height, there is no visible movement.
[jQuery] Re: jQuery.ScrollTo
Ok I checked the site now... First of all, you are adding both the minified version, and the regular version. Choose one and remove the other. I tried to debug but the minified one prevailed so I couldn't see. You are binding 3 times to the click of the same element ('#nextProperty') so all 3 will be triggered on each click. Choose one and remove the others. Also as I said before, you should add a 'return false' in the last line of the click function, so the ### won't show in the address bar. I'll take another look later. Cheers On Oct 24, 12:21 pm, Josh V [EMAIL PROTECTED] wrote: the site im working on is,http://chalet.dsbeta.com/ in the properties section you can see the two arrows that should govern the scrolling. i am trying to get the scrolling to tween to the next or previous five properties. the simplified html of that sections looks like this... lia class=prev/a/li lia class=next/a/li div id=wrap div id=spinner div class=property id=property_1 /div div class=property id=property_2 /div...and so on and so on. /div /div the wrap div is set to a fixed width and the spinner div contains all the floated left property divs, which spans across the page, hidden by the outer wrap. On Oct 24, 7:02 am, Flesler [EMAIL PROTECTED] wrote: That seems like jQuery.Dimensions is using throw in some situations. You should consult it's owner, Brandon Aaron. Or check the project page, maybe it explains why:http://brandonaaron.net/docs/dimensions/. My guess is that your selector is not matching anything (the target you submit), could you post the line where you call the plugin? and if possible and not too long, the HTML as well or a link to an example. Ariel Flesler On Oct 23, 4:51 pm, Josh V [EMAIL PROTECTED] wrote: hi, im having some issues setting this plugin up. I have the latest ver. of jQuery, 1.2.1 and your plugin. do i have to link to all 3 of your js files to get more horizontal scrolling to work? i am trying to scroll to a div inside of another div. when i click on the button that should initiate the scrolling i get the following error from firebug. Error: [Exception... 'Dimensions: jQuery collection is empty' when calling method: [nsIDOMEventListener::handleEvent] nsresult: 0x8057001e (NS_ERROR_XPC_JS_THREW_STRING) location: unknown data: no] any idea what this means? On Oct 5, 12:20 pm, Flesler [EMAIL PROTECTED] wrote: Hi, Some days ago I saw this article:http://www.learningjquery.com/2007/09/animated-scrolling-with-jquery-12 And I decided to make a plugin out of that, adding versatility and customization. I'd appreciate some feedback :) The project is in:http://jquery.com/plugins/project/ScrollTo Thanks Ariel Flesler- Hide quoted text - - Show quoted text -- Hide quoted text - - Show quoted text -
[jQuery] Re: Checkbox hide/show
Thanks, That works fine, although the check not displaying is an annoyance and I haven't tried to figure that one out. After posting I found this and it works well for me $(document).ready(function(){ $('#content div').hide(); $(#showAll).click(function(){ if ($(#showAll).is(:checked)) { $(#content div).show('slow'); } else { $(#content div).hide('slow'); } }); On Oct 24, 7:41 pm, Duncan Heal [EMAIL PROTECTED] wrote: Hey JS: $(document).ready(function() { $('.detail').hide(); // hide detail div $('#showAll').toggle(function(){ $('.detail').show(); },function(){ $('.detail').hide(); });} ); HTML: input type=checkbox title=Show All Fields id=showAll name=showAll value=showAllFields class=showAll / label for=showAllShow All Fields/label h2Whatrsquo;s New/Press Release Display Areas/h2 div class=detail pblah blah blah/p /div I've found toggle to be a good way of doing this type of thing.http://docs.jquery.com/Events/toggle#fnfn This will show/hide all divs with the class of detail. If you want to have the content slowly reveal rather than suddenly appear, use show (slow). Greater minds will tell you why the checkbox doesn't become selected once clicked. I'd like to know myself. Duncan - - - - - - - - - - - - - Sprocket Web Designwww.sprocket.co.nz - - - - - - - - - - - - - On 25/10/2007, at 7:51 AM, blg002 wrote: I have and Show All Fields checkbox that I want to show all the divs within an div id=content - ('#content div'). The input has a class of showAll. How do i write the code so that it displays all the divs when check and hides them all again when unchecked. Thanks for your help. input type=checkbox title=Show All Fields id=showAll name=showAll value=showAllFields class=showAll / label for=showAllShow All Fields/label div id=content div h2Whatrsquo;s New/Press Release Display Areas/h2 /div div h2Full Text/h2 /div /div
[jQuery] Delaying the Hide Effect
Hi, I have hidden text that appears whenever someone hovers over an image in my table. And I want it to disappear 5 seconds after they stop hovering over the image. Right now I have: $(document).ready(function(){ $('div.hidden').hide(); $('img.hidden').mouseover(function() { $(this).next('div.hidden').show(); }); $('img.hidden').mouseout(function() { $(this).next('div.hidden').hide(); }); });
[jQuery] Re: jQuery.ScrollTo
Ok, but I need to see the call to the plugin, maybe your target selector doesn't match any element. Also, I added a new release, it doesn't rely on dimensions anymore and I hope it can stay that way. I advice you to upgrade. If you are using links(a) to manage the navigation, you could check http://jquery.com/plugins/project/LocalScroll. Finally, just to be sure, try to add an href=# to the links, and a 'return false' to the click handler to prevent the default behavior. Some weird things happened to me when binding to the click of an anchor, with no href. Let me know if you try any of these. On Oct 24, 12:21 pm, Josh V [EMAIL PROTECTED] wrote: the site im working on is,http://chalet.dsbeta.com/ in the properties section you can see the two arrows that should govern the scrolling. i am trying to get the scrolling to tween to the next or previous five properties. the simplified html of that sections looks like this... lia class=prev/a/li lia class=next/a/li div id=wrap div id=spinner div class=property id=property_1 /div div class=property id=property_2 /div...and so on and so on. /div /div the wrap div is set to a fixed width and the spinner div contains all the floated left property divs, which spans across the page, hidden by the outer wrap. On Oct 24, 7:02 am, Flesler [EMAIL PROTECTED] wrote: That seems like jQuery.Dimensions is using throw in some situations. You should consult it's owner, Brandon Aaron. Or check the project page, maybe it explains why:http://brandonaaron.net/docs/dimensions/. My guess is that your selector is not matching anything (the target you submit), could you post the line where you call the plugin? and if possible and not too long, the HTML as well or a link to an example. Ariel Flesler On Oct 23, 4:51 pm, Josh V [EMAIL PROTECTED] wrote: hi, im having some issues setting this plugin up. I have the latest ver. of jQuery, 1.2.1 and your plugin. do i have to link to all 3 of your js files to get more horizontal scrolling to work? i am trying to scroll to a div inside of another div. when i click on the button that should initiate the scrolling i get the following error from firebug. Error: [Exception... 'Dimensions: jQuery collection is empty' when calling method: [nsIDOMEventListener::handleEvent] nsresult: 0x8057001e (NS_ERROR_XPC_JS_THREW_STRING) location: unknown data: no] any idea what this means? On Oct 5, 12:20 pm, Flesler [EMAIL PROTECTED] wrote: Hi, Some days ago I saw this article:http://www.learningjquery.com/2007/09/animated-scrolling-with-jquery-12 And I decided to make a plugin out of that, adding versatility and customization. I'd appreciate some feedback :) The project is in:http://jquery.com/plugins/project/ScrollTo Thanks Ariel Flesler- Hide quoted text - - Show quoted text -- Hide quoted text - - Show quoted text -
[jQuery] newbie php .get question
Newbie here. Thanks for any help. Serving php 4.4.7 locally from Apache / mac 10.3.9 jQuery1.2.1 - php's running so I don't *think* it's an Apache/php issue. I'm trying to load dynamic variables from php but so far I get the whole script: $(document).ready(function(){ $(a).click(function() { $.get('print.php', { name: this.name, id: this.id }, function(data){ alert(Data Loaded: + data); }); return false; }); }); Alerts: ?php print (hello world); ? Instead of the hoped for 'hello world'
[jQuery] jCarousel - does this work with jQuery 1.2.1
hi, does it? of course the a href=http://sorgalla.com/ jcarousel/jCarousel/a mentions nothing about which jQuery version it is compatible with.
[jQuery] Looking for code snippet to premark input fields
Hey guys, I'm on the search for an small code snippet, that does change the value of an input field to lets say put username here and clears the field, as soon as the user clicks into the field and writes to it. Does somebody have this lieing arround? so long, Samy
[jQuery] Re: Looking for code snippet to premark input fields
Try this one... it works very well. http://scott.sauyet.com/Javascript/Demo/Overlabel/ -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Samuel Vogel Sent: Thursday, October 25, 2007 6:35 AM To: jquery-en@googlegroups.com Subject: [jQuery] Looking for code snippet to premark input fields Hey guys, I'm on the search for an small code snippet, that does change the value of an input field to lets say put username here and clears the field, as soon as the user clicks into the field and writes to it. Does somebody have this lieing arround? so long, Samy
[jQuery] ie and firefox browser test
I want to test if the browser is ie or firefox and then set the width and height of a thickbox differently depending on this. Is this considered bad practice and if so how might you do it better?
[jQuery] Re: [bug] Slight jump of elements when using height() in FF
Are you able to step through the code with Firebug? I'd be curious how dimensions handles the width() that is different from the way that the core 1.2.1 does. I'm not sure which features of dimensions you need for your project, but once offset() appeared in the core, I was able to make a few modifications and use just that for my application and no longer needed dimensions. I suppose if you need the other methods (outerWidth(), etc.), but the core width() and height() worked for you, could modify your copy of dimensions to exclude those methods. JK -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of [EMAIL PROTECTED] Sent: Thursday, October 25, 2007 7:03 AM To: jQuery (English) Subject: [jQuery] Re: [bug] Slight jump of elements when using height() in FF Hey, JK. Thanks for the response! I'm using the latest version of Dimensions/ jQuery on my site, and I'm having the same problem. I'd let you see the issue if I could, I'm developing on an internal dev server. It's the same problem as what's displayed on the above site, though. -Mist On Oct 24, 3:58 pm, Jeffrey Kretz [EMAIL PROTECTED] wrote: I see the same thing when I test it. Oddly enough, the latest version of dimensions is 1.1.2, but the version on that demo page is only 1.1. Perhaps the latest version fixes that error? JK -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of [EMAIL PROTECTED] Sent: Wednesday, October 24, 2007 10:41 AM To: jQuery (English) Subject: [jQuery] [bug] Slight jump of elements when using height() in FF Example page:http://brandonaaron.net/docs/dimensions/#sample-2 To recreate: 1. Use Firefox 2.0.0.8 2. Go to above link 3. Under Element Height subheading, click Run button. Current behavior: When invoking height() method to retrieve an element's height, elements on the page jump visibly. Expected behavior: When invoking height() method to retrieve an element's height, there is no visible movement.
[jQuery] pulling my hair out with validation plugin and radio/checkboxes
I'm using Jorn's validate plugin and have everything working great except for the 'required' error messages for radio and checkboxes. I've dug through the comments, API and examples but am stuck... What I want: o Item 1 o Item 2 Error message goes here... What I'm getting: o Error message Item 1 o Item 2 Any ideas what I could be doing wrong??? Jim
[jQuery] Multiple reply fields
Hi there, I am trying to add a comment functionality to my webapp that includes a reply possibility on each comment. Like on digg for example. I am new to AJAX, but would like to take this oportunity and to jump into cold water with that task now. My goal is to use JQuery to show and hide a dialog box which contains the form to reply on the comments. Basicaly I managed to do this, but now I have a general understanding problem. Let's say there are 100 comments there and I want to have reply possiblity for each of them. Do I have to integrate the same code underneath each one? I would rather like to have a box in that is used for everyone of them. I believe this is somehow done with divs, but I do not know how. Here is my code: html head script src=/app_global/jquery-1.2.1.pack.js type=text/ javascript/script script type=text/javascript $(document).ready(function() { $('#slickbox').hide(); $('a#reply').click(function() { $('#slickbox').toggle('slow'); return false; }); }); /script /head body a href=# id=replyReply/a div id=slickboxpSpace for reply box/div p next comment /body /html I would like to place a complex reply form into the id=slickbox, but here is where the problems starts. If I do this for all 100 comments the code will be way to much to load. There must be a smarter way to achieve this. Thank you for any help on this. I am pretty much stuck here. Best regards, Merlin
[jQuery] Code in loop
Hi there friends!!! I'm having problems with a code here using AJAX on Jquery. When I do only one click in my object, it works fine, but, when I click again in other object the previous result of id continue stored. What I have to do to solve this problem??
[jQuery] Re: newbie php .get question
That doesn't sound like something jQuery would have any control over. What do you get if you open print.php directly in a browser? From: jsnewbie Newbie here. Thanks for any help. Serving php 4.4.7 locally from Apache / mac 10.3.9 jQuery1.2.1 - php's running so I don't *think* it's an Apache/php issue. I'm trying to load dynamic variables from php but so far I get the whole script: $(document).ready(function(){ $(a).click(function() { $.get('print.php', { name: this.name, id: this.id }, function(data){ alert(Data Loaded: + data); }); return false; }); }); Alerts: ?php print (hello world); ? Instead of the hoped for 'hello world'
[jQuery] Re: Code in loop
Can you post a simple page that demonstrates the problem? It's easier to debug that way. Glen On 10/25/07, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: Hi there friends!!! I'm having problems with a code here using AJAX on Jquery. When I do only one click in my object, it works fine, but, when I click again in other object the previous result of id continue stored. What I have to do to solve this problem??
[jQuery] Re: pulling my hair out with validation plugin and radio/checkboxes
-Original Message- From: Priest, James (NIH/NIEHS) [C] I'm using Jorn's validate plugin and have everything working great except for the 'required' error messages for radio and checkboxes. I've dug through the comments, API and examples but am stuck... Arg - nevermind!! I'm going to develop a mailing list that simply goes to /dev/null because it seems like everytime I have an issue I resolve it immediately AFTER posting to a mailing list... I won't figure it out though until I hit 'send'. Just typing it up is not enough! :) I realized Jorn was included an additional label for the radio buttons and it is used for displaying errors... Jim
[jQuery] Re: fade png24 images in IE7
I have had the same problem. :( On 10/25/07, Melzmann [EMAIL PROTECTED] wrote: Hi there, at first I must to excuse for my bad english... I come from Germany. I have Problems with fading png24 images in IE7 with the methods fadeIn() and fadeOut(). The scopes where the image is transparency are black in IE7 during the fade process. Can you help me ? thank´s a lot! Melzmann
[jQuery] Re: each loop selects to much
I whipped up a demo. http://www.commadot.com/jquery/nestedTables.php In the code comments is an each version that does the same thing. Glen On 10/25/07, hans [EMAIL PROTECTED] wrote: Hello, I am trying to loop through all rows of a table that has a table inside. I expected jquery to only loop through the tr's of the testtable but it loops through the inner one as well and even considers the whole inner table a tr. Am i doing something wrong or is there a better way to do this? thanks, Hans !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http:// www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=http://www.w3.org/1999/xhtml; head script language=javascript type=text/javascript src=C:/ Multivius.net/IIS/www/lib/jquery/jquery.js/script script language='javascript' $(document).ready(function(){ $(#testtable tr).each(function(t){ alert(this.firstChild.innerHTML) }); }); /script /head body table id='testtable' trtda/td/tr trtdb/td/tr trtdtable ID=inner_tabletrtddont loop me please/td/ tr/table/td/tr trtdc/td/tr trtdd/td/tr /table /body /html
[jQuery] Re: ie and firefox browser test
Maybe this is best done with server side code such as this in Coldfusion? cfif CGI.HTTP_USER_AGENT contains 'msie' On Oct 25, 10:48 am, cfdvlpr [EMAIL PROTECTED] wrote: I want to test if the browser is ie or firefox and then set the width and height of a thickbox differently depending on this. Is this considered bad practice and if so how might you do it better?
[jQuery] Re: pulling my hair out with validation plugin and radio/checkboxes
Hey, don't worry I think we all do it from time to time, I know I have :) at least your not the kind that fires off an email, resolves it and then never replies to say you have, wasting someone elses time! On 25/10/2007, Priest, James (NIH/NIEHS) [C] [EMAIL PROTECTED] wrote: -Original Message- From: Priest, James (NIH/NIEHS) [C] I'm using Jorn's validate plugin and have everything working great except for the 'required' error messages for radio and checkboxes. I've dug through the comments, API and examples but am stuck... Arg - nevermind!! I'm going to develop a mailing list that simply goes to /dev/null because it seems like everytime I have an issue I resolve it immediately AFTER posting to a mailing list... I won't figure it out though until I hit 'send'. Just typing it up is not enough! :) I realized Jorn was included an additional label for the radio buttons and it is used for displaying errors... Jim -- Tane Piper Blog - http://digitalspaghetti.me.uk AJAX Pastebin - http://pastemonkey.org This email is: [ ] blogable [ x ] ask first [ ] private
[jQuery] Validating checkboxes
Hi all, how does one validate that a user checks at least one checkbox from a group of checkboxes. I have seen the example on Jörns site, but the example has the same names for all checkboxes, I cant have the same name for all checkboxes due to the backend code. Thanks
[jQuery] Re: Validation triggering based on radio button value
I´ll take a look , thanks Marco On Oct 25, 1:27 pm, Web Specialist [EMAIL PROTECTED] wrote: Jorn's Form Validation could be this job with related option. Please look example page: http://jquery.bassistance.de/validate/demo-test/ and you could see relation between I'd like to receive... and Topics. Source code: topic: { required: #newsletter:checked, minLength: 2 }, Cheers Marco Antonio 2007/10/24, wattaka [EMAIL PROTECTED]: I have a set of radio buttions to select different fields in a form, how can I trigger the validation of these text fields based on the value of the radio buttons? thanks
[jQuery] Re: newbie php .get question
I have to call it with an http call and full path 127.0.0.1/js/print.php then it works fine If I call it from a static link http://127.0.0.1/js/print.php it's fine. but from same directory print.php it doesn't If there's no basic mistake in the code I guessing it's my environment == nightmare. On Oct 25, 2:20 pm, Michael Geary [EMAIL PROTECTED] wrote: That doesn't sound like something jQuery would have any control over. What do you get if you open print.php directly in a browser? From: jsnewbie Newbie here. Thanks for any help. Serving php 4.4.7 locally from Apache / mac 10.3.9 jQuery1.2.1 - php's running so I don't *think* it's an Apache/php issue. I'm trying to load dynamic variables from php but so far I get the whole script: $(document).ready(function(){ $(a).click(function() { $.get('print.php', { name: this.name, id: this.id }, function(data){ alert(Data Loaded: + data); }); return false; }); }); Alerts: ?php print (hello world); ? Instead of the hoped for 'hello world'
[jQuery] Checkboxes and radios
I'm trying to control N checkboxes, when one is selected or unselected, I need to enable/disable a radio next to the checkbox something like this: ( ) [ ] (o) [x] the marked one, turn the radio clickable I start this code $('.form-checkbox').each( function() { $('.form-checkbox:radio').attr('disabled', $(this).attr('checked')); }); It returns every checkbox, but I cant figure out how to find the radio object from each one Thanks in advance for any tip :) huge hug Feijó
[jQuery] Re: Looking for code snippet to premark input fields
Thanks, That is exactly what I was looking for ;) Regards, Samy 2007/10/25, Smith, Allex [EMAIL PROTECTED]: Try this one... it works very well. http://scott.sauyet.com/Javascript/Demo/Overlabel/ -Original Message- *From:* jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] *On Behalf Of *Samuel Vogel *Sent:* Thursday, October 25, 2007 6:35 AM *To:* jquery-en@googlegroups.com *Subject:* [jQuery] Looking for code snippet to premark input fields Hey guys, I'm on the search for an small code snippet, that does change the value of an input field to lets say put username here and clears the field, as soon as the user clicks into the field and writes to it. Does somebody have this lieing arround? so long, Samy
[jQuery] Re: Code in loop
This is the code: $(.delete).click(function(e){ var id = $(this).attr(id_delete) $(#confirm_box).css({left: e.pageX-453, top: e.pageY}) $(#confirm_box).fadeIn(300); $(#del_nao).click(function(){ $(#confirm_box).fadeOut(300); $(.delete).attr(id_delete,); }); $(#del_sim).click(function(){ alert(id); $(#del_sim).attr(id_user,id); $.ajax({ type: POST, url:../painel/kern_usuarios.php, data: id=+$(this).attr(id_user)+acao=del_user, success: function(msg){ if(msg) { $(#confirm_box).fadeOut(300) $(#answer_box).text(Usuario deletado com sucesso); $(#answer_box).fadeIn(1000, function(){ $(this).animate({opacity:1.0}, 1000, , function(){ $(this).fadeOut(1000, function(){ $($(tr).attr(id_linha)).find([EMAIL PROTECTED]+id+]).slideUp(slow); }); }); }); } else { $(#confirm_box).fadeOut(300) $(#answer_box).text(Erro ao deletar usuario); $(#answer_box).fadeIn(300); } } }); }); }); I believe that is a sintax problem...But I'm yet noob in Jquery... 2007/10/25, Glen Lipka [EMAIL PROTECTED]: Can you post a simple page that demonstrates the problem? It's easier to debug that way. Glen On 10/25/07, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: Hi there friends!!! I'm having problems with a code here using AJAX on Jquery. When I do only one click in my object, it works fine, but, when I click again in other object the previous result of id continue stored. What I have to do to solve this problem??
[jQuery] Help with dynamically loading and running Javascript
Hi, I'm trying to add some HTML to a DIV (the HTML is contained in the var data) $(#+p_id).empty().append(div class=\itemWrapper\ + data + / div); but when that HTML contains Javascript, PC IE 7 gives me syntax errors after the above call, even when the JS contains none. Here is an example of some of the HTML with JS I'm trying to load: form onsubmit=return get(this)/form table tr tdimg width=100 src=images/ roman.jpg alt= border=0/td td valign=top table trtd class=itemHeaderRoman Numerals/td/tr trtd class=itemType in a number in either form./td/tr trtd class=iteminput size=16 /td/tr trtd class=item input type=submit value=Convert/td/tr /table /td /tr /table /form script language=javascript !-- var x = 1; //-- /script I seem to be doing something that is not agreeing with IE. Does anyone have suggestions on how to successfully load this on IE? Thanks, - Dave
[jQuery] Cycle Plugin Pager Bug Fix
Hi Mike, While experimenting with the pager functionality of the cycle plugin, I noticed that the first anchor wasn't getting the activeSlide class on initial load. I did some testing and fixed it by modifying the function to this: function buildPager(els, opts) { var $p = $(opts.pager); $.each(els, function(i,o) { var $a = (typeof opts.pagerAnchorBuilder == 'function') ? $(opts.pagerAnchorBuilder(i,o)) : $('a href=#'+(i+1)+'/a'); $a.appendTo($p).bind('click',function() { opts.nextSlide = i; var p = els[0].parentNode, timeout = p.cycleTimeout; if (timeout) { clearTimeout(timeout); p.cycleTimeout = 0; } if (typeof opts.pagerClick == 'function') opts.pagerClick(opts.nextSlide, els[opts.nextSlide]); go(els,opts,1,!opts.rev); return false; }); }); if (opts.pager) $(opts.pager).find('a').filter('a:eq(0)').addClass('activeSlide'); }; I am not sure if this is the best approach, but now it works as expected. Thanks again for your hard work on this awesome plug-in. It is very versatile. -Marshall
[jQuery] jqModal and the ESC key?
Is there a way to get jqModal dialogs to hide when you hit the escape key? Thanks, Will
[jQuery] Re: Cycle Plugin Pager Bug Fix
Thanks Marshall! I'll be uploading a new release tonight and will include this fix. Cheers! Mike On 10/25/07, Marshall Salinger [EMAIL PROTECTED] wrote: Hi Mike, While experimenting with the pager functionality of the cycle plugin, I noticed that the first anchor wasn't getting the activeSlide class on initial load. I did some testing and fixed it by modifying the function to this: function buildPager(els, opts) { var $p = $(opts.pager); $.each(els, function(i,o) { var $a = (typeof opts.pagerAnchorBuilder == 'function') ? $(opts.pagerAnchorBuilder(i,o)) : $('a href=#'+(i+1)+'/a'); $a.appendTo($p).bind('click',function() { opts.nextSlide = i; var p = els[0].parentNode, timeout = p.cycleTimeout; if (timeout) { clearTimeout(timeout); p.cycleTimeout = 0; } if (typeof opts.pagerClick == 'function') opts.pagerClick(opts.nextSlide, els[opts.nextSlide]); go(els,opts,1,!opts.rev); return false; }); }); if (opts.pager) $(opts.pager).find('a').filter('a:eq(0)').addClass('activeSlide'); }; I am not sure if this is the best approach, but now it works as expected. Thanks again for your hard work on this awesome plug-in. It is very versatile. -Marshall
[jQuery] Re: [NEWS:] Learning jQuery on Slashdot!
Yeah, both of these posts are really excellent - quite exciting! --John On 10/24/07, polyrhythmic [EMAIL PROTECTED] wrote: Get ready for the onslaught... There's a quality (especially for /.) Learning jQuery book review on Slashdot. http://books.slashdot.org/article.pl?sid=07/10/24/1324211 Mod jQuery up! This is a good sign, getting approved by the firehose, and looks like good support in the comments as well. Let's rep the framework (but please, no bashing other frameworks, jQuery has no need for that.), and support a good book! Also, I noticed today a nice jQuery introduction/review at Dev.Opera: http://dev.opera.com/articles/view/jquery-write-less-do-more/ I think some of jQuery's main strengths are the well-documented code and methods, plenty of tutorials, and positive vibes. It's very accessible, and becoming more visible all the time. Go jQuery! Charles doublerebel.com
[jQuery] Re: jqModal and the ESC key?
Don't see why not - all you have to do is, when the jqModal is displayed, bind the keypress and detect they keyCode for the esc key. Here's the code I'm using: document.onkeydown = function(e){ if (e == null) { // ie keycode = event.keyCode; } else { // mozilla keycode = e.which; } if(keycode == 27){ // escape, close box tb_remove(); } else if(keycode==13) { // return, submit form signMeUp(); } document.onkeydown = function(e){ if (e == null) { // ie keycode = event.keyCode; } else { // mozilla keycode = e.which; } if(keycode == 27){ // escape, close box tb_remove(); } else if(keycode==13) { // return, submit form signMeUp(); } The full version, working mostly, is running at http://www.questmin.org/ - simply click on the 'email list' link on the bottom of the page. Hope this helps! -Toby };}; will wrote: Is there a way to get jqModal dialogs to hide when you hit the escape key? Thanks, Will
[jQuery] Re: Validating checkboxes
Can you put a class on the checkboxes? Then you can do: return $(input.myclass:checked).size(); -- Josh - Original Message - From: wattaka [EMAIL PROTECTED] To: jQuery (English) jquery-en@googlegroups.com Sent: Thursday, October 25, 2007 12:34 PM Subject: [jQuery] Validating checkboxes Hi all, how does one validate that a user checks at least one checkbox from a group of checkboxes. I have seen the example on Jörns site, but the example has the same names for all checkboxes, I cant have the same name for all checkboxes due to the backend code. Thanks
[jQuery] Re: jqModal and the ESC key?
Toby, thanks! I thought perhaps it was built into jqModal but I suppose theres nothing like rolling your own. I couldn't get it to work on your site though. :| I'll give it a whirl locally. Thanks, Will On Oct 25, 1:36 pm, Tobias Parent [EMAIL PROTECTED] wrote: Don't see why not - all you have to do is, when the jqModal is displayed, bind the keypress and detect they keyCode for the esc key. Here's the code I'm using: document.onkeydown = function(e){ if (e == null) { // ie keycode = event.keyCode; } else { // mozilla keycode = e.which; } if(keycode == 27){ // escape, close box tb_remove(); } else if(keycode==13) { // return, submit form signMeUp(); } document.onkeydown = function(e){ if (e == null) { // ie keycode = event.keyCode; } else { // mozilla keycode = e.which; } if(keycode == 27){ // escape, close box tb_remove(); } else if(keycode==13) { // return, submit form signMeUp(); } The full version, working mostly, is running athttp://www.questmin.org/ - simply click on the 'email list' link on the bottom of the page. Hope this helps! -Toby };}; will wrote: Is there a way to get jqModal dialogs to hide when you hit the escape key? Thanks, Will
[jQuery] Best regex for this, getting software version numbers
I have these strings: Firefox 2.0.0.8 (Firefox 2.0) Internet Explorer 7.0 (Internet Explorer 7.0) Googlebot 2.1 (Googlebot 2.1) Yahoo! Slurp (Yahoo! Slurp) etc. I'd like to grab everything up to a second period (if it exists). What I want is in parens next to each string. Anyone have any ideas? Andy Matthews Senior ColdFusion Developer Office: 877.707.5467 x747 Direct: 615.627.9747 Fax: 615.467.6249 [EMAIL PROTECTED] www.dealerskins.com http://www.dealerskins.com/ atte6357.bmp
[jQuery] Coming to jQuery from Prototype
Hi, I've recently posted a set of slides describing a process by process comparison between jQuery and Prototype to help developers move from one library to the other - and visa versa. I thought this would be helpful to developers so that's why I've posted here. The slides can be found here: http://remysharp.com/2007/10/25/prototype-and-jquery-going-from-one-to-the-other/ and here: http://www.slideshare.net/remy.sharp/prototype-jquery-going-from-one-to-the-other I would very much appreciate any feedback, in particular if there are any mistakes! Many thanks, Remy Sharp.
[jQuery] Re: Help: Jquery Interface Drag = Graphic Bug
No I haven't Thanks a lot for these very interesting links! I'm going to try it. On 25 oct, 13:52, Richard D. Worth [EMAIL PROTECTED] wrote: I think this may be due to the fact that, while dragging, the element doesn't have the .gps class (and therefore the style that you've defined in css). Have you tried jQuery UI's draggables? http://ui.jquery.com/http://docs.jquery.com/UI/Draggables - Richard On 10/25/07, charliend [EMAIL PROTECTED] wrote: Hello all, I'm working on Drag Drop with Interface and I have a graphic bug. When I click on a Draggable object I can make it move, but only the text which is contained move all the (Css-made) graphic disappear as soon as I make a movement with the mouse. Here is a little bit of code: In the JS file: The Html in generated by the line with Easy Dom: $(#vsmenu).append($.LI({class:gps}, $.DIV({class:sensorName,id:menu-gps1},gps1))); $(#vsmenu).append($.LI({class:gps}, $.DIV({class:sensorName,id:menu-gps2},gps2))); // Then I make LIs draggable $(.gps).Draggable( { zIndex: 1000, ghosting: true, revert: true, opacity:0.9 } ); The Html finally is: h3Virtual sensors/h3 ul id=vsmenu li class=gpsdiv id=menu-gps2 class=sensorNamegps2/div/li li class=gpsdiv id=menu-gpsvs class=sensorNamegpsvs/div/ li /ul In the CSS: .gps { display: block; padding: 5px 5px 5px 0.5em; border-left: 10px solid #FFE2BF; background-color: #FFF0DF; color: #FFA84C; text-decoration: none; width: 100%; } I try not to make the Html generated but in a file to write it directly and it worked... I mean no graphic bug. So maybe there is something with EasyDom? Or the DOM is not yet ready? I really don't know actually... Thanks you for you help. Charlie
[jQuery] Re: New Plugin: SimpleModal
On Oct 25, 8:05 am, R. Rajesh Jeba Anbiah [EMAIL PROTECTED] wrote: Very nice. But, demo's responsive time is very low (click to modal appearance takes long time) Hmm...about how long of a response time are you seeing? There are effects during the opening of the dialog, but I'm assuming that you are not talking about that. It sounds like a network or browser issue. I see from your website that you are in India, is that correct? What browser are you using? Is anyone else experiencing this issue? Thanks, Eric
[jQuery] Newbie question on hide objects
Hello everybody, I am trying to add a comment functionality to my webapp that includes a reply possibility on each comment. Like on digg for example. I am new to AJAX, but would like to take this oportunity and to jump into cold water with that task now. My goal is to use JQuery to show and hide a dialog box which contains the form to reply on the comments. Basicaly I managed to do this, but now I have a general understanding problem. Let's say there are 100 comments there and I want to have reply possiblity for each of them. Do I have to integrate the same code underneath each one? I would rather like to have a box in that is used for everyone of them. I believe this is somehow done with divs, but I do not know how. Here is my code: html head script src=/app_global/jquery-1.2.1.pack.js type=text/ javascript/script script type=text/javascript $(document).ready(function() { $('#slickbox').hide(); $('a#reply').click(function() { $('#slickbox').toggle('slow'); return false; }); }); /script /head body a href=# id=replyReply/a div id=slickboxpSpace for reply box/div p next comment /body /html I would like to place a complex reply form into the id=slickbox, but here is where the problems starts. If I do this for all 100 comments the code will be way to much to load. There must be a smarter way to achieve this. Thank you for any help on this. I am pretty much stuck here. Best regards, Merlin -- Merlin [EMAIL PROTECTED] -- http://www.fastmail.fm - Does exactly what it says on the tin
[jQuery] Method addClass is not working with MS Internet Explorer (IE) 6
I am using onclick event on input type=button to addClass, but there is no effect in IE 6, while it works fine in Mozilla and Opera browsers. I know that IE works fine with such CSS styles, since it works with my simple code without jQuery (document.getElementById('add- new-rows').className='display-table-row-group';). Please investigate. Here is the code: form input type=button name=my-button value=Add Something onclick=$('#add-new-rows').addClass('display-table-row-group');/ /form ... table tbody id=add-new-rows class=no-display tr class=display-table-row-group tdSomething/td /tr /tbody /table CSS: .no-display { display: none; } .display-table-row-group { display: table-row-group; }
[jQuery] Re: Best regex for this, getting software version numbers
Andy, can you be more specific? I'm not certain from the description exactly what string you want to extract. If you could list examples of both the original strings and the expected result strings, that would help. Also include examples of the edge cases. (Second period? Where?) -Mike _ From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Andy Matthews Sent: Thursday, October 25, 2007 2:32 PM To: jquery-en@googlegroups.com Subject: [jQuery] Best regex for this, getting software version numbers I have these strings: Firefox 2.0.0.8 (Firefox 2.0) Internet Explorer 7.0 (Internet Explorer 7.0) Googlebot 2.1 (Googlebot 2.1) Yahoo! Slurp (Yahoo! Slurp) etc. I'd like to grab everything up to a second period (if it exists). What I want is in parens next to each string. Anyone have any ideas? Andy Matthews Senior ColdFusion Developer Office: 877.707.5467 x747 Direct: 615.627.9747 Fax: 615.467.6249 [EMAIL PROTECTED] www.dealerskins.com http://www.dealerskins.com/ atte6357.bmp
[jQuery] Re: Best regex for this, getting software version numbers
I came up with this: ([a-zA-Z0-9 !]+).?([a-zA-Z0-9]+) Is there a better way to do this? _ From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Andy Matthews Sent: Thursday, October 25, 2007 4:32 PM To: jquery-en@googlegroups.com Subject: [jQuery] Best regex for this, getting software version numbers I have these strings: Firefox 2.0.0.8 (Firefox 2.0) Internet Explorer 7.0 (Internet Explorer 7.0) Googlebot 2.1 (Googlebot 2.1) Yahoo! Slurp (Yahoo! Slurp) etc. I'd like to grab everything up to a second period (if it exists). What I want is in parens next to each string. Anyone have any ideas? Andy Matthews Senior ColdFusion Developer Office: 877.707.5467 x747 Direct: 615.627.9747 Fax: 615.467.6249 [EMAIL PROTECTED] www.dealerskins.com http://www.dealerskins.com/ atte6357.bmp
[jQuery] Re: Best regex for this, getting software version numbers
Michael... The string I'd like to extract is in parentheses. But the parentheses (and their contents) are not in the original string. _ From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Michael Geary Sent: Thursday, October 25, 2007 4:39 PM To: jquery-en@googlegroups.com Subject: [jQuery] Re: Best regex for this, getting software version numbers Andy, can you be more specific? I'm not certain from the description exactly what string you want to extract. If you could list examples of both the original strings and the expected result strings, that would help. Also include examples of the edge cases. (Second period? Where?) -Mike _ From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Andy Matthews Sent: Thursday, October 25, 2007 2:32 PM To: jquery-en@googlegroups.com Subject: [jQuery] Best regex for this, getting software version numbers I have these strings: Firefox 2.0.0.8 (Firefox 2.0) Internet Explorer 7.0 (Internet Explorer 7.0) Googlebot 2.1 (Googlebot 2.1) Yahoo! Slurp (Yahoo! Slurp) etc. I'd like to grab everything up to a second period (if it exists). What I want is in parens next to each string. Anyone have any ideas? Andy Matthews Senior ColdFusion Developer Office: 877.707.5467 x747 Direct: 615.627.9747 Fax: 615.467.6249 [EMAIL PROTECTED] www.dealerskins.com http://www.dealerskins.com/ atte6357.bmp
[jQuery] Re: Method addClass is not working with MS Internet Explorer (IE) 6
.addClass() doesn't replace any existing class, it just ... adds another class. So it seems like you would have two classes. Also, beware of the IE6 multi-class bug: http://www.ryanbrill.com/archives/multiple-classes-in-ie Investigation complete?
[jQuery] Re: Best regex for this, getting software version numbers
Call me stupid. You did provide exactly the information I was asking for in my other message, I was just not paying close enough attention. D'oh! You could probably simplify the RE to this: ([^.]+).?[^.]+ -Mike _ From: Andy Matthews I came up with this: ([a-zA-Z0-9 !]+).?([a-zA-Z0-9]+) Is there a better way to do this? _ From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Andy Matthews Sent: Thursday, October 25, 2007 4:32 PM To: jquery-en@googlegroups.com Subject: [jQuery] Best regex for this, getting software version numbers I have these strings: Firefox 2.0.0.8 (Firefox 2.0) Internet Explorer 7.0 (Internet Explorer 7.0) Googlebot 2.1 (Googlebot 2.1) Yahoo! Slurp (Yahoo! Slurp) etc. I'd like to grab everything up to a second period (if it exists). What I want is in parens next to each string. Anyone have any ideas? Andy Matthews Senior ColdFusion Developer Office: 877.707.5467 x747 Direct: 615.627.9747 Fax: 615.467.6249 [EMAIL PROTECTED] www.dealerskins.com http://www.dealerskins.com/ atte6357.bmp
[jQuery] Re: Method addClass is not working with MS Internet Explorer (IE) 6
I'm guessing this is a weird css specificity issue for IE, but it's hard to tell without seeing your stylesheet. Also, you can use the DOM viewer with the IE developer toolbar to see if the class is actually being applied to the element (even if it might not appear to do so). That said, your plain JS code is *replacing* no-display with display-table-row-group while your jQuery code is simply adding the display-table-row-group class to what's there already. There are a couple ways you can replace all existing classes with a new one using jQuery. $('#add-new-rows').removeClass().addClass('display-table-row-group'); $('#add-new-rows').attr('class', 'display-table-row-group'); Hope that helps. --Karl _ Karl Swedberg www.englishrules.com www.learningjquery.com On Oct 25, 2007, at 4:22 PM, Mindjoy wrote: I am using onclick event on input type=button to addClass, but there is no effect in IE 6, while it works fine in Mozilla and Opera browsers. I know that IE works fine with such CSS styles, since it works with my simple code without jQuery (document.getElementById ('add- new-rows').className='display-table-row-group';). Please investigate. Here is the code: form input type=button name=my-button value=Add Something onclick=$('#add-new-rows').addClass('display-table-row-group');/ /form ... table tbody id=add-new-rows class=no-display tr class=display-table-row-group tdSomething/td /tr /tbody /table CSS: .no-display { display: none; } .display-table-row-group { display: table-row-group; }
[jQuery] drawing on mousemove - performance problem
Is there a way to reduce the cpu load when I do something like this (and move the pointer very fast on the screen): $(document).mousemove(function(e) { x = e.pageX; y = e.pageY; draw([x,y]); }); Something like, wait until the browser is ready ?
[jQuery] Re: Help with dynamically loading and running Javascript
Remove the HTML commenters from around the Javascript (the !-- and -- ). On Oct 25, 8:53 pm, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: Hi, I'm trying to add some HTML to a DIV (the HTML is contained in the var data) $(#+p_id).empty().append(div class=\itemWrapper\ + data + / div); but when that HTML contains Javascript, PC IE 7 gives me syntax errors after the above call, even when the JS contains none. Here is an example of some of the HTML with JS I'm trying to load: form onsubmit=return get(this)/form table tr tdimg width=100 src=images/ roman.jpg alt= border=0/td td valign=top table trtd class=itemHeaderRoman Numerals/td/tr trtd class=itemType in a number in either form./td/tr trtd class=iteminput size=16 /td/tr trtd class=item input type=submit value=Convert/td/tr /table /td /tr /table /form script language=javascript !-- var x = 1; //-- /script I seem to be doing something that is not agreeing with IE. Does anyone have suggestions on how to successfully load this on IE? Thanks, - Dave
[jQuery] Re: Checkboxes and radios
Need a bit more information! If you don't show us some HTML it's a bit difficult to second guess the relationship between checkbox and radio. On Oct 25, 8:34 pm, Alessandro Feijó [EMAIL PROTECTED] wrote: I'm trying to control N checkboxes, when one is selected or unselected, I need to enable/disable a radio next to the checkbox something like this: ( ) [ ] (o) [x] the marked one, turn the radio clickable I start this code $('.form-checkbox').each( function() { $('.form-checkbox:radio').attr('disabled', $(this).attr('checked')); }); It returns every checkbox, but I cant figure out how to find the radio object from each one Thanks in advance for any tip :) huge hug Feijó
[jQuery] Re: New Plugin: SimpleModal
I think he's referring to the queuing and duration of the fade effects. First the overlay fades in, the the modal fades in... start to finish it's more than a full second from the moment the trigger was clicked. Your fade durations are set to 'slow'. I haven't played with it yet, but from what I read those can be configured, which would make it appear snappier. - b On Oct 25, 4:14 pm, Eric Martin [EMAIL PROTECTED] wrote: On Oct 25, 8:05 am, R. Rajesh Jeba Anbiah [EMAIL PROTECTED] wrote: Very nice. But, demo's responsive time is very low (click to modal appearance takes long time) Hmm...about how long of a response time are you seeing? There are effects during the opening of the dialog, but I'm assuming that you are not talking about that. It sounds like a network or browser issue. I see from your website that you are in India, is that correct? What browser are you using? Is anyone else experiencing this issue? Thanks, Eric
[jQuery] Re: ie and firefox browser test
jQuery provides the following booleans jQuery.browser.msie or jQuery.browser.mozilla Is this considered bad practice and if so how might you do it better? That really depends on why you're doing it. If you want it to be different then go ahead. If you just can't get it to be the same without making it different then I would suggest that looking at your doctype, markup and styles might have solved it ... but it usually takes a lot of effort! (And very occasionally it can't be solved!) On Oct 25, 7:57 pm, cfdvlpr [EMAIL PROTECTED] wrote: Maybe this is best done with server side code such as this in Coldfusion? cfif CGI.HTTP_USER_AGENT contains 'msie' On Oct 25, 10:48 am, cfdvlpr [EMAIL PROTECTED] wrote: I want to test if the browser is ie or firefox and then set the width and height of a thickbox differently depending on this. Is this considered bad practice and if so how might you do it better?
[jQuery] Re: jqModal and the ESC key?
document.onkeydown = function(e){ if (e == null) { // ie keycode = event.keyCode; } else { // mozilla keycode = e.which; } if(keycode == 27){ // escape, close box $(.jqmWindow).jqmHide(); } }; Worked perfectly. Thanks!
[jQuery] Re: Lookup doesn't work within HTML loaded with .load()
.load is asynchronous, which means that it returns (and the next statement is executed) before it finishes loading. So $(#left).load(test.html); starts loading #left with test.html but $(#left).css(border,1px solid red); executes within milliseconds, and test.html probably hasn't come back from the server yet. You need to use a callback ( http://docs.jquery.com/Ajax/load#urldatacallback ): $(#left).load(test.html, function(){ $(#left).css(border,1px solid red); etc. }); That ought to work! Danny Sagari-2 wrote: Greetings, I have a nasty surprise: jQuery (1.2.1) won't access DOM elements that have been inserted via .load() function. Example: index.html: --- !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN DTD/ xhtml1-transitional.dtd htmlheadtitleTest/title script type=text/javascript src=jquery.js/script script type=text/javascript src=test.js/script /headbody div id=left style=float: left; width: 30% Left /div div id=left style=float: right; width: 69% Right /div /body /html test.js: - $(document).ready(prolog); function prolog() { $(#left).load(test.html); $(#left).css(border,1px solid red); $(#test).css(border,1px solid green); $(#left #test).css(border,1px solid green); } test.html: - div id=test Test /div After I load the index.html, I expect to see the #left div containing the test.html content; with #left with red border and #test with green. However, #test has no green border; in fact, I can't at all address the newly loaded HTML part, as it were not exist at all. I tried two kidns of addressing (in the test.js above) with no effect. How can I address the HTMl loaded via .load() function? Thanks. All the best, Konstantin -- View this message in context: http://www.nabble.com/Lookup-doesn%27t-work-within-HTML-loaded-with-.load%28%29-tf4692256s27240.html#a13417814 Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: each loop selects to much
$(#testtable tr).each(function(t){ That selector says to select any tr that is a descendant of #testtable. And it did! The tr in nested tables are descendants of the original table too, but they're not direct children. If you just want the tr elements in the outer table, try a selector like this: #testtable tbody tr Even if you don't have a tbody in your markup it's implicit, but it's a good idea to put the tbody in there anyway.
[jQuery] Re: jqModal and the ESC key?
document.onkeydown = function(e){ if (e == null) { // ie keycode = event.keyCode; } else { // mozilla keycode = e.which; } if(keycode == 27){ // escape, close box $(.jqmWindow).jqmHide(); } }; You may as well use jQuery for that. :-) $(document).keydown( function( e ) { if( e.which == 27) { // escape, close box $(.jqmWindow).jqmHide(); } }); -Mike
[jQuery] Re: Delaying the Hide Effect
On Oct 25, 10:21 am, Snooze [EMAIL PROTECTED] wrote: Hi, I have hidden text that appears whenever someone hovers over an image in my table. And I want it to disappear 5 seconds after they stop hovering over the image. Here's my untested attempt: $(document).ready(function(){ $('div.hidden').hide(); $('img.hidden').hover(function(){ clearTImeout(this._hider_); $(this).next('div.hidden').show(); }, function(){ var elem = this; this._hider_ = setTimeout(function(){ $(elem).next('div.hidden').hide(); }, 5000); }); }); In case I messed something up, the problem I was trying to solve here with setTimeout/clearTimeout is that you don't want a delayed hide event to kick in if you mouse back over the same element. It might be possible to do this more elegantly with the .pause()/.unpause() plugin and effects.
[jQuery] Re: Delaying the Hide Effect
There is a hoverIntent plugin that really helps with this sort of thing. Glen On 10/25/07, Dave Methvin [EMAIL PROTECTED] wrote: On Oct 25, 10:21 am, Snooze [EMAIL PROTECTED] wrote: Hi, I have hidden text that appears whenever someone hovers over an image in my table. And I want it to disappear 5 seconds after they stop hovering over the image. Here's my untested attempt: $(document).ready(function(){ $('div.hidden').hide(); $('img.hidden').hover(function(){ clearTImeout(this._hider_); $(this).next('div.hidden').show(); }, function(){ var elem = this; this._hider_ = setTimeout(function(){ $(elem).next('div.hidden').hide(); }, 5000); }); }); In case I messed something up, the problem I was trying to solve here with setTimeout/clearTimeout is that you don't want a delayed hide event to kick in if you mouse back over the same element. It might be possible to do this more elegantly with the .pause()/.unpause() plugin and effects.
[jQuery] Re: Delaying the Hide Effect
On Oct 25, 8:07 pm, Glen Lipka [EMAIL PROTECTED] wrote: There is a hoverIntent plugin that really helps with this sort of thing. That definitely looks schweet, Glen! I vaguely remember that plugin being announced but didn't need it at the time. It certainly looks like it could handle this situation.
[jQuery] Google Analytics Tracking With jQuery
I've been working on a jQuery plugin to simplify the process of adding Google Analytics tracking to a page. The bulk of the code came together pretty quickly, but I've run into a strange snag that's kept me from finishing it off. Here's what the plugin is intended to do: - Determine whether to include the SSL or non-SSL version of the GA script. - Include the GA script (currently urchin.js, soon to be replaced by ga.js) from within try/catch to help suppress any issues GA may have from time to time. - Set the _uacct variable to your GA tracking code. - Call the urchinTracker() function once for the initial page load. - Examine all of the links on the page and attach onclick events to: - External links. - Mailto links. - Downloads. - Call urchinTracker() when these links are clicked, prefixing them appropriately. In addition to the tracking code, the prefixes used for each of the link types above, as well as the extensions considered downloadable files are configurable by the user. Using tools like Firebug and Live HTTP Headers in Firefox, I have pretty much determined that all of the above is indeed happening exactly as intended. I see the requests for urchin.js and _utm.gif go out to Google on the initial page load, and another request for _utm.gif for each click, and Google responds with a 200 OK. The appropriate cookies get set, etc. I haven't picked apart every single item in the query string attached to each call, but the few pieces I understand well enough to verify appear to be correct. Yet, the hits don't appear in my GA account. I posted to the Analytics Troubleshooting group and got a few replies, but it's still a mystery to me. I think this would be a pretty handy plugin, so I'm hoping someone out there can figure out what's going on, or at least confirm with their own GA accounts whether tracking is working or not for them. If you are interested, you can grab the plugin here: http://dev.corefive.net/jquery/jquery.gaTracker.js It requires jQuery 1.2 or higher for the cross-domain $.getScript() call. Usage is simply: $.gaTracker('UA-X-XX'); Or you can specify options like so: $.gaTracker( 'UA-X-XX', { external: '/external/', mailto: '/mailto/', download: '/downloads/', extensions: [ 'pdf','doc','xls','csv','jpg','gif', 'mp3', 'swf','txt','ppt','zip','gz','dmg','xml' ] } ); Suggestions appreciated! Thanks, Jason
[jQuery] Re: Coming to jQuery from Prototype
Good slides, I like - but for whom? not sure. Now I have a better idea about prototype and comparible features, providing me some incentive to explore prototype. I love jQuery, but its QA, in particular consistent x-browser behavior is something to keeps bothering me. Anyway, the slides only shows what is equivalent. You don't have the differences which I think that was stated in your theme paragraph of what JR wanted to see. -- On Oct 25, 5:33 pm, Remy Sharp [EMAIL PROTECTED] wrote: Hi, I've recently posted a set of slides describing a process by process comparison between jQuery and Prototype to help developers move from one library to the other - and visa versa. I thought this would be helpful to developers so that's why I've posted here. The slides can be found here: http://remysharp.com/2007/10/25/prototype-and-jquery-going-from-one-t... and here: http://www.slideshare.net/remy.sharp/prototype-jquery-going-from-one-... I would very much appreciate any feedback, in particular if there are any mistakes! Many thanks, Remy Sharp.
[jQuery] Re: Best regex for this, getting software version numbers
That's better than mine (or at least shorter). Thanks! _ From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Michael Geary Sent: Thursday, October 25, 2007 4:52 PM To: jquery-en@googlegroups.com Subject: [jQuery] Re: Best regex for this, getting software version numbers Call me stupid. You did provide exactly the information I was asking for in my other message, I was just not paying close enough attention. D'oh! You could probably simplify the RE to this: ([^.]+).?[^.]+ -Mike _ From: Andy Matthews I came up with this: ([a-zA-Z0-9 !]+).?([a-zA-Z0-9]+) Is there a better way to do this? _ From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Andy Matthews Sent: Thursday, October 25, 2007 4:32 PM To: jquery-en@googlegroups.com Subject: [jQuery] Best regex for this, getting software version numbers I have these strings: Firefox 2.0.0.8 (Firefox 2.0) Internet Explorer 7.0 (Internet Explorer 7.0) Googlebot 2.1 (Googlebot 2.1) Yahoo! Slurp (Yahoo! Slurp) etc. I'd like to grab everything up to a second period (if it exists). What I want is in parens next to each string. Anyone have any ideas? Andy Matthews Senior ColdFusion Developer Office: 877.707.5467 x747 Direct: 615.627.9747 Fax: 615.467.6249 [EMAIL PROTECTED] www.dealerskins.com http://www.dealerskins.com/ atte6357.bmp
[jQuery] docs.jquery.com - display issues in Opera
There are some display issues in the jQuery documentation with Opera. On http://docs.jquery.com/Selectors for example, below each heading there is a huge gap to the list of functions/selectors. From a quick glance at the HTML it seems there are many instances of paragraph and line break tags between the table rows. http://validator.w3.org/check?uri=http%3A%2F%2Fdocs.jquery.com%2FSelectors might be an indication that something's not right ;) I don't know if this is the best place to post this, but just thought you guys would like to know :)
[jQuery] Re: New Plugin: SimpleModal
Nice, but it doesn't work under FireFox. Started IE and I was able to see the demo. Let me try Opera. Slow, but it worked. Good for your first plugin once you get the X-Browser issues resolved. :-) -- HLS On Oct 25, 5:14 pm, Eric Martin [EMAIL PROTECTED] wrote: On Oct 25, 8:05 am, R. Rajesh Jeba Anbiah [EMAIL PROTECTED] wrote: Very nice. But, demo's responsive time is very low (click to modal appearance takes long time) Hmm...about how long of a response time are you seeing? There are effects during the opening of the dialog, but I'm assuming that you are not talking about that. It sounds like a network or browser issue. I see from your website that you are in India, is that correct? What browser are you using? Is anyone else experiencing this issue? Thanks, Eric
[jQuery] Re: Google Analytics Tracking With jQuery
Very cool! This seems quite useful. Do you have any examples it in action? --John On 10/25/07, jason [EMAIL PROTECTED] wrote: I've been working on a jQuery plugin to simplify the process of adding Google Analytics tracking to a page. The bulk of the code came together pretty quickly, but I've run into a strange snag that's kept me from finishing it off. Here's what the plugin is intended to do: - Determine whether to include the SSL or non-SSL version of the GA script. - Include the GA script (currently urchin.js, soon to be replaced by ga.js) from within try/catch to help suppress any issues GA may have from time to time. - Set the _uacct variable to your GA tracking code. - Call the urchinTracker() function once for the initial page load. - Examine all of the links on the page and attach onclick events to: - External links. - Mailto links. - Downloads. - Call urchinTracker() when these links are clicked, prefixing them appropriately. In addition to the tracking code, the prefixes used for each of the link types above, as well as the extensions considered downloadable files are configurable by the user. Using tools like Firebug and Live HTTP Headers in Firefox, I have pretty much determined that all of the above is indeed happening exactly as intended. I see the requests for urchin.js and _utm.gif go out to Google on the initial page load, and another request for _utm.gif for each click, and Google responds with a 200 OK. The appropriate cookies get set, etc. I haven't picked apart every single item in the query string attached to each call, but the few pieces I understand well enough to verify appear to be correct. Yet, the hits don't appear in my GA account. I posted to the Analytics Troubleshooting group and got a few replies, but it's still a mystery to me. I think this would be a pretty handy plugin, so I'm hoping someone out there can figure out what's going on, or at least confirm with their own GA accounts whether tracking is working or not for them. If you are interested, you can grab the plugin here: http://dev.corefive.net/jquery/jquery.gaTracker.js It requires jQuery 1.2 or higher for the cross-domain $.getScript() call. Usage is simply: $.gaTracker('UA-X-XX'); Or you can specify options like so: $.gaTracker( 'UA-X-XX', { external: '/external/', mailto: '/mailto/', download: '/downloads/', extensions: [ 'pdf','doc','xls','csv','jpg','gif', 'mp3', 'swf','txt','ppt','zip','gz','dmg','xml' ] } ); Suggestions appreciated! Thanks, Jason
[jQuery] Re: New Plugin: SimpleModal
Ok, I checked into it and I have the FireFox NOSCRIPT plugin. Just too dangerous out there to willy nilly allow all sites use Javascript. So I turn it on on a site by site basis. NOSCRIPT puts alittle clickable icon in the status bar telling me which sites the current page is trying to reach for javascript. I normally just temporarily turn it on for the DEMO site in question only, like your site, but your DEMO download requirements also required googlecode.com which was also blocked. Once I turn that site on your demo worked under firefox as well. Anyway, other than fine tuning the speed, it worked very well. -- HLS On Oct 25, 9:12 pm, Pops [EMAIL PROTECTED] wrote: Nice, but it doesn't work under FireFox. Started IE and I was able to see the demo. Let me try Opera. Slow, but it worked. Good for your first plugin once you get the X-Browser issues resolved. :-) -- HLS On Oct 25, 5:14 pm, Eric Martin [EMAIL PROTECTED] wrote: On Oct 25, 8:05 am, R. Rajesh Jeba Anbiah [EMAIL PROTECTED] wrote: Very nice. But, demo's responsive time is very low (click to modal appearance takes long time) Hmm...about how long of a response time are you seeing? There are effects during the opening of the dialog, but I'm assuming that you are not talking about that. It sounds like a network or browser issue. I see from your website that you are in India, is that correct? What browser are you using? Is anyone else experiencing this issue? Thanks, Eric