[jQuery] Re: setting a dynamic variable
This may be easier if you forget about jQuery for a moment and just think about JavaScript. Note that the argument you're passing to $() is a string. What if you used alert() instead? Now how would you do it? function my_function(panel_id) { alert( '#--- .container' ); } You want to somehow make a string to pass into the alert() function that has three strings concatenated together: '#' panel_id ' .container' How would you concatenate those three strings in JavaScript code, so that the alert() would display the desired result? Tip: http://www.google.com/search?q=javascript+concatenate+strings -Mike From: macsig Hello guys, I have found a script that works fine for me but I'd like to make it reusable but I have an issue with that. On the script I have something like function my_function() { var $container = $('#panel .container'); ... } and I'd like to pass the id (panel in this case) as a parameter like in the example below: function my_function(panel_id) { var $container = $('#--- .container'); ... } How can I achieve my goal? Thanks and have a nice day. Sig
[jQuery] Re: UI Tabs and xStandard Object
Could you try this? http://docs.jquery.com/UI/Tabs#...my_slider.2C_Google_Map.2C_sIFR_etc._not_work_when_placed_in_a_hidden_.28inactive.29_tab.3F --Klaus On 19 Jul., 15:25, blackmeta...@googlemail.com blackmeta...@googlemail.com wrote: Hi I seem to have found the following bug. (I am using the the latest versions of all products mentioned) When using jQuery UI Tabs with the following code in one tab, I then select another tab then selected the first tab again the content of the xStandard object is lost or reverts to the initial value. All other form values on the tab are sill preserved as expected. object type=application/x-xstandard id=editor1 width=100% height=550 codebase=http://xxx/XStandard/ XStandard.cab#Version=2,0,0,0 name=content param name=Value value=enter text / /object The object also flickers a bit when scrolling the page. I have encountered these problems in Firefox and Chrome so far but is fine in IE8. Not sure if this is a UI or Browser bug. Can anyone shed some light on this problem as I don't really what to have to recommend IE8. Cheers
[jQuery] Re: li/img click and window.keydown
Up ! On 17 juil, 22:47, Lideln lid...@gmail.com wrote: Up ! :) On 16 juil, 22:32, Lideln lid...@gmail.com wrote: up On 16 juil, 08:10, Lideln lid...@gmail.com wrote: up ! (wow, this forum gets 10 new posts per hour) On 15 juil, 21:52, Lideln lid...@gmail.com wrote: Hi everybody ! I have a jqModal window, and I would like to close it using the ESC key. For that purpose, I assign my modal a keydown() event, and if keyCode == 27, I close the modal. It works fine, except when I click on another element in the modal first I have to press 2 times ESC : the first time removes the focus from the element, the second time goes through my listener and closes the modal. In my modal , I have an ul/li list, each li containing an img (for the purpose of an image gallery). When I click on an image (or li ?), I have to press twice ESC to close the modal. I tried to add a $(this).blur() in the li click() event, and also I tried to put that in the img click event, but without success... Does somebody know why it is doing that, and how to fix it, please ? Thanks a lot !
[jQuery] Re: UI Tabs and xStandard Object
Hi, This did not seem to work. The tab in question is the first tab so is not hidden when the page loads. Thanks On Jul 20, 7:26 am, Klaus Hartl klaus.ha...@googlemail.com wrote: Could you try this?http://docs.jquery.com/UI/Tabs#...my_slider.2C_Google_Map.2C_sIFR_etc... --Klaus On 19 Jul., 15:25, blackmeta...@googlemail.com blackmeta...@googlemail.com wrote: Hi I seem to have found the following bug. (I am using the the latest versions of all products mentioned) When using jQuery UI Tabs with the following code in one tab, I then select another tab then selected the first tab again the content of the xStandard object is lost or reverts to the initial value. All other form values on the tab are sill preserved as expected. object type=application/x-xstandard id=editor1 width=100% height=550 codebase=http://xxx/XStandard/ XStandard.cab#Version=2,0,0,0 name=content param name=Value value=enter text / /object The object also flickers a bit when scrolling the page. I have encountered these problems in Firefox and Chrome so far but is fine in IE8. Not sure if this is a UI or Browser bug. Can anyone shed some light on this problem as I don't really what to have to recommend IE8. Cheers
[jQuery] Get the value of the option elements
Hello, The following code below doesn't seem to give the expected result: $('#aUsers option:selected').each(function() { console.log('user: ' + $(this).val()); }); It will display the empty string. -- View this message in context: http://www.nabble.com/Get-the-value-of-the-option-elements-tp24566521s27240p24566521.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] any plugin for twitter+flickr+fb+delicious+tagged
Hi there is there any one single plugin that can handle twitter, facebook, flickr, delicious, tagged etc? Something like http://amplifeeder.com/ i have seen plugins specifically for twitter or flicker etc, but is there one single plugin that can handle everything? Any response is highly appreciated Thanks Vru
[jQuery] Re: Get the value of the option elements
Uhm ... for some obscure reason I got it working now ... debussy007 wrote: Hello, The following code below doesn't seem to give the expected result: $('#aUsers option:selected').each(function() { console.log('user: ' + $(this).val()); }); It will display the empty string. -- View this message in context: http://www.nabble.com/Get-the-value-of-the-option-elements-tp24566521s27240p24566693.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: Bug jQuery 1.3.2 FF3.5 - $(input[name=''])
Thanks, will try it when i have a chance to install FF3.5 again On Jul 17, 8:22 pm, MorningZ morni...@gmail.com wrote: i wonder if this would work $(input, textarea).not([name]).each() . On Jul 17, 9:58 am, false falseconversati...@gmail.com wrote: This code used to work before i upgraded to FF3.5. Is there any other way to achive the same thing? $(input[name=''],textarea[name='']).each(function(i) { this.name = this.id; });
[jQuery] Re: li/img click and window.keydown
show us you script and stop bumping so often. Lideln wrote: Up ! On 17 juil, 22:47, Lideln lid...@gmail.com wrote: Up ! :) On 16 juil, 22:32, Lideln lid...@gmail.com wrote: up On 16 juil, 08:10, Lideln lid...@gmail.com wrote: up ! (wow, this forum gets 10 new posts per hour) On 15 juil, 21:52, Lideln lid...@gmail.com wrote: Hi everybody ! I have a jqModal window, and I would like to close it using the ESC key. For that purpose, I assign my modal a keydown() event, and if keyCode == 27, I close the modal. It works fine, except when I click on another element in the modal first I have to press 2 times ESC : the first time removes the focus from the element, the second time goes through my listener and closes the modal. In my modal , I have an ul/li list, each li containing an img (for the purpose of an image gallery). When I click on an image (or li ?), I have to press twice ESC to close the modal. I tried to add a $(this).blur() in the li click() event, and also I tried to put that in the img click event, but without success... Does somebody know why it is doing that, and how to fix it, please ? Thanks a lot !
[jQuery] TableFilter Issue
Hi Folks, i am using table filter. http://ideamill.synaptrixgroup.com/jquery/tablefilter/tabletest.htm i want to disable the Menu option...how to do this. Regards, Bharath
[jQuery] Possible bug in appending scripts: works under FF3, doesn't with IE7?
Hello, theoretically the following two web pages should be equivalent, and indeed they are under Firefox3, but IE7 fails miserably in rendering the second version. The included script is a simple public script provided by the hotel review site trivago.com that shows a specific hotel's current rating, for hoteliers to include in their personal website. Is it a bug in jquery's way of appending scripts? Am I missing something? !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 titleIE7 test/title /head bodyscript src=http://www.trivago.com/certificate.php? amp;item=45453/script div id=trivago_certificate_45453_0 class=layout_5 a href=http://www.trivago.com/sorrento-45511/ hotelHotel /a/div/body/html !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 titleIE7 test/title script type=text/javascript src=jquery.js/script script type=text/javascript $(document).ready(function () { $('body').html('script src=http://www.trivago.com/ certificate.php?amp;item=45453\074/script div id=trivago_certificate_45453_0 class=layout_5 a href=http:// www.trivago.com/sorrento-45511/hotelHotel /a/div'); }); /script /headbody/body/html
[jQuery] Re: Could REALLY use some help implementing a slider/carousel. I think I am really close!
you keep focusing effort on the DIV wrapping the slider, but the not the UL which is the first block level parent of the slider images. I'm not sure why overflow on div not working but I would attack the UL with float, height, overflow etc. With those huge images and therefore very slow load times whatever you do it will take a while for slider script to run on load. Alan wrote: Tried that...still same result. On Jul 19, 7:47pm, Glazz brunofgas...@live.com.pt wrote: Hmm i tried to replicate that on my server but whithout success... You can try what i've mentioned in my previous post, display: none; like this: HTML: div id="slider" align="center" style="display: none;" JS: Add this $('#slider').css({'display' : 'block'}); After this.each(function() { It will look like this: this.each(function() { $('#slider').css({'display' : 'block'}); Try it please... On 20 Jul, 02:25, Alan alanblackf...@gmail.com wrote: I can show css or slider code if it helps. Slider CSS below -- @charset "utf-8"; /* CSS Document */ #slidercontent{ position:relative; } #slidercontainer{ margin:0 auto; position:relative; text-align:left; width:896px; background:#fff; margin-bottom:2em; } /* clearfix */ #slidercontent:after, ul:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } #slidercontent, ul{ display:block; } /* \*/ #slidercontent, ul{ min-height:1%; } * html #slidercontent, * html ul{ height:1%; } /* // clearfix */ /* image replacement */ .graphic, #header h1, #prevBtn, #nextBtn{ margin:0; padding:0; display:block; overflow:hidden; text-indent:-8000px; } /* // image replacement */ /* Easy Slider */ #slider{} #slider ul, #slider li{ margin:0; padding:0; list-style:none; } #slider li{ /* define width and height of list item (slide) entire slider area will adjust according to the parameters provided here */ width:896px; height:171px; overflow:hidden; } #prevBtn, #nextBtn{ display:block; width:30px; height:77px; position:absolute; left:-30px; top:41px; } #nextBtn{ left:896px; } #prevBtn a, #nextBtn a{ display:block; width:30px; height:77px; background:url(/includes/sliders/images/btn_prev.gif) no-repeat 0 0; } #nextBtn a{ background:url(/includes/sliders/images/btn_next.gif) no-repeat 0 0; } /* // Easy Slider */ Actual Slider Code - (function($) { $.fn.easySlider = function(options){ // default configuration properties var defaults = { prevId: 'prevBtn', prevText:'', nextId: 'nextBtn', nextText:'', controlsShow: true, controlsBefore: '', controlsAfter: '', controlsFade: true, firstId:'firstBtn', firstText: 'First', firstShow: false, lastId: 'lastBtn', lastText:'Last', lastShow:false, vertical:false, speed: 800, auto: false, pause: 4000, continuous: false }; var options = $.extend(defaults, options); this.each(function() { var obj = $(this); var s = $("li", obj).length; var w = $("li", obj).width(); var h = $("li", obj).height(); obj.width(w); obj.height(h); obj.css("overflow","hidden"); var ts = s-1; var t = 0; $("ul", obj).css('width',s*w); if(!options.vertical) $("li", obj).css('float','left'); if(options.controlsShow){ var html = options.controlsBefore; if(options.firstShow) html += 'span id="'+ options.firstId +'"a href="" class="moz-txt-link-rfc2396E" href="_javascript_:void(0);\">"_javascript_:void(0);\"'+ options.firstText +'/a/span'; html += ' span id="'+ options.prevId +'"a href="" class="moz-txt-link-rfc2396E"
[jQuery] Re: jcarousel - malware-adware?
set your dimensions as in the stylesheet included in the documentation. http://sorgalla.com/projects/jcarousel/lib/jquery.jcarousel.css 2009/7/19 icpep icpep@gmail.com MorningZ wrote: It's called a false positive... where Spybot *thinks* it's something malicious, but it isn't... if it's really that much a concern to you, and in no should it, then i would suggest not using the plugin On Jul 19, 11:18 am, gauthier2022 gauthier2...@gmail.com wrote: I had malware/adware two days ago. Scanned with Spybot search and destroy but now mybrowsers are slow (IE and Firefox) plus i get a window saying: jcarousel No width/height set for items. Tjis will cause an infinite loop. What caused this and how do i correct the problem? Thanks to the good soul who helps me out...! Jean-Pierre gauthier2...@sympatico.ca If you really needed the plugin then you can uninstall the spybot or either way. Like what the spybot suggest there is an infinite loop which is causing the slowing down of your computer. Try also looking for the width and height and set some values.
[jQuery] Json GET Method
Am trying to access a restful service through jquery. Could any one provide me with sample code how to make a GET request which will consume json data returned by the service. am a total newbie. any help wil be appricitd. Jayz
[jQuery] Re: Json GET Method
the official documentation is a great place to start http://docs.jquery.com/Ajax/jQuery.getJSON#urldatacallback that method will make a GET call and automatically parse the returned data as JSON On Jul 20, 7:21 am, jayz sharmaa...@gmail.com wrote: Am trying to access a restful service through jquery. Could any one provide me with sample code how to make a GET request which will consume json data returned by the service. am a total newbie. any help wil be appricitd. Jayz
[jQuery] Re: Json GET Method
am talking about Function(data) content how to play with json data , thats what i want to know . As am not able to understand with the flicker example. *function(data){ $.each(data.items, function(i,item){ $(img/).attr(src, item.media.m).appendTo(#images); if ( i == 3 ) return false; }); });* On Mon, Jul 20, 2009 at 5:30 PM, MorningZ morni...@gmail.com wrote: the official documentation is a great place to start http://docs.jquery.com/Ajax/jQuery.getJSON#urldatacallback that method will make a GET call and automatically parse the returned data as JSON On Jul 20, 7:21 am, jayz sharmaa...@gmail.com wrote: Am trying to access a restful service through jquery. Could any one provide me with sample code how to make a GET request which will consume json data returned by the service. am a total newbie. any help wil be appricitd. Jayz -- Ajay Sharma
[jQuery] Re: Can't change padding using animate() in IE
buy cheap designer bags here http://www.px78.com/Handbags/ On Jul 20, 6:38 am, djeyewater showerhead...@hotmail.com wrote: I have a function that resizes an image (imgCur) and changes its padding when a new image (img) is loaded like so: img.onload = function(){ var t = this; //Animate current image to new image size imgCur.animate({ width: t.width, height: t.height, padding: 20px 25px }, 750).attr(src, img.src); } Which works fine in FF, Opera and Chrome. But in IE6, 7 8 it doesn't like changing the padding, and I get an error at line 835 in jquery-1.3.2.js, which is: style.left = ret || 0; If I check in the IE Script debugger, ret has the value 40px 50px, which obviously isn't a valid value for style.left. 40px 50px is the padding of imgCur that is set in the CSS file. But why is jQuery trying to set the CSS left property of imgCur to its current padding?
[jQuery] Re: click treeview and then jqgrid refresh?
You can use: $(#grid_id).trigger(reloadGrid); it reloads grid with grid params that may be changed by browser user ( sorting name, page number), so if you want a full refresh or need changed options on grid , you may need to use something like this: $(#grid_id).setGridParam(default_parameters).trigger(reloadGrid); it's described on documentation, see: Basic Grids Methods section On Jul 2, 5:38 pm, ljnet ljnet.m...@gmail.com wrote: how to let the jqgrid refresh? without page reloading. does jqgrid have such a method? how to call it? Thanks in advance.
[jQuery] Re: setting a dynamic variable
Hi Mike and sig, Nice explanation ... function my_function(panel_id) { alert( '#-'+panel_id+' .container' ); } I hope that will work for you. Regards Umair Shahid
[jQuery] Re: setting a dynamic variable
Hi Sig, you can achieve that by function my_function(panel_id) { var $container = $(#+panel_id+ .container'); ... } Hope that will work for you . Regards Umair On Jul 20, 11:35 am, macsig sigbac...@gmail.com wrote: Hello guys, I have found a script that works fine for me but I'd like to make it reusable but I have an issue with that. On the script I have something like function my_function() { var $container = $('#panel .container'); ... } and I'd like to pass the id (panel in this case) as a parameter like in the example below: function my_function(panel_id) { var $container = $('#--- .container'); ... } How can I achieve my goal? Thanks and have a nice day. Sig
[jQuery] Re: JQuery XML and FusionCharts
yes, a sample implementation would do great. btw, what messages do you get if you run FusionCharts when debugMode is enabled? On Jul 17, 6:32 pm, JD odonovan.jo...@gmail.com wrote: Hi guys, I have an AJAX request which passes back some xml data, at the moment I am only interested in one of the nodes, so I do var onlyChartData = jData.find (chart); This appears to work fine as I can $(xmldiv).append (onlyChartData); and it's appends it to the div. However I cannot alert the data from onlyChartData, using .text or anything. I'm using FF. This leads me on to my next problem. I am using FusionCharts, and for some reason whatever when I call setDataXML or UpdateChartXML on a fusion Chart I am getting invalid data. I have checked the xml from the div and it is fine if loaded seperately by Fusion Charts. Any ideas would be helpful. Thanks JD
[jQuery] switchClass not working on BODY
Hi, I am trying to change the class of body using switchClass, and it is not working. AddClass and removeClass are working just fine. Anyone has a solution for that?
[jQuery] maxlength with jQuery FCKeditor 1.30
i need help. here is the problem script type=text/javascript src=http://ajax.googleapis.com/ajax/ libs/jquery/1.3.2/jquery.min.js/script script type=text/javascript src=/js/jquery.FCKEditor.js/script //Rick Text 編輯器 $(function(){ $('#comment_content').fck({path: '/js/fckeditor/',toolbar: 'Comment',height:'300'}); }); when i use jquery.FCKEditor.js i want to add maxlength but i can't find where to add this.maxlength=500; this method not like oFCKeditor =new fckeditor(); oFCKeditor.config['maxlength']=500; don't work with jquery.FCKEditor.js please help
[jQuery] Re: Superfish - open menu with ENTER key
Yes, The keyboard navigation needs to be drastically improved. I love this plugin, but let's think about the navigation. I use primarily keyboard navigation to navigate around my OS/the web. I chose mac os x because of it's awesome menu navigation (OS.) Mac has quite a nice menu navigation. In order to see what I'm talking about, you would have to go into your keyboard settings in Mac, and map whatever you want to move focus to menu bar. Then when you press that key combo, the menu becomes in focus (just like when a top level menu tab becomes in focus and NOT expanded.) At this point, nothing is expanded but the top level menu is focused. Also, at this point, before expansion, you can still tab (and shift tab to go backwards, sometime fish is missing) WITHOUT expanding anything.. THIS is powerful.. What if the user wants to go the the very last tab and expand it. It is phyically painful for many people to have to go through all of the menu items in every sub menu just to get to the last menu. So the solution is to do what mac os x does (when you have that cool key combo mapped.) You allow tabbing and shift+tabbing through the top level menu, and then pressing enter expands the list. Now.. I KNOW from personal experience that this feature would need to be added to superfish to make the plugin truly accessable. But there is one question.. Once the menu is expanded, how do you navigate the menu, and switch to a DIFFERENT menu? I like the mac approach. Once in expanded menu mode, pressing tab doesn't go through each item in that menu, but rather tab switches to the next menu and expands it.. Try it out for yourself.. In order to select the item in the currently expanded menu you need to either use the arrow keys, or even better, you just simply TYPE the text of the item you want focused! Then you click enter once what you want is focused! So cool! Can we please make this mimic the mac behavior? I would be in web heaven. Please let me know what I can do to help, my js skills are weak at best, but I want to make the web more usable for people with disabilities. Please help me out superfish dev :) On May 25, 12:35 pm, Raul G whal...@gmail.com wrote: Hello I am usingSuperfish1.4.8 for making akeyboardaccessible menu with sub levels that open only when the user has tabbed to the option (focus is active on the element) and then presses the ENTER key. The reason for this is that this is intended for browsing with screen reader applications that will get confused if the sub level opens automatically, it needs to be done until the user requests it. Is there any way to use the click event instead of focus to open the menu? I am thinking about this line: $a.eq(i).focus(function(){over.call($li);}).blur(function(){out.call ($li);}); and tried modifying it using click instead of focus but the blur events starts working strange like closing the whole menu when the first option loses focus. Any help will be really appreciated. Thank you!!
[jQuery] Convert Jquery to Mootools
Hi I have developped this function in jquery for a website, and i have to use it on another site which is using mootools. I've tried to convert it, but no way to make it works. So i ask for your help. The goal of this 2 function is to have a good view of my banner, without the gap of one or two pixel due to the resolution of users. Thanks you and sorry for my bad english. $(function (){ var pos = $(#page).get(0); $(body).css(background,#727271 url(squelettes/images/ axome_fond.gif) repeat-x +pos.offsetLeft+px 0); }); $(window).bind('resize', function() { var pos = $(#page).get(0); $(body).css(background,#727271 url(squelettes/images/ axome_fond.gif) repeat-x +pos.offsetLeft+px 0); });
[jQuery] Is it possible to add filters to the (validate) plugin?
The validation plugin is working wonderfully. On the server side, there is some processing like trimming the input field, lowercasing the input field, etc... Is there an easy way to wrap the fields into such filters prior to processing so that the client check matches the server check? The syntax I'm using is: $(document).ready(function(){ $(#form_frame).validate({ success: valid,rules: { email: { email: true, minlength: 6, maxlength: 150, required: true, }, password: { minlength: 6, maxlength: 50, required: true, }, }, messages: { email: { email: please enter a valid email address, minlength: emails must be at least 6 characters, maxlength: emails cannot exceed 150 characters, required: email is required, }, password: { minlength: passwords must be at least 6 characters, maxlength: passwords cannot exceed 50 characters, required: password is required, }, }});}); I'm not sure where the toLowerCase() goes. I don't know javascript and am new to jQuery. Thank you.
[jQuery] jQuery Animation problem
Hi, I' ve got this problem with jQuery: I have to click 2 times before the animation starts the first time, from then on it works perfectly. Is there anyone who can solve this problem? You can see it here: http://www.spurtersite.aclebbeke.be/spurters.php Under Tijden there' s a link meer which shows more text when you click it. thanks in advance! Sam
[jQuery] Using jQuery with the ZK Framework
ZK 5 pewview now makes use of jQuery for clientside scripting purposes, I have written two articles on implementing effects using jQuery ZK 5.0 preview, they can be located at the following links: http://docs.zkoss.org/wiki/ZK_5.0_and_jQuery and http://docs.zkoss.org/wiki/ZK_5.0_and_jQuery_part_2 Any feedback would be welcomed! Thanks, Tim
[jQuery] jQuery Animation problem
Hi all, when clicking an item on my website, it has to expand so you see some more options (links). Now, when I want it to appear, I have to click it twice, after I clicked it twice, it works perfectly with one click.. Anyone who can help me out here? You can find the code on: http://www.spurtersite.aclebbeke.be/spurters.php Beneath Tijden Toon alles Thx!
[jQuery] [tooltip] Fade on IE
Hi, I am using and modifying the sample demo page and have a error on IE: Using: $(function() { $('#pretty').tooltip({ track: true, delay: 0, fade: 500, showURL: false, showBody: - , extraClass: pretty, fixPNG: true, left: 120 }); }); The fade effect on IE causes that the image shadow.png appears black on border for a while, fade effect is too uggly, firefox and safari works fine. Now I have to set fade=0 only to support IE7. Is there a way to use it? Thanks.
[jQuery] (validate) rules on id's instead of names?
input class=input-250 name=search[all][and] id=search_and type=text value=/ how do i put a minlength:4 rule on this field? thanks,
[jQuery] convert greybox into bookmarklet
Hi anyone know how to convert this into a bookmarklet so that on click of bookmarklet in an overlay with iframe google home page can be opened http://jquery.com/demo/grey/
[jQuery] input fields don't work after using $load()
I am using the $(load) function to populate a div in my HTML with form. The code snippets look something like this. html ... ... div id=formArea/div ... ... /html $('#formArea').load('content/myForm.txt'); The form loads fine, but the input controls no longer work once the form is loaded using this AJAX technique. Does anyone know what the problem might be? Thanks.
[jQuery] Re: Can't change padding using animate() in IE
Hi, The thing which i have observed is that if you try to set the padding property i.e padding:20px 40px .. you will get an error in IE but if you set padding:40px it will work fine although it will not give the results what u trying to achieve .. so you can set padding-left , right , top and bottom respectively .. Regards Umair On Jul 20, 4:38 am, djeyewater showerhead...@hotmail.com wrote: I have a function that resizes an image (imgCur) and changes its padding when a new image (img) is loaded like so: img.onload = function(){ var t = this; //Animate current image to new image size imgCur.animate({ width: t.width, height: t.height, padding: 20px 25px }, 750).attr(src, img.src); } Which works fine in FF, Opera and Chrome. But in IE6, 7 8 it doesn't like changing the padding, and I get an error at line 835 in jquery-1.3.2.js, which is: style.left = ret || 0; If I check in the IE Script debugger, ret has the value 40px 50px, which obviously isn't a valid value for style.left. 40px 50px is the padding of imgCur that is set in the CSS file. But why is jQuery trying to set the CSS left property of imgCur to its current padding?
[jQuery] Validation plugin - submit form without validation
I'm using the Validation plugin for JQuery and was wondering if there was a function to submit the form without causing it to validate the form. I have a table with a list of radio-buttons and above that is a drop down list of states. The drop down list of states is used to filter the table rows and when the selected item changes it posts-back to the server (via $(#frm).submit()). I don't want this to cause any validation to occur. Is there another function I can call besides submit(), or some other method? Thanks
[jQuery] $(document).ready script appears to not run in IE?
Hello all, I'm relatively new to jQuery, and I'm having some trouble making a selected tbody display in IE. It seems to work fine in FireFox, and Chrome. See here: http://wwwdev.latrobe.edu.au/nursing/ProspectiveStudents/Postgraduate2009/questionnaire/index.php I've looked up various fora, but the only things I can find seem to relate to earlier versions of jQuery. We're running jQuery-min.1.3.2 on this site. The relevant parts of the code which run in FF/Chrome, but appear to not run in IE: script language=javascript type=text/javascript $(document).ready(function() { //... $('#questionTable tbody:first').addClass('selected'); //... }); /script Relevant CSS associated with this: style #questionTable tbody { display: none; } #questionTable tbody.selected { display:table; } /style Help? Thanks in advance, Billy
[jQuery] Re: Can't change padding using animate() in IE
Hi, The thing which i have observed is that if you try to set the padding property i.e padding:20px 40px .. you will get an error in IE but if you set padding:40px it will work fine although it will not give the results what u trying to achieve .. so you can set padding-left , right , top and bottom respectively .. Regards Umair On Jul 20, 4:38 am, djeyewater showerhead...@hotmail.com wrote: I have a function that resizes an image (imgCur) and changes its padding when a new image (img) is loaded like so: img.onload = function(){ var t = this; //Animate current image to new image size imgCur.animate({ width: t.width, height: t.height, padding: 20px 25px }, 750).attr(src, img.src); } Which works fine in FF, Opera and Chrome. But in IE6, 7 8 it doesn't like changing the padding, and I get an error at line 835 in jquery-1.3.2.js, which is: style.left = ret || 0; If I check in the IE Script debugger, ret has the value 40px 50px, which obviously isn't a valid value for style.left. 40px 50px is the padding of imgCur that is set in the CSS file. But why is jQuery trying to set the CSS left property of imgCur to its current padding?
[jQuery] Re: Can't change padding using animate() in IE
Hi, The thing which i have observed is that if you try to set the padding property i.e padding:20px 40px .. you will get an error in IE but if you set padding:40px it will work fine although it will not give the results what u trying to achieve .. so you can set padding-left , right , top and bottom respectively .. Regards Umair On Jul 20, 4:38 am, djeyewater showerhead...@hotmail.com wrote: I have a function that resizes an image (imgCur) and changes its padding when a new image (img) is loaded like so: img.onload = function(){ var t = this; //Animate current image to new image size imgCur.animate({ width: t.width, height: t.height, padding: 20px 25px }, 750).attr(src, img.src); } Which works fine in FF, Opera and Chrome. But in IE6, 7 8 it doesn't like changing the padding, and I get an error at line 835 in jquery-1.3.2.js, which is: style.left = ret || 0; If I check in the IE Script debugger, ret has the value 40px 50px, which obviously isn't a valid value for style.left. 40px 50px is the padding of imgCur that is set in the CSS file. But why is jQuery trying to set the CSS left property of imgCur to its current padding?
[jQuery] blockUI problem
I just started using blockUI plugin for jQuery, and I have a problem with forms. I use blockUI to overlay the background and show a form. The problem is that when I'm trying to access the elements from the form it doesn't work. Anyone knows why?
[jQuery] Re: blockUI problem
showing some code would be of value to helping others help you... On Jul 20, 4:49 am, Ulici Adrian uliciadr...@gmail.com wrote: I just started using blockUI plugin for jQuery, and I have a problem with forms. I use blockUI to overlay the background and show a form. The problem is that when I'm trying to access the elements from the form it doesn't work. Anyone knows why?
[jQuery] Re: switchClass not working on BODY
Works for me: http://jsbin.com/axehe Perhaps you haven't included jQuery UI Effects core? That's where switchClass comes from: http://jqueryui.com/demos/switchClass/ If you're just using jQuery, and don't need to animate the switch, toggleClass is what you want: http://docs.jquery.com/Attributes/toggleClass - Richard On Sun, Jul 19, 2009 at 1:40 PM, Lucian Cioranu lucian.cior...@gmail.comwrote: Hi, I am trying to change the class of body using switchClass, and it is not working. AddClass and removeClass are working just fine. Anyone has a solution for that?
[jQuery] Re: Could REALLY use some help implementing a slider/carousel. I think I am really close!
Hey, that took care of Problem #1 It no longer shows the content on page load. It still shows the content to the left and right of the screen, causing a browser scrollbar at the bottom in IE 7. But closer yet..lol Still can't figure out that issue though..ben playing with CSS, but not sure where to attack.
[jQuery] Re: Requirement for duplicate AJAX attribute name
NM. I forget JQuery had serialization built into it. On Jul 19, 9:03 am, Coop coob...@gmail.com wrote: All, I have a situation where I need to pass the same named attribute to an AJAX enabled endpoint. Basically I need to simulate something likehttp://example/cgi?text=1500characterstext=1500characters. I need this type of scenario to work in typical JQuery AJAX and JSONP calls. I understand that I may run into browser/server URL limitations. In case anyone is wondering, I’m AJAX enabling some old PL/SQL code using Oracle's Webtoolkit and there’s a limitation on the size of an input string. To overcome this limitation I need to chop up the string on the client side and send it in pieces to the endpoint using the same parameter name. Something like the below would be the best scenario but I know it’s against the JSON spec. {data: { text: 1500characters..., text: 1500characters... }} I’m currently evaluating Oracle’s flexible parameter naming schema and the worst case scenario…I’ll create some specific text parameters on the server like text1, text2, text3, text4 …I really don’t want to do it this way. Any help is appreciated.
[jQuery] Re: Could REALLY use some help implementing a slider/carousel. I think I am really close!
fyi...so it works perfect in Firefox nowjust don't know how to fix the overflow issue in IE 7. On Jul 20, 6:21 am, Alan alanblackf...@gmail.com wrote: Hey, that took care of Problem #1 It no longer shows the content on page load. It still shows the content to the left and right of the screen, causing a browser scrollbar at the bottom in IE 7. But closer yet..lol Still can't figure out that issue though..ben playing with CSS, but not sure where to attack.
[jQuery] Re: [tooltip] Fade on IE
I've struggled with similar problems - and have reluctantly had to use a gif instead. Although the image might not be as nice, it does actually seem to work fine in IE On Mon, Jul 20, 2009 at 1:42 AM, apuredolapure...@gmail.com wrote: Hi, I am using and modifying the sample demo page and have a error on IE: Using: $(function() { $('#pretty').tooltip({ track: true, delay: 0, fade: 500, showURL: false, showBody: - , extraClass: pretty, fixPNG: true, left: 120 }); }); The fade effect on IE causes that the image shadow.png appears black on border for a while, fade effect is too uggly, firefox and safari works fine. Now I have to set fade=0 only to support IE7. Is there a way to use it? Thanks.
[jQuery] Re: [tooltip] Fade on IE
Yep, simply no way around this except to not use a PNG or not to animate the opacity. Michael Smith wrote: I've struggled with similar problems - and have reluctantly had to use a gif instead. Although the image might not be as nice, it does actually seem to work fine in IE On Mon, Jul 20, 2009 at 1:42 AM, apuredolapure...@gmail.com wrote: Hi, I am using and modifying the sample demo page and have a error on IE: Using: $(function() { $('#pretty').tooltip({ track: true, delay: 0, fade: 500, showURL: false, showBody: - , extraClass: pretty, fixPNG: true, left: 120 }); }); The fade effect on IE causes that the image shadow.png appears black on border for a while, fade effect is too uggly, firefox and safari works fine. Now I have to set fade=0 only to support IE7. Is there a way to use it? Thanks.
[jQuery] Re: $(document).ready script appears to not run in IE?
I don't know if this is part of the issue or not, but IE7 does not have support for the display:table; property. See quirksmode to see what properties it does support (not many): http://www.quirksmode.org/css/display.html On Jul 20, 2:44 am, Billy mail.billy...@gmail.com wrote: Hello all, I'm relatively new to jQuery, and I'm having some trouble making a selected tbody display in IE. It seems to work fine in FireFox, and Chrome. See here: http://wwwdev.latrobe.edu.au/nursing/ProspectiveStudents/Postgraduate... I've looked up various fora, but the only things I can find seem to relate to earlier versions of jQuery. We're running jQuery-min.1.3.2 on this site. The relevant parts of the code which run in FF/Chrome, but appear to not run in IE: script language=javascript type=text/javascript $(document).ready(function() { //... $('#questionTable tbody:first').addClass('selected'); //... }); /script Relevant CSS associated with this: style #questionTable tbody { display: none;} #questionTable tbody.selected { display:table;} /style Help? Thanks in advance, Billy
[jQuery] Display message on successful client side validation.
Hello, I'm using jquery Validation plugin (http://bassistance.de/jquery- plugins/jquery-plugin-validation/) for client side validation. On successful validation, I would like to display Processing message (till new page loads - non AJAX post). Please tell how to do so ? ( If triggered via $( '#formID' ).submit(), then message is displayed even if validation FAILS ). Thank You.
[jQuery] Re: Display message on successful client side validation.
Use the submitHandler option and resubmit: $(#form).validate({ submitHandler: function(form) { // add code to display message form.submit(); } }); Jörn On Mon, Jul 20, 2009 at 5:16 PM, devjava_mail_l...@yahoo.com wrote: Hello, I'm using jquery Validation plugin (http://bassistance.de/jquery- plugins/jquery-plugin-validation/) for client side validation. On successful validation, I would like to display Processing message (till new page loads - non AJAX post). Please tell how to do so ? ( If triggered via $( '#formID' ).submit(), then message is displayed even if validation FAILS ). Thank You.
[jQuery] jquery slider..1 issue left! :) (works in FF but not IE)
note: Thanks Charlie for helping with first issue! I'm down to one issue with the easyslider jquery plugin. If you look at http://www.movieeye.com/index-new.jsp in IE 7, you'll notice the text is overflowing and creating a horizontal scrollbar on the browser page. I'm not much of a coder, and am pretty lost here. Have tried messing with CSS stuff, but nothing seems to stop that overflow. I'd greatly appreciate any help! Code for page is: !-- START test slider code -- div id=slidercontainer div id=slidercontent div id=slider align=center style=display: none; ul % dim celeb_mail_results_with_photos_display_how_many : celeb_mail_results_with_photos_display_how_many = 18 dim celeb_mail_results_with_photos_num_per_row : celeb_mail_results_with_photos_num_per_row = 6 dim celeb_mail_results_link_name : celeb_mail_results_link_name = true % !-- #include virtual=/includes/sliders/ slider_results_photos.jsp -- /ul /div /div /div !-- END test slider code -- CSS Code looks like this - @charset utf-8; /* CSS Document */ #slidercontent{ position:relative; } #slidercontainer{ margin:0 auto; position:relative; text-align:left; width:896px; background:#fff; margin-bottom:2em; } /* clearfix */ #slidercontent:after, ul:after{ content:.; display:block; height:0; clear:both; visibility:hidden; } #slidercontent, ul{ display:block; } /* \*/ #slidercontent, ul{ min-height:1%; } * html #slidercontent, * html ul{ height:1%; } /* // clearfix */ /* image replacement */ .graphic, #header h1, #prevBtn, #nextBtn{ margin:0; padding:0; display:block; overflow:hidden; text-indent:-8000px; } /* // image replacement */ /* Easy Slider */ #slider{ } #slider ul, #slider li{ margin:0; padding:0; list-style:none; overflow:hidden; } #slider li{ /* define width and height of list item (slide) entire slider area will adjust according to the parameters provided here */ width:896px; height:171px; display:block; } #prevBtn, #nextBtn{ display:block; width:30px; height:77px; position:absolute; left:-30px; top:41px; } #nextBtn{ left:896px; } #prevBtn a, #nextBtn a{ display:block; width:30px; height:77px; background:url(/includes/sliders/images/btn_prev.gif) no-repeat 0 0; } #nextBtn a{ background:url(/includes/sliders/images/btn_next.gif) no-repeat 0 0; } /* // Easy Slider */ Easy Slider code is - (function($) { $.fn.easySlider = function(options){ // default configuration properties var defaults = { prevId: 'prevBtn', prevText: '', nextId: 'nextBtn', nextText: '', controlsShow: true, controlsBefore: '', controlsAfter: '', controlsFade: true, firstId:'firstBtn', firstText: 'First', firstShow: false, lastId: 'lastBtn', lastText: 'Last', lastShow: false, vertical: false, speed: 800, auto: false, pause: 4000, continuous: false }; var options = $.extend(defaults, options);
[jQuery] Re: jquery slider..1 issue left! :) (works in FF but not IE)
in the css #slider{ width:896px; overflow:hidden; } Alan wrote: note: Thanks Charlie for helping with first issue! I'm down to one issue with the easyslider jquery plugin. If you look at http://www.movieeye.com/index-new.jsp in IE 7, you'll notice the text is overflowing and creating a horizontal scrollbar on the browser page. I'm not much of a coder, and am pretty lost here. Have tried messing with CSS stuff, but nothing seems to stop that overflow. I'd greatly appreciate any help! Code for page is: !-- START test slider code -- div id=slidercontainer div id=slidercontent div id=slider align=center style=display: none; ul % dim celeb_mail_results_with_photos_display_how_many : celeb_mail_results_with_photos_display_how_many = 18 dim celeb_mail_results_with_photos_num_per_row : celeb_mail_results_with_photos_num_per_row = 6 dim celeb_mail_results_link_name : celeb_mail_results_link_name = true % !-- #include virtual=/includes/sliders/ slider_results_photos.jsp -- /ul /div /div /div !-- END test slider code -- CSS Code looks like this - @charset utf-8; /* CSS Document */ #slidercontent{ position:relative; } #slidercontainer{ margin:0 auto; position:relative; text-align:left; width:896px; background:#fff; margin-bottom:2em; } /* clearfix */ #slidercontent:after, ul:after{ content:.; display:block; height:0; clear:both; visibility:hidden; } #slidercontent, ul{ display:block; } /* \*/ #slidercontent, ul{ min-height:1%; } * html #slidercontent, * html ul{ height:1%; } /* // clearfix */ /* image replacement */ .graphic, #header h1, #prevBtn, #nextBtn{ margin:0; padding:0; display:block; overflow:hidden; text-indent:-8000px; } /* // image replacement */ /* Easy Slider */ #slider{ } #slider ul, #slider li{ margin:0; padding:0; list-style:none; overflow:hidden; } #slider li{ /* define width and height of list item (slide) entire slider area will adjust according to the parameters provided here */ width:896px; height:171px; display:block; } #prevBtn, #nextBtn{ display:block; width:30px; height:77px; position:absolute; left:-30px; top:41px; } #nextBtn{ left:896px; } #prevBtn a, #nextBtn a{ display:block; width:30px; height:77px; background:url(/includes/sliders/images/btn_prev.gif) no-repeat 0 0; } #nextBtn a{ background:url(/includes/sliders/images/btn_next.gif) no-repeat 0 0; } /* // Easy Slider */ Easy Slider code is - (function($) { $.fn.easySlider = function(options){ // default configuration properties var defaults = { prevId: 'prevBtn', prevText: '', nextId: 'nextBtn', nextText: '', controlsShow: true, controlsBefore: '', controlsAfter: '', controlsFade: true, firstId:'firstBtn', firstText: 'First', firstShow: false, lastId: 'lastBtn', lastText: 'Last', lastShow: false, vertical: false, speed: 800, auto: false, pause: 4000, continuous: false
[jQuery] Re: jquery slider..1 issue left! :) (works in FF but not IE)
I've just had a closer look and the way you have this setup is messed up, why do you have 3 li's containing 6 divs each, rather then using an li to contain each thumbnail and caption? Alan wrote: note: Thanks Charlie for helping with first issue! I'm down to one issue with the easyslider jquery plugin. If you look at http://www.movieeye.com/index-new.jsp in IE 7, you'll notice the text is overflowing and creating a horizontal scrollbar on the browser page. I'm not much of a coder, and am pretty lost here. Have tried messing with CSS stuff, but nothing seems to stop that overflow. I'd greatly appreciate any help! Code for page is: !-- START test slider code -- div id=slidercontainer div id=slidercontent div id=slider align=center style=display: none; ul % dim celeb_mail_results_with_photos_display_how_many : celeb_mail_results_with_photos_display_how_many = 18 dim celeb_mail_results_with_photos_num_per_row : celeb_mail_results_with_photos_num_per_row = 6 dim celeb_mail_results_link_name : celeb_mail_results_link_name = true % !-- #include virtual=/includes/sliders/ slider_results_photos.jsp -- /ul /div /div /div !-- END test slider code -- CSS Code looks like this - @charset utf-8; /* CSS Document */ #slidercontent{ position:relative; } #slidercontainer{ margin:0 auto; position:relative; text-align:left; width:896px; background:#fff; margin-bottom:2em; } /* clearfix */ #slidercontent:after, ul:after{ content:.; display:block; height:0; clear:both; visibility:hidden; } #slidercontent, ul{ display:block; } /* \*/ #slidercontent, ul{ min-height:1%; } * html #slidercontent, * html ul{ height:1%; } /* // clearfix */ /* image replacement */ .graphic, #header h1, #prevBtn, #nextBtn{ margin:0; padding:0; display:block; overflow:hidden; text-indent:-8000px; } /* // image replacement */ /* Easy Slider */ #slider{ } #slider ul, #slider li{ margin:0; padding:0; list-style:none; overflow:hidden; } #slider li{ /* define width and height of list item (slide) entire slider area will adjust according to the parameters provided here */ width:896px; height:171px; display:block; } #prevBtn, #nextBtn{ display:block; width:30px; height:77px; position:absolute; left:-30px; top:41px; } #nextBtn{ left:896px; } #prevBtn a, #nextBtn a{ display:block; width:30px; height:77px; background:url(/includes/sliders/images/btn_prev.gif) no-repeat 0 0; } #nextBtn a{ background:url(/includes/sliders/images/btn_next.gif) no-repeat 0 0; } /* // Easy Slider */ Easy Slider code is - (function($) { $.fn.easySlider = function(options){ // default configuration properties var defaults = { prevId: 'prevBtn', prevText: '', nextId: 'nextBtn', nextText: '', controlsShow: true, controlsBefore: '', controlsAfter: '', controlsFade: true, firstId:'firstBtn', firstText: 'First', firstShow: false, lastId: 'lastBtn', lastText: 'Last', lastShow: false, vertical: false, speed: 800, auto: false,
[jQuery] cluetip positioned centered on top of link
Is there anyway to do this? I have topOffset: -25 but since the links are of varying lengths, there isn't a leftOffset value that would center the cluetip over different size links.
[jQuery] Re: li/img click and window.keydown
Hi, Thanks for the answer. Here is a bit of my script : [code] // Constructing the modal... SModule_gallery.oGalleryModal.jqm({modal: true}) .width((SModule_gallery.GALLERY_COLS * (SModule_gallery.GALLERY_ITEM_WIDTH + 10)) + 4) // 6 et 4 correspondent à des paddings .height(iHeight + 4 + 32) // 32 = height approximative du title .draggable({handle: 'h1'}); $(window).keydown(SModule_gallery.onKeyDown); onKeyDown: function(oEvent) { if (oEvent.keyCode == 27) SModule_gallery.hideGalleryModal(); }, hideGalleryModal: function() { SModule_gallery.oGalleryModal.jqmHide(); $(window).unbind('keydown', SModule_gallery.onKeyDown); }, // Data inside the modal : looping over an ajax answer, displaying several thumbnails sStr += 'li id=galleryThumbnailItem_' + iId + '\ img src=' + SDefines.sUrlAjax + 'getFilePreview.php? fileId=' + iId + 'square=' + SModule_gallery.GALLERY_ITEM_WIDTH + ' title=' + sName + ' /\ /li'; [/code] When I open the modal, and immediately press escape, this works fine : the modal hides itself. But when I first click on a picture (that displays some information in the main window), and then press escape, I have to press escape another time to hide the modal. I could not succeed in catching the first escape event in an event listener (either on $(window), or on the li item, or on the img item) Thanks for any help ! :) On 20 juil, 12:19, Liam Potter radioactiv...@gmail.com wrote: show us you script and stop bumping so often. Lideln wrote: Up ! On 17 juil, 22:47, Lideln lid...@gmail.com wrote: Up ! :) On 16 juil, 22:32, Lideln lid...@gmail.com wrote: up On 16 juil, 08:10, Lideln lid...@gmail.com wrote: up ! (wow, this forum gets 10 new posts per hour) On 15 juil, 21:52, Lideln lid...@gmail.com wrote: Hi everybody ! I have a jqModal window, and I would like to close it using the ESC key. For that purpose, I assign my modal a keydown() event, and if keyCode == 27, I close the modal. It works fine, except when I click on another element in the modal first I have to press 2 times ESC : the first time removes the focus from the element, the second time goes through my listener and closes the modal. In my modal , I have an ul/li list, each li containing an img (for the purpose of an image gallery). When I click on an image (or li ?), I have to press twice ESC to close the modal. I tried to add a $(this).blur() in the li click() event, and also I tried to put that in the img click event, but without success... Does somebody know why it is doing that, and how to fix it, please ? Thanks a lot !
[jQuery] [Autocomplete]
Hello, I'm using jQuery Autocomplete ( http://docs.jquery.com/Plugins/Autocomplete ) to display results from a php page. Since that is my only field, I want to submit the form when I click on the result or I press the 'return' key. How do I do that? The result is showing something like 'artist - album' and I'd like to post only the artist . Also, it would be event better without a form submit: the results would have their own php-generated link to another php page with artist passed as a $_GET variable. I click or press enter on them and it would work just like a link. Is there a way to achieve that, either by submitting the form or by linking to the new php page? Thanks
[jQuery] [Autocomplete] Form submit or link on mouse click or return key
Hello, I'm using jQuery Autocomplete ( http://docs.jquery.com/Plugins/Autocomplete ) to display results from a php page. Since that is my only field, I want to submit the form when I click on the result or I press the 'return' key. How do I do that? The result is showing something like 'artist - album' and I'd like to post only the artist . Also, it would be event better without a form submit: the results would have their own php-generated link to another php page with artist passed as a $_GET variable. I click or press enter on them and it would work just like a link. Is there a way to achieve that, either by submitting the form or by linking to the new php page? Thanks
[jQuery] Re: My new website AllJobsXChange.com developed with Jquery
Rob, Thanks. I have used the !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR/html4/loose.dtd; since I have deprecated elements. I have a question for everyone. Supposedly for HTML 4.01, the ending of an input tag is simply but in w3school it show /. It does work either way, but which one is corrrect by syntax? Should ending tags matter in terms of it may or may not be rendered by the browser correctly? Son On Jul 18, 8:14 pm, RobG robg...@gmail.com wrote: On Jul 18, 9:40 am, son sco0...@yahoo.com wrote: Thank you Rob. I can't remember what make me use the XHTML doctype, I thought I had some problem with running some jquery stuff, but not sure. what is the ideal doctype the will work well with JQuery? jQuery is irrelevant, the best (and only) DOCTYPE to use on the web is HTML 4.01 strict. You may use others for specific purposes, but they are not suitable for a general web site. The vast majority if web sites using an XHTML DOCTYPE are served as HTML because about 70% of web users are using IE, which does not understand XHTML. URL:http://hixie.ch/advocacy/xhtml -- Rob
[jQuery] Re: TableFilter Issue
AFAIK there is no option to do that. You could edit the code (in theory) to remove it but I do not believe an option to omit it exists. On Mon, Jul 20, 2009 at 03:33, jazz bharathbhooshan.amb...@gmail.comwrote: Hi Folks, i am using table filter. http://ideamill.synaptrixgroup.com/jquery/tablefilter/tabletest.htm i want to disable the Menu option...how to do this. Regards, Bharath
[jQuery] Re: jquery slider..1 issue left! :) (works in FF but not IE)
I think it is set-up that way to slide 6 li's at a time, as opposed to one at a time. I changed #slider as suggested, no impact. What is weird is how it works in FF without issue. On Jul 20, 8:55 am, Liam Potter radioactiv...@gmail.com wrote: I've just had a closer look and the way you have this setup is messed up, why do you have 3 li's containing 6 divs each, rather then using an li to contain each thumbnail and caption? Alan wrote: note: Thanks Charlie for helping with first issue! I'm down to one issue with the easyslider jquery plugin. If you look athttp://www.movieeye.com/index-new.jspin IE 7, you'll notice the text is overflowing and creating a horizontal scrollbar on the browser page. I'm not much of a coder, and am pretty lost here. Have tried messing with CSS stuff, but nothing seems to stop that overflow. I'd greatly appreciate any help! Code for page is: !-- START test slider code -- div id=slidercontainer div id=slidercontent div id=slider align=center style=display: none; ul % dim celeb_mail_results_with_photos_display_how_many : celeb_mail_results_with_photos_display_how_many = 18 dim celeb_mail_results_with_photos_num_per_row : celeb_mail_results_with_photos_num_per_row = 6 dim celeb_mail_results_link_name : celeb_mail_results_link_name = true % !-- #include virtual=/includes/sliders/ slider_results_photos.jsp -- /ul /div /div /div !-- END test slider code -- CSS Code looks like this - @charset utf-8; /* CSS Document */ #slidercontent{ position:relative; } #slidercontainer{ margin:0 auto; position:relative; text-align:left; width:896px; background:#fff; margin-bottom:2em; } /* clearfix */ #slidercontent:after, ul:after{ content:.; display:block; height:0; clear:both; visibility:hidden; } #slidercontent, ul{ display:block; } /* \*/ #slidercontent, ul{ min-height:1%; } * html #slidercontent, * html ul{ height:1%; } /* // clearfix */ /* image replacement */ .graphic, #header h1, #prevBtn, #nextBtn{ margin:0; padding:0; display:block; overflow:hidden; text-indent:-8000px; } /* // image replacement */ /* Easy Slider */ #slider{ } #slider ul, #slider li{ margin:0; padding:0; list-style:none; overflow:hidden; } #slider li{ /* define width and height of list item (slide) entire slider area will adjust according to the parameters provided here */ width:896px; height:171px; display:block; } #prevBtn, #nextBtn{ display:block; width:30px; height:77px; position:absolute; left:-30px; top:41px; } #nextBtn{ left:896px; } #prevBtn a, #nextBtn a{ display:block; width:30px; height:77px; background:url(/includes/sliders/images/btn_prev.gif) no-repeat 0 0; } #nextBtn a{ background:url(/includes/sliders/images/btn_next.gif) no-repeat 0 0; } /* // Easy Slider */ Easy Slider code is - (function($) { $.fn.easySlider = function(options){ // default configuration properties var defaults = { prevId: 'prevBtn', prevText: '', nextId: 'nextBtn', nextText: '', controlsShow: true, controlsBefore: '', controlsAfter: '', controlsFade: true, firstId: 'firstBtn', firstText: 'First', firstShow: false, lastId: 'lastBtn', lastText: 'Last', lastShow: false, vertical: false,
[jQuery] Re: jquery slider..1 issue left! :) (works in FF but not IE)
Hey, just another thoughtbut it seems odd it is hiding the pictures, but not the text. I noticed in the jquery code there is a lot of code that shows hiding the first.id or last.id, and not much about first.text or last.text. Let me be clear, I don't know coding, so that may have absolutely NOTHING to do with it :) Just poking around, and thought it was weird that the text is the only part misbehaving.
[jQuery] attr() on link crashing IE6
I am building a page that loads a css file through javascript. To help prevent flash of unstyled content[1], I am loading the CSS file as early as possible (before document.ready()). I am using jQuery 1.3.2. In Firefox 3.5.1 and Chrome 2.0.172.37 this is working properly, but in IE6 the browser crashes (not just a javascript error, but a full-blown crash). I've narrowed it down to this bit of code that reproduces the problem: script type=text/javascript var link = $('link/link'); link.attr({ href:'foo.css', rel: 'stylesheet' }); /script After some more testing I found that if I remove the rel attribute *or*the href attribute, the script runs fine and IE6 won't crash. It's only when I use both of them together. Are there alternatives to loading stylesheets on-demand, perhaps something similar to $.getScript()? Thanks! 1. http://en.wikipedia.org/wiki/Flash_of_unstyled_content -- Hector
[jQuery] Re: attr() on link crashing IE6
This seems possible with vanilla javascript (IE6 does not crash). // Vanilla Javascript -- works in IE6 var link = document.createElement('link'); link.type = 'text/css'; link.href = 'foo.css'; link.rel = 'stylesheet'; link.media = 'screen'; document.getElementsByTagName('head')[0].appendChild(link); Any ideas why the jQuery way is crashing IE6? -- Hector On Mon, Jul 20, 2009 at 11:47 AM, Hector Virgen djvir...@gmail.com wrote: I am building a page that loads a css file through javascript. To help prevent flash of unstyled content[1], I am loading the CSS file as early as possible (before document.ready()). I am using jQuery 1.3.2. In Firefox 3.5.1 and Chrome 2.0.172.37 this is working properly, but in IE6 the browser crashes (not just a javascript error, but a full-blown crash). I've narrowed it down to this bit of code that reproduces the problem: script type=text/javascript var link = $('link/link'); link.attr({ href:'foo.css', rel: 'stylesheet' }); /script After some more testing I found that if I remove the rel attribute *or*the href attribute, the script runs fine and IE6 won't crash. It's only when I use both of them together. Are there alternatives to loading stylesheets on-demand, perhaps something similar to $.getScript()? Thanks! 1. http://en.wikipedia.org/wiki/Flash_of_unstyled_content -- Hector
[jQuery] Re: jquery ui dialog get element from button
can I see the html that goes with this code ? On Jul 18, 4:48 am, Carlo Landmeter clandme...@gmail.com wrote: Thanks for tip for my vars. I have tried the code you provided but this does not work. When i click my delete button it will complain that somevar is not set. So i guess it means the dialog function is run before the somevar variable is set. Anyway arround this? carlo On Fri, Jul 17, 2009 at 5:37 PM, Mean Mikemcgra...@gmail.com wrote: Carlo, jQuery /javascript is procedural so you just need to move things around like this [code] $(document).ready(function(){ $(#dialog).dialog({ autoOpen:false, modal:true, overlay: {backgroundColor: #000,opacity: 0.5}, resizable:false, buttons:{ Delete: function() {window.location = /home/ + $somevar ;}, Cancel: function() {$(this).dialog(close);} } }); $(.button).click(function(){ $(#ui-dialog-title-dialog).text(Attention); var message = You are about to do something: ; $(.ui-dialog-content).text($message + $(this).attr(id)); var somevar = $(this).attr(id); $(#dialog).dialog(open); }); }); [/code] I also noticed that your mixing php variables with javascript variables i.e. javascript variables do not use $ I'm not sure if this causes any problems but I removed them Mike On Jul 17, 9:54 am, Carlo Landmeter clandme...@gmail.com wrote: I will try that ones I have tackled the following issue. I keep having issues with dialog because the dialog is created before i use the .click function. Because of this i cannot change some options of the dialog. For instance: If i click the button i am able to retrieve the id of this button and use it. problem is that my dialog function has to be loaded before i use the dialog(open) function. How am i able to insert the ID in the $somevar variable in my below example? The only way I can think of getting this done is putting the dialog function inside the .click function but for this we already have a dedicated function dialog(open). Any idea how to solve this? $(document).ready(function(){ $(#dialog).dialog({ autoOpen:false, modal:true, overlay: {backgroundColor: #000,opacity: 0.5}, resizable:false, buttons:{ Delete: function() {window.location = /home/ + $somevar ;}, Cancel: function() {$(this).dialog(close);} } }); $(.button).click(function(){ $(#dialog).dialog(open); $(#ui-dialog-title-dialog).text(Attention); var $message = You are about to do something: ; $(.ui-dialog-content).text($message + $(this).attr(id)); var $somevar = $(this).attr(id); }); }); On Fri, Jul 17, 2009 at 1:14 AM, Charliecharlie...@gmail.com wrote: sure, just add $(#dialog).load(url) to click function you have Carlo Landmeter wrote: Thanks for your replies. If I look at your first option I wouldn't know how i could know the correct ID before i click the button but i have to initiate the dialog open after the normal dialog function. You second option seems the best way for me, after the dialog is created i can modify its content with your suggested code. Now I still want to find if i can also load a page with ajax (load) instead of a local div. Thx again, Carlo code: $(document).ready(function(){ $(#dialog).dialog({ autoOpen:false, modal:true, overlay: {backgroundColor: #000,opacity: 0.5}, resizable:false, buttons:{ Delete: function() {}, Cancel: function() {$(this).dialog(close);} } }); $(.button).click(function(event){ $(#dialog).dialog(open); $(#ui-dialog-title-dialog).text($(this).attr(id)); }); });'; div id=dialogthis is a test/div On Thu, Jul 16, 2009 at 3:55 PM, Charliecharlie...@gmail.com wrote: dialog has a setter option for title, it isn't really a title attiribute. The dialog title is actually a span with class ui-dialog-title-dialog http://jqueryui.com/demos/dialog/#option-title $('.selector').dialog('option', 'title', 'Dialog Title'); either pass the id into the option or you can use $(.button).click(function(event){ $('#dialog').dialog('open'); $('. ui-dialog-title-dialog ').text($(this).attr(id)); }); constructor must be separate as Mike pointed out Mean Mike wrote: Yes that is correct you need to separate the dialog from the open like this note: I set the autoOpen to false. [code] $(document).ready(function(){ $(.button).click(function(event){ $(#dialog).attr(title, event.target.id);
[jQuery] Re: attr() on link crashing IE6
If I remember right, IE6 has issues with creating elements without using createElement() and adding attributes to them afterwards. Using the method that Hector specified to create the element should prevent the issue from occuring in IE6. On Jul 20, 8:59 am, Hector Virgen djvir...@gmail.com wrote: This seems possible with vanilla javascript (IE6 does not crash). // Vanilla Javascript -- works in IE6 var link = document.createElement('link'); link.type = 'text/css'; link.href = 'foo.css'; link.rel = 'stylesheet'; link.media = 'screen'; document.getElementsByTagName('head')[0].appendChild(link); Any ideas why the jQuery way is crashing IE6? -- Hector On Mon, Jul 20, 2009 at 11:47 AM, Hector Virgen djvir...@gmail.com wrote: I am building a page that loads a css file through javascript. To help prevent flash of unstyled content[1], I am loading the CSS file as early as possible (before document.ready()). I am using jQuery 1.3.2. In Firefox 3.5.1 and Chrome 2.0.172.37 this is working properly, but in IE6 the browser crashes (not just a javascript error, but a full-blown crash). I've narrowed it down to this bit of code that reproduces the problem: script type=text/javascript var link = $('link/link'); link.attr({ href: 'foo.css', rel: 'stylesheet' }); /script After some more testing I found that if I remove the rel attribute *or*the href attribute, the script runs fine and IE6 won't crash. It's only when I use both of them together. Are there alternatives to loading stylesheets on-demand, perhaps something similar to $.getScript()? Thanks! 1.http://en.wikipedia.org/wiki/Flash_of_unstyled_content -- Hector
[jQuery] Anyone has a fix for the IE7 bug where you have two rows?
Hello, I think there is a problem where if there are lots of subitems i get two rows. If an item in the first row has a submenu it opens as dropdown right below the item. This works good in all browser except in ie6/7. Here I have the problem that the li submenu navbar item in the second row appears always above the dropdown if it opens from an item in the first row. to get around this i used this little hack: !--[if lte IE 7] style type=text/css .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ z-index:999; } /style ![endif]-- but this only works if the mouse is hovering the li element, while it waits to fade out it goes back behind the li submenu navbar item in the second row. any suggestions? One other problem with this plugin is that if you have a windows media player component the submenus open behind the video, either in firefox or IEx. Is there a solution for this? Thanks in advance
[jQuery] Loading images into a div via scrollable plugin
I'm new to using jquery and am trying to learn a few tricks. I am currently using the scrollable jquery plugin to scroll some images of thumbnails in a gallery. What I'm trying to do now, is figure out how to load the large version of those thumbnails into a div when they are clicked. Here is a link to the webpage where the source can be viewed. http://www.tsutsumidaphoto.com/Mihoko/akiko2.php Any insight or resources that could point be to the right direction would be great. Thanks! -- View this message in context: http://www.nabble.com/Loading-images-into-a-div-via-scrollable-plugin-tp24573945s27240p24573945.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Need help with a custom selector to bind ajax callbacks
Hello everyone, I'm stuck with an annoying problem in this webapp I'm developing. I've created a small code to be called automagically on every ajax request, which shows a loading... div overlay while the ajax request is being processed. This works fine, and the code used can be seen in this pastie: http://pastie.org/552179 However, we also use the Facebox plugin (http://famspam.com/facebox/) in this app, and we don't want the loading... div overlay to show when a facebox ajax request is triggered (the example link trigger is also on the above pastie), since facebox has it's on loading thing. I can't seem to do that. I binding the ajaxSend and ajaxComplete callbacks to some css selector that would include everything except the facebox links (a[rel*=facebox]), instead of the current $ (document) route, but I failed. Does anyone have any ideas to help me with this? Thanks a lot in advance, Rodrigo.
[jQuery] JQuery DatePicker UI and ThickBox Problems
Hello - I've recently started using both the newest DatePicker and Thickbox. I'm having a problem getting the datepicker to appear in my thickbox (I'm using the ajax thickbox). Unfortunately I can't give the actual site since it's for an intranet site at work. If I look at the page itself, the calendar icon appears fine but when opened using thickbox there's no calendar icon. I've checked the z-index (it's at 199) and I've also added the following code inside the window popping up (since I've read that thickbox doesn't rerun the head) script type=text/javascript $(function(){ $('.date-pick').datePicker({startDate:'01/01/1996'}); }); /script Any help is greatly appreciated!
[jQuery] Need help with a custom selector to bind ajax callbacks
Hello everyone, I'm stuck with an annoying problem in this webapp I'm developing. I've created a small code to be called automagically on every ajax request, which shows a loading... div overlay while the ajax request is being processed. This works fine, and the code used can be seen in this pastie: http://pastie.org/552179 However, we also use the Facebox plugin (http://famspam.com/facebox/) in this app, and we don't want the loading... div overlay to show when a facebox ajax request is triggered (the example link trigger is also on the above pastie), since facebox has it's on loading thing. I can't seem to do that. I binding the ajaxSend and ajaxComplete callbacks to some css selector that would include everything except the facebox links (a[rel*=facebox]), instead of the current $ (document) route, but I failed. Does anyone have any ideas to help me with this? Thanks a lot in advance, Rodrigo.
[jQuery] Scrolling between images in list item
Hi all, I have a few images and 2 anchors sitting in a list item. In the list item there's only one picture visible at a time and the 2 anchors are used to scroll back and forth trough the pictures in such a way that if the last image is reached the first one displays again and ofcourse the other way around. I've tried to figure out a way to achieve this with jQuery but not with success up til now. Here's what I have so far; $(li img:not(:first-child)).hide(); $(li a.next).click(function() { $(this).hide().next().show(); }); This works at first but when it reaches the last image it starts trashing my HTML because it's not limited to images only... This seems rather simple to make, anyone who can help me out? Appreciated :)
[jQuery] Prepending a table row when minus image is clicked
I've got a question on how to prepend a table row above the row in which a plus sign image is clicked. If the user hides the row again with the minus image, hide the prepended row too. Ultimately I would like this to display for every record row except the first row. The table row I want to prepend is: ('trtd class=tdheadstrongColumn 1/strong/tdtd class=tdheadstrongColumn 2/strong/tdtd class=tdheadstrongColumn 3/strong/tdtd class=tdheadstrongColumn 4/strong/td/tr'); Any help would greatly be appreciated. Working code for the hiding/showing of rows: $(document).ready(function() { var toggleMinus = 'images/minus.gif'; var togglePlus = 'images/plus.gif'; var $subHead = $('tbody.show td.show:first-child'); $(tr.showhide).hide(); $subHead.prepend('nbsp;nbsp;img src=' + togglePlus + '/ nbsp;nbsp;'); $('img', $subHead).addClass('clickable') .click(function() { var toggleSrc = $(this).attr('src'); if ( toggleSrc == toggleMinus ) { $(this).attr('src', togglePlus).parents('tr:eq(0)').siblings ().hide(); } else{ $(this).attr('src', toggleMinus).parents('tr:eq(0)').siblings ().show(); }; }); })
[jQuery] FCKEditor Plugin: Switch to source mode on startup
http://dev.fckeditor.net/ticket/593 shows, how to switch to source mode on startup. is there any possibility to do this witch the FCKEditor Plugin?
[jQuery] Ajax loaded pages..
Ok, i got problem. When i load some page with jquery ajax i cant use javascript on loaded page. For example, when i load gallery.htm in some div in index.html, lightbox wont work. Is this usual or..?
[jQuery] jQuery Tab problem
Hi i am using jquery in my app, i have a big time problem with my tab ordering. I am not using any plugin for tab ordering but, I'm using AutoComplete though ... i am using facebook search token plugin also .. When i press tab in my text fields and prepare search tokens, suddenly i loose my control in the text boxes, i need to use my mouse to get to that particular field. EX: i have 4 fields. 1, 2, 3, 4 when i enter in 1, 2 fields, i use tab usually to move 1-2, and again tab to go to 3rd field. when i press tab, the control goes off the screen !! when i presss tab i realize the control comes from top element say menu bar of my webapp. Please help, Ganesh
[jQuery] Username availability check and form validation
So I have a JQuery/ajax username availability check function which calls a file check.php that scans the database for existing username and lets you know if the one typed in is occupied or not. And this availabilty check is inside a registration form witch has some simple validation rules like required password, required email... The only think that is getting me frustrated is that even if the uname function says that the username is not available the form lets me through and I can still press the submit button and go to the next page. So I want my form not to validate if this function tells that the username is not available. I tried to create a custom rule and some other things but I couldnt get it done so if somebody could help me it would be really great. tnx $(document).ready(function() { $(#uname).blur(function() { $(#msgbox).removeClass().addClass('messagebox').text ('Checking...').fadeIn(1000);//remove all the class add the messagebox classes and start fading $.get(check.php,{ uname:$(this).val() } ,function(data)//check the username exists or not from ajax { if(data=='no') //if username not avaiable { $(#msgbox).fadeTo(200,0.1,function() //start fading the messagebox { $(this).html('This User name Already exists').addClass ('messageboxerror').fadeTo(900,1); //add message and change the class of the box and start fading }); } else if(data='yes') { $(#msgbox).fadeTo(200,0.1,function() //start fading the messagebox { //add message and change the class of the box and start fading $(this).html('Username available to register').addClass ('messageboxok').fadeTo(900,1); }); } }); });
[jQuery] jQuery Cycle Plugin and Links
I would like to add another attribute to the img tag called link. This attribute would define where the image would link to if someone clicks the image. Then i could do something like: .append('p' + this.alt + ' a href=' + this.link +'Read more ›/p'); Does anyone know what/where i can add in the cycle js to accomodate for this.link?
[jQuery] Custom Events Fired From Element Inside of IFRAME
I have an iframe in a page which contains another page from within my application. The iframe contents include a button that, when clicked, will trigger a custom event on the parent document. While I can listen to the click event on the button from the IFRAME parent, i cannot listen to the custom event. Strange. Parent: html head script type=text/javascript src=http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/ jquery.min.js/script script type=text/javascript $(document).ready(function() { $(iframe).load(function(e) { $(this).contents().find(#portlet).bind(updated, function(e) { alert(click); }); }); }); /script /head body script language=JavaScript/script iframe src=frame.jsp id=myframe/iframe /body /html IFRAME: %@ page language=java contentType=text/html; charset=ISO-8859-1 pageEncoding=ISO-8859-1% !DOCTYPE html PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http:// www.w3.org/TR/html4/loose.dtd html head meta http-equiv=Content-Type content=text/html; charset=ISO-8859-1 titleInsert title here/title script type=text/javascript src=http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/ jquery.min.js/script script type=text/javascript $(document).ready(function() { $(button#framer).click(function(e) { var e = new jQuery.Event(updated); $(#portlet).trigger(e); }); }); /script style type=text/css #portlet { display: none; } /style /head body div id=portlet/div button id=framerClick Me/button /body /html Optimally, I think it makes sense to trigger the updated event on the document, rather than the hidden div - but neither seems to work. Should I expect this behavior to work as I intend it to, or am I hitting some limitation?
[jQuery] Re: My new website AllJobsXChange.com developed with Jquery
You can use ending tags in HTML 4.01. It helps for DOM reasons to know where an element begins and ends. On Jul 20, 10:29 am, son sco0...@yahoo.com wrote: Rob, Thanks. I have used the !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR/html4/loose.dtd; since I have deprecated elements. I have a question for everyone. Supposedly for HTML 4.01, the ending of an input tag is simply but in w3school it show /. It does work either way, but which one is corrrect by syntax? Should ending tags matter in terms of it may or may not be rendered by the browser correctly? Son On Jul 18, 8:14 pm, RobG robg...@gmail.com wrote: On Jul 18, 9:40 am, son sco0...@yahoo.com wrote: Thank you Rob. I can't remember what make me use the XHTML doctype, I thought I had some problem with running some jquery stuff, but not sure. what is the ideal doctype the will work well with JQuery? jQuery is irrelevant, the best (and only) DOCTYPE to use on the web is HTML 4.01 strict. You may use others for specific purposes, but they are not suitable for a general web site. The vast majority if web sites using an XHTML DOCTYPE are served as HTML because about 70% of web users are using IE, which does not understand XHTML. URL:http://hixie.ch/advocacy/xhtml -- Rob
[jQuery] Reg Hint Box
Hi All, I am new to jquery,recently i used jquery hintbox to get data dynamicaaly from data base using jsp and html.how to solve this application Thanks and Regards Santosh M
[jQuery] Can't select checked checkboxes
I don't get it In my page I have several checkboxes like this one: input id=item-8 type=checkbox/ This is my Jquery code: function ShowSelected() { var ids; $([id^='item-'][checked]).each(function(){ids = ids +, +$ (this).attr(id).split('-')[1];}); alert(ids); } This should give me a list of ids,right? I get nothing, an empty alert can anyone help? Thanks
[jQuery] Re: Username availability check and form validation
The code you provided is just the check when the field has the blurred event called. Are you also doing the check when the form is submitted? You have to do some kind of check on form submit, and if it doesn't pass, do a return false; and the form should not be submitted. On Jul 20, 2:28 am, psykeeq ales.fa...@gmail.com wrote: So I have a JQuery/ajax username availability check function which calls a file check.php that scans the database for existing username and lets you know if the one typed in is occupied or not. And this availabilty check is inside a registration form witch has some simple validation rules like required password, required email... The only think that is getting me frustrated is that even if the uname function says that the username is not available the form lets me through and I can still press the submit button and go to the next page. So I want my form not to validate if this function tells that the username is not available. I tried to create a custom rule and some other things but I couldnt get it done so if somebody could help me it would be really great. tnx $(document).ready(function() { $(#uname).blur(function() { $(#msgbox).removeClass().addClass('messagebox').text ('Checking...').fadeIn(1000);//remove all the class add the messagebox classes and start fading $.get(check.php,{ uname:$(this).val() } ,function(data)//check the username exists or not from ajax { if(data=='no') //if username not avaiable { $(#msgbox).fadeTo(200,0.1,function() //start fading the messagebox { $(this).html('This User name Already exists').addClass ('messageboxerror').fadeTo(900,1); //add message and change the class of the box and start fading }); } else if(data='yes') { $(#msgbox).fadeTo(200,0.1,function() //start fading the messagebox { //add message and change the class of the box and start fading $(this).html('Username available to register').addClass ('messageboxok').fadeTo(900,1); }); } }); });
[jQuery] Re: input fields don't work after using $load()
Read: Why do my events stop working after an AJAX request? http://docs.jquery.com/Frequently_Asked_Questions#Why_do_my_events_stop_working_after_an_AJAX_request.3F On Jul 19, 8:31 pm, James jrbrayjr2...@gmail.com wrote: I am using the $(load) function to populate a div in my HTML with form. The code snippets look something like this. html ... ... div id=formArea/div ... ... /html $('#formArea').load('content/myForm.txt'); The form loads fine, but the input controls no longer work once the form is loaded using this AJAX technique. Does anyone know what the problem might be? Thanks.
[jQuery] Re: Can't select checked checkboxes
Try using :checked instead of [checked] $([id^='item-']:checked) -- Hector On Mon, Jul 20, 2009 at 9:09 AM, SvenV sven.vanoirb...@gmail.com wrote: I don't get it In my page I have several checkboxes like this one: input id=item-8 type=checkbox/ This is my Jquery code: function ShowSelected() { var ids; $([id^='item-'][checked]).each(function(){ids = ids +, +$ (this).attr(id).split('-')[1];}); alert(ids); } This should give me a list of ids,right? I get nothing, an empty alert can anyone help? Thanks
[jQuery] Re: Can't select checked checkboxes
Thanks, that did it On 20 jul, 22:06, Hector Virgen djvir...@gmail.com wrote: Try using :checked instead of [checked] $([id^='item-']:checked) -- Hector On Mon, Jul 20, 2009 at 9:09 AM, SvenV sven.vanoirb...@gmail.com wrote: I don't get it In my page I have several checkboxes like this one: input id=item-8 type=checkbox/ This is my Jquery code: function ShowSelected() { var ids; $([id^='item-'][checked]).each(function(){ids = ids +, +$ (this).attr(id).split('-')[1];}); alert(ids); } This should give me a list of ids,right? I get nothing, an empty alert can anyone help? Thanks
[jQuery] Re: Get the value of the option elements
I've run into this problem too and found that I get better results by accessing the value attribute instead of using .val(): $('#aUsers option:selected').each(function() { console.log('user: ' + $(this).attr('value')); }); -- Hector On Mon, Jul 20, 2009 at 2:40 AM, debussy007 debussy...@gmail.com wrote: Uhm ... for some obscure reason I got it working now ... debussy007 wrote: Hello, The following code below doesn't seem to give the expected result: $('#aUsers option:selected').each(function() { console.log('user: ' + $(this).val()); }); It will display the empty string. -- View this message in context: http://www.nabble.com/Get-the-value-of-the-option-elements-tp24566521s27240p24566693.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: Username availability check and form validation
Also - maybe you have a typo - should the line not be: else if(data=='yes') instead of else if(data='yes') Thanks, Anoop On Mon, Jul 20, 2009 at 3:59 PM, James james.gp@gmail.com wrote: The code you provided is just the check when the field has the blurred event called. Are you also doing the check when the form is submitted? You have to do some kind of check on form submit, and if it doesn't pass, do a return false; and the form should not be submitted. On Jul 20, 2:28 am, psykeeq ales.fa...@gmail.com wrote: So I have a JQuery/ajax username availability check function which calls a file check.php that scans the database for existing username and lets you know if the one typed in is occupied or not. And this availabilty check is inside a registration form witch has some simple validation rules like required password, required email... The only think that is getting me frustrated is that even if the uname function says that the username is not available the form lets me through and I can still press the submit button and go to the next page. So I want my form not to validate if this function tells that the username is not available. I tried to create a custom rule and some other things but I couldnt get it done so if somebody could help me it would be really great. tnx $(document).ready(function() { $(#uname).blur(function() { $(#msgbox).removeClass().addClass('messagebox').text ('Checking...').fadeIn(1000);//remove all the class add the messagebox classes and start fading $.get(check.php,{ uname:$(this).val() } ,function(data)//check the username exists or not from ajax { if(data=='no') //if username not avaiable { $(#msgbox).fadeTo(200,0.1,function() //start fading the messagebox { $(this).html('This User name Already exists').addClass ('messageboxerror').fadeTo(900,1); //add message and change the class of the box and start fading }); } else if(data='yes') { $(#msgbox).fadeTo(200,0.1,function() //start fading the messagebox { //add message and change the class of the box and start fading $(this).html('Username available to register').addClass ('messageboxok').fadeTo(900,1); }); } }); });
[jQuery] Re: Username availability check and form validation
I suggest disabling the submit button so the user won't be surprised when clicking it has no affect. -- Hector On Mon, Jul 20, 2009 at 12:59 PM, James james.gp@gmail.com wrote: The code you provided is just the check when the field has the blurred event called. Are you also doing the check when the form is submitted? You have to do some kind of check on form submit, and if it doesn't pass, do a return false; and the form should not be submitted. On Jul 20, 2:28 am, psykeeq ales.fa...@gmail.com wrote: So I have a JQuery/ajax username availability check function which calls a file check.php that scans the database for existing username and lets you know if the one typed in is occupied or not. And this availabilty check is inside a registration form witch has some simple validation rules like required password, required email... The only think that is getting me frustrated is that even if the uname function says that the username is not available the form lets me through and I can still press the submit button and go to the next page. So I want my form not to validate if this function tells that the username is not available. I tried to create a custom rule and some other things but I couldnt get it done so if somebody could help me it would be really great. tnx $(document).ready(function() { $(#uname).blur(function() { $(#msgbox).removeClass().addClass('messagebox').text ('Checking...').fadeIn(1000);//remove all the class add the messagebox classes and start fading $.get(check.php,{ uname:$(this).val() } ,function(data)//check the username exists or not from ajax { if(data=='no') //if username not avaiable { $(#msgbox).fadeTo(200,0.1,function() //start fading the messagebox { $(this).html('This User name Already exists').addClass ('messageboxerror').fadeTo(900,1); //add message and change the class of the box and start fading }); } else if(data='yes') { $(#msgbox).fadeTo(200,0.1,function() //start fading the messagebox { //add message and change the class of the box and start fading $(this).html('Username available to register').addClass ('messageboxok').fadeTo(900,1); }); } }); });
[jQuery] Re: Username availability check and form validation
The validation plugin (http://bassistance.de/jquery-plugins/jquery-plugin-validation/) has a remote method (http://docs.jquery.com/Plugins/Validation/Methods/remote#url has links to demos, too) for exactly that purpose. Jörn On Mon, Jul 20, 2009 at 2:28 PM, psykeeqales.fa...@gmail.com wrote: So I have a JQuery/ajax username availability check function which calls a file check.php that scans the database for existing username and lets you know if the one typed in is occupied or not. And this availabilty check is inside a registration form witch has some simple validation rules like required password, required email... The only think that is getting me frustrated is that even if the uname function says that the username is not available the form lets me through and I can still press the submit button and go to the next page. So I want my form not to validate if this function tells that the username is not available. I tried to create a custom rule and some other things but I couldnt get it done so if somebody could help me it would be really great. tnx $(document).ready(function() { $(#uname).blur(function() { $(#msgbox).removeClass().addClass('messagebox').text ('Checking...').fadeIn(1000);//remove all the class add the messagebox classes and start fading $.get(check.php,{ uname:$(this).val() } ,function(data)//check the username exists or not from ajax { if(data=='no') //if username not avaiable { $(#msgbox).fadeTo(200,0.1,function() //start fading the messagebox { $(this).html('This User name Already exists').addClass ('messageboxerror').fadeTo(900,1); //add message and change the class of the box and start fading }); } else if(data='yes') { $(#msgbox).fadeTo(200,0.1,function() //start fading the messagebox { //add message and change the class of the box and start fading $(this).html('Username available to register').addClass ('messageboxok').fadeTo(900,1); }); } }); });
[jQuery] Re: jQuery Cycle Plugin and Links
you can use the "before" and "after" options in the API to write functions that trigger on each slide to do what you want Mescalero wrote: I would like to add another attribute to the img tag called "link." This attribute would define where the image would link to if someone clicks the image. Then i could do something like: .append('p' + this.alt + ' a href=''Read more /p'); Does anyone know what/where i can add in the cycle js to accomodate for this.link?
[jQuery] tablesorter zebra issue in IE7/IE8
Hi everybody, I'm using the tablesorter plugin with the zebra widget and I've run into an issue with IE7/IE8. I'm setting a number of tablerow (tr) elements to invisible and then run a tablesorter update + appendCache action to make sure the zebra widget picks up on the changed structure of the table. This works fine in all browsers except IE8. With a bit of debugging I've pinpointed it with reasonable certainty to the appendCache function in tablesorter (actually appendToTable) but I can't find anything to explain why IE8 will not cooperate. My own code is copied in below. What it does is that dependent on a value in a dropdown box and a match with a server-side generated javascript array it will hide certain tablerows. Any help in explaining why tablesorter+zebra doesn't process this correctly in IE7/IE8 would be much appreciated! $('.dropdown_hide').change(function() { $('input:checkbox').each( function() { this.checked = ''; } ); $('input:checkbox').each( function() { $(this).parent().parent('tr').addClass('hidden'); } ); $('#select_deselect').parent().parent('tr').removeClass ('hidden'); if ($('select').val() == 0) { $('input:checkbox').each( function() { $(this).parent().parent('tr').removeClass ('hidden'); } ); } else { for (i = 0; i rbacArray.length; i++ ) { if (rbacArray[i][0] == $('select').val()) { $('input:checkbox').each( function() { if ($(this).val() == rbacArray[i][1]) { $(this).parent().parent ('tr').removeClass('hidden'); } } ); } } } $(.stripeMe).trigger(update); $(.stripeMe).trigger(appendCache); }); Thanks, Meint
[jQuery] Noob question about wrapped sets
Going through the tutorials on this website and others, I've found some syntax that I don't understand and is never explained. Usually wrapped sets look like this: $(#myElement) But once in a while they look like this $(#myElement)[0] Here are a few examples of it in use: $(div).index($(div#myDiv)[0]); $(#myImage)[0].alt; I don't get it. The sample code is NEVER trying to find the first element of an array. From my POV this format seems completely random and unnecessary, yet the jQuery code will NOT work if the [0] is removed. I know it's something glaringly obvious and I'll feel stupid when I get the answer, but my god, I just can't figure out the pattern here. Please help.
[jQuery] ajaxForm/Submit Window.Document
Using jQuery Form Plugin on a form that submits text file fields to a remote server, the resulting XML/JSON returned does not appear to be available to jQuery. As demonstrated via error: function(XMLHttpRequest, textStatus, errorThrown) { console.log(errorThrown); Error: Permission denied for http://X to get property Window.document from http://Y. I believe this is the DOM from the same domain issue. I can see the HTTP POST Response in Firebug. How can I access the returned text?
[jQuery] thickbox + jquery help
hello i would like to customize a carrousel with thickbox by adding a description to each image but i m a bit lost, i would be VERY grateful to anyone helping me jQuery is 1.2.6 here is part of my code var mycarousel1_itemList = [ {url: ./images/deunan_evening_dress_s.jpg, title: fff, description: },{url: ./images/lien_s.jpg, title: titre de la sculpture, description: q},{url: ./images/briareos +dunan4_s.jpg, title: autre titre, description: q},{url: , title: testitre, description: description},{url: ./images/ hinatahyuuga0_s.jpg, title: testitre autre, description: desc}, {url: ./images/briareos+dunan4_s.jpg, title: test titre autre autre, description: desc} ]; function mycarousel1_itemLoadCallback(carousel, state) { for (var i = carousel.first; i = carousel.last; i++) { if (carousel.has(i)) { continue; } if (i mycarousel1_itemList.length) { break; } // Create an object from HTML var item = jQuery(mycarousel1_getItemHTML(mycarousel1_itemList [i-1])).get(0); // Apply thickbox tb_init(item); carousel.add(i, item); } }; firebug| tab DOM tells me this: [Object url=./images/deunan_evening_dress_s.jpg title=fff, Object url=./images/lien_s.jpg, Object url=./images/briareos+dunan4_s.jpg, 3 more... 0=Object 1=Object 2=Object 3=Object 4=Object 5=Object] it seems strange,is it ok? is the parsing ok because nothing happens anymore, no picture is shown (i have also been messing inside thickbox script) http://www.jeremieparmentier.com/test/jquery/testjquery.html but if if insert a description inside the thickbox.js it works but as i want a different description for each picture it's no good :-{ if you want to have a look you can go here http://www.jeremieparmentier.com/test/jquery/testjquery2.html thanks for your help!
[jQuery] TableSorter. Pager issue.
Ok, I have tried to solve this issue for few hours without any success. I have latest Jquery, TableSorter and Pager files. This is whats going on. when I use table headers to sort its working flawless but when I use Pager (at the bottom, page navigation and table size) I am getting Javascript error unidentified is null or not an object which is pointing to Pager script (jquery.tablesorter.pager.js). In the script it seems like table.config is turning out to be unidentifed in the error I mentioned above here is an example: function setPageSize(table,size) { var c = table.config; //This is where the error is! c.size = size; c.totalPages = Math.ceil(c.totalRows / c.size); c.pagerPositionSet = false; moveToPage(table); fixPosition(table); } it cannot solve table.config. but in jquery.tablecorter.js it seems to be working fine, I mean table.config. None of the pager navigations are working when I have a page consists of common page headers and body templates, when I remove everything from the top (all the tables and menu, etc.) it works but with the same error!!! Could anyone PLEASE let me know if there is a solution. Thanks.
[jQuery] Re: ajaxForm/Submit Window.Document
I can see the HTTP POST Response in Firebug. How can I access the returned text? If it's from a different domain, you can't.
[jQuery] Re: Loading images into a div via scrollable plugin
if you wrap your thumbs in scrollable with an a tag like this a class="thumb" href="" img src="" //a you can change the src of the big image you load the page with like this ( your large pictures are already in div id="pictures" $(".thumb").click( function () { //because using class name any link with this class will do same thing bigImageSrc= $(this).attr("href"); // "this" is the a tag with class thumb you just clicked $("#pictures img).attr("src",bigImageSrc); //change 'src' attribute to new one return false; // stops the a link from opening the big image in separate window }); huminuh83 wrote: I'm new to using jquery and am trying to learn a few tricks. I am currently using the scrollable jquery plugin to scroll some images of thumbnails in a gallery. What I'm trying to do now, is figure out how to load the large version of those thumbnails into a div when they are clicked. Here is a link to the webpage where the source can be viewed. http://www.tsutsumidaphoto.com/Mihoko/akiko2.php Any insight or resources that could point be to the right direction would be great. Thanks!
[jQuery] Re: jQuery Cycle Plugin and Links
I would like to add another attribute to the img tag called link. This attribute would define where the image would link to if someone clicks the image. Then i could do something like: .append('p' + this.alt + ' a href=' + this.link +'Read more ›/p'); Does anyone know what/where i can add in the cycle js to accomodate for this.link? Check out the 'callbacks' example on this page: http://www.malsup.com/jquery/cycle/int2.html
[jQuery] Re: Noob question about wrapped sets
$(#myElement) returns jQuery object and $(#myElement)[0] returns DHTML object. Here is a sample on how to access alt attribute jQuery $(#myElement).attr(alt) vs DHTML $(#myElement)[0].alt Both code return the same value. Correct me if i am wrong, I think the DHTML version is faster than the jQuery one. On Jul 21, 8:07 am, nyte999 zend...@gmail.com wrote: Going through the tutorials on this website and others, I've found some syntax that I don't understand and is never explained. Usually wrapped sets look like this: $(#myElement) But once in a while they look like this $(#myElement)[0] Here are a few examples of it in use: $(div).index($(div#myDiv)[0]); $(#myImage)[0].alt; I don't get it. The sample code is NEVER trying to find the first element of an array. From my POV this format seems completely random and unnecessary, yet the jQuery code will NOT work if the [0] is removed. I know it's something glaringly obvious and I'll feel stupid when I get the answer, but my god, I just can't figure out the pattern here. Please help.
[jQuery] Re: Loading images into a div via scrollable plugin
brilliant! That worked. Thanks so much for your help and explaining it so thoroughly. Who knew it was so simple...I need to learn this stuff badly. Charlie Tomlinson wrote: if you wrap your thumbs in scrollable with an lt;agt; tag like this lt;a class=thumb href=big_image1gt; lt;img src=small_image1 /gt;lt;/agt; you can change the src of the big image you load the page with like this ( your large pictures are already in lt;div id=picturesgt; $(.thumb).click( function () { //because using class name any link with this class will do same thing nbsp;nbsp;nbsp; bigImageSrc= $(this).attr(href);nbsp;nbsp;nbsp;nbsp;nbsp; // this is the lt;agt; tagnbsp; with class thumb you just clicked nbsp;nbsp;nbsp; $(#pictures img).attr(src,bigImageSrc);nbsp;nbsp;nbsp;nbsp; //change 'src' attribute to new one nbsp;nbsp;nbsp; nbsp;nbsp;nbsp; return false;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp; // stops the lt;agt; link from opening the big image in separate window }); huminuh83 wrote: I'm new to using jquery and am trying to learn a few tricks. I am currently using the scrollable jquery plugin to scroll some images of thumbnails in a gallery. What I'm trying to do now, is figure out how to load the large version of those thumbnails into a div when they are clicked. Here is a link to the webpage where the source can be viewed. http://www.tsutsumidaphoto.com/Mihoko/akiko2.php Any insight or resources that could point be to the right direction would be great. Thanks! -- View this message in context: http://www.nabble.com/Loading-images-into-a-div-via-scrollable-plugin-tp24573945s27240p24579366.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Rename a file name
I was wondering if someone could point out how to rename a file name. In the script I am using I see function fileFromPath(file){ return file.replace(/.*(\/|\\)/, ); } which replaces characters but how would I completely rename the file I tried: function fileFromPath(file){ var dateObject = new Date(); var file = dateObject.getFullYear() + '' + dateObject.getMonth() + '' + dateObject.getDate() + '' + dateObject.getTime(); return file(); //return file.replace(/.*(\/|\\)/, ); } but i lose the extension of the file Dave