[jQuery] Re: 1.2.5 and 1.2.6 not working at all for me - what am I missing?
Victor: That shouldn't be the case (if you're using noConflict). Note that the code he presented worked with 1.2.3. --John On Wed, May 28, 2008 at 4:41 AM, Victor [EMAIL PROTECTED] wrote: Kape: Just read your post again. You are using prototype. I believe that it conflicts with 1.2.5 and 1.2.6. Victor On May 27, 5:26 pm, kape [EMAIL PROTECTED] wrote: OK, I'm sure that someone would have mentioned that the latest releases don't work, so that can't be it. It's obvious that I'm missing something. I've been using jQuery 1.2.3 for months now, and today I wanted to use the ui.slider plugin which requires offsetWidth() which is not in 1.2.3. So I figured I'd just download the latest release, i.e. 1.2.6 and be done with it. I did just that, but when I ran my app, there were a whole bunch of JS errors. I figured that's to be expected, my code isn't perfect. So I started debuging them. So far, I'm still trying to debug the very first one. I have something as simple as: jQuery(document).ready(function() { alert(jQuery('body').html()); }); If I use 1.2.3 everything works and onLoad I get the html of the body element. If I change the one line to 1.2.5 or 1.2.6, I get an alert with undefined. The reason I'm using jQuery() instead of $() is that I am also using prototype for their portal plugin. I wish I wasn't but the jQuery verion just isn't cutting it yet. And yes, I have the jQuery.noConflict(); line first in my JS code. So, what am I missing? Do I need to download any other file besides jquery-1.2.5.pack.js for example? Are the new releases not working with prototype? Are they using different syntax? I mean, I assume that if the new releases would have such drastic changes, they wouldn't be 1.2.6 they would be 2.0. Anyway, hopefully someone can point out whatever it is that I'm missing here. Thanks, Kape
[jQuery] Re: datepicker select to update a div, and strange datepicker css issue
Hi, It looks like you are converting the Date object to a string by adding a space to the start of it. Instead you should use the methods available on the Date object itself. So something like this should work: $('.holdDate').html(selectedDate.asString()); (the asString method is defined in date.js and will format your date according to the Date.format you have set). Alternatively you can use the native methods of the date object: http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Date Hope that helps, Kelvin :) pedalpete wrote: I've made some progress with this, but my code is looking really strange. To rehash, I am trying to get the datepicker to update a span, not an input. But i was getting an error. Now I can update the span, but I can't split the date variable before I update (it gives blank time and gmt details that I don't need anyway). For some reason I have to have a space before the selectedDate variable, or it isn't recognized and i get an error. Anybody know why this is? Here's my working code... [code] $('.dateItem') .datePicker({inline:true}) .bind( 'dateSelected', function(e, selectedDate, $td) { var getDate = ' '+selectedDate; var splitDate = getDate.split(00:00:00); $('.holdDate').html(splitDate[0]); } ); [/code]
[jQuery] Tablesorter plugin and widthFixed property
Hi folks, I'm playing around with the Tablesorter plugin and I'm a little confused about the widthFixed property. I downloaded and included the Dimensions plugin and set widthFixed to true like so: /* Table Sorter */ $(#mytable).tablesorter({ widthFixed: true, widgets: ['zebra'], sortList: [[3,0]] }); Everything works, except that the width of the columns keeps getting wider to accommodate long text. Any ideas how to prevent the columns from widening, and instead wrap the text inside each cell. Thanks, Konstantin
[jQuery] Re: Load specific id on click
Load the entire page and then parse it with $(#div_you_want).html(); This will return everything within div_you_want including HTML tags. Use .text() if you need only the text stripped of HTML. Note: Since ur loading the page dynamically, jQuery will not automatically update the DOM, so use a plugin like liveQuery, in which case it will be $(#div_you_want).livequery(function() { $(this.id).html/text(); }); IschaGast wrote: I have a page with an archive of all newsletters: http://ischagast.nl/janhekmanschool/nieuwsbrief/archief/ What I want is that when clicking a month the results of that month appear under the months just like this site: http://loweblog.com/archives/ I thought building that with jquery would be simple, something like this: $('#content_main div.weblog_archive li a').click(function() { $('div.article').load(this.href); return false }); This works good but I only want to load the div.article and thats something I could not get to work. I thought maybe something like this could work but it does not: .load(this.href + div.article); What works?
[jQuery] customizing superfish ?
Hi guys, I'm new to jquery and have just implemented superfish on a website I'm busy working on. But my manager wants some customization done with regards to positioning of the submenu's (i.e. where they fly out from). I also installed the supposition plugin that helps a bit with the positioning based on your window size. Basically just wanted to know if anybody can help me. I can send the URL's to the pages in private discussions. Also which tools do you guys use to debug, edit, create cool javascripts like this.? Thanks Ettiene
[jQuery] Re: .length doesn't work in Firefox
You need to use val() as you are looking for the value attribute of the input not the html. var len = content.val().length On May 28, 9:47 am, vladv [EMAIL PROTECTED] wrote: Hello, Have some strange behavior with Firefox, can someone please help me with this? This is the code (without irrelevant info): var content = $('#TextField'); //this is ASP.NET TextField var len = content.html().length; //same result with text() if(len == 0) { return false;} else { return true; } It works great in IE (6 and 7) but in Firefox gives me always len==0 (even if there is some text there) I use jQuery 1.2.6
[jQuery] Opacity Problems in IE 6 and IE 7 with 1.2.5 and 1.2.6
Once I upgraded to 1.2.5 and 1.2.6 there seems t be a problem with the way that jQuery sets the opacity filter in IE, specifically for items that on the initial render are 'display:none' At first I thought it was my plugins involved (jqgalviewii , jqmodal, and idtabs) but once I dived into the code it seems like the problem may be somewhere in lines 1099 - 1113. This problem did not exist in 1.2.3 or 1.2.2. jQuery 1.2.6 // IE uses filters for opacity 1099 if ( msie name == opacity ) { 1100 if ( set ) { 1101 // IE has trouble with opacity if it does not have layout 1102 // Force it by setting the zoom level 1103 elem.zoom = 1; 1104 1105 // Set the alpha filter to set the opacity 1106 elem.filter = (elem.filter || ).replace( /alpha\([^)]*\)/, ) + 1107 (parseInt( value ) + '' == NaN ? : alpha(opacity= + value * 100 + )); 1108 } 1109 1110 return elem.filter elem.filter.indexOf(opacity=) = 0 ? (parseFloat( elem.filter.match(/opacity=([^)]*)/)[1] ) / 100) + '': 1112 ; 1113 } Any ideas?
[jQuery] Re: Load specific id on click
I tried something like this and that works: $('#content_main div.weblog_archive li a').click(function() { $('div.article').load(http://ischagast.nl/janhekmanschool/ nieuwsbrief/archief_maand/2008/05/ div.article); return false }); But that url (http://ischagast.nl/janhekmanschool/nieuwsbrief/ archief_maand/2008/05/) must not be the same everytime but it has to be different every time. I wanted to store it in a variable liuke this var $test = this.href but how do I get it in that load thing? I tried this but that did not work: $('#content_main div.weblog_archive li a').click(function() { var $test = this.href; $('div.article').load($test div.article); return false }); On May 27, 11:53 pm, IschaGast [EMAIL PROTECTED] wrote: I have a page with an archive of all newsletters:http://ischagast.nl/janhekmanschool/nieuwsbrief/archief/ What I want is that when clicking a month the results of that month appear under the months just like this site:http://loweblog.com/archives/ I thought building that with jquery would be simple, something like this: $('#content_main div.weblog_archive li a').click(function() { $('div.article').load(this.href); return false }); This works good but I only want to load the div.article and thats something I could not get to work. I thought maybe something like this could work but it does not: .load(this.href + div.article); What works?
[jQuery] Selector help needed
Hi All, This is my DOM structure: tr class=child1 td class=titleCellFirst Name:/td td class=fieldCellinput class=inputbox value=John //td /tr tr class=child1 td class=titleCellMiddle Name:/td td class=fieldCellinput class=inputbox value=Garry //td /tr tr class=child2 td class=titleCellFirst Name:/td td class=fieldCellinput class=inputbox value=Nick //td /tr tr class=child2 td class=titleCellMiddle Name:/td td class=fieldCellinput class=inputbox value=Peter //td ... Questions: 1) how can I select the value Garry? I tried $('tr.child1 td input').eq(1).value But it does not work 2) How can I reset all values of input fields of tr.child2 without cycling through? Any help? -- View this message in context: http://www.nabble.com/Selector-help-needed-tp17508515s27240p17508515.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: Loading help with contextmenu plugin.
Mauricio, This sounds like a good place to use the livequery plugin: http://docs.jquery.com/Plugins/livequery Its purpose: keeping events properly bound to elements that satisfy a selector even when the elements are loaded later, or loaded dynamically. Good luck. On May 27, 5:47 pm, Mauricio Farah [EMAIL PROTECTED] wrote: Hi, I don't know if it's the right place to post this, but I can't find developer's email anywhere. In case that you don't know the pluginhttp://www.trendskitchens.co.nz/jquery/contextmenu/is the homepage. Basically it let's you override right click on the browser for the html elements you want, changing it for one that you define. The javascript code for the menu is in the $document.ready(), like this: $(document).ready(function() { $('span.demo1').contextMenu('myMenu1', { bindings: { 'open': function(t) { alert('Trigger was '+t.id+'\nAction was Open'); }, 'email': function(t) { alert('Trigger was '+t.id+'\nAction was Email'); } } }); } And it works alright. But what I need to do is to show the menu on a element I dynamically load using $(#id).html(new value); After loading the new content, right click doesn't brings context menu anymore on that element, and I don't know how to fix it. I think it's more related to plain jQuery than the plugin. I hope someone could help me with this. Thanks in advance.
[jQuery] Re: superfish z-index problem with ie7
Hi Vincent, This sounds like the IE z-index bug. Here are a few previous threads from this list which address it. http://groups.google.com/group/jquery-en/browse_thread/thread/826e8157b5fcf6a1/2dffd08fb21309fe?lnk=gstq=ie+z-index+bug+superfish#2dffd08fb21309fe http://groups.google.com/group/jquery-en/browse_thread/thread/283486ab8cff5545/ca32aa548b171243?lnk=gstq=ie+z-index+bug+superfish#ca32aa548b171243 http://groups.google.com/group/jquery-en/browse_thread/thread/ff79b03f027dc459/69bc1a7848f38910?lnk=gstq=ie+z-index+bug+superfish#69bc1a7848f38910 You could probably find even more threads than this as the problem keeps being posted. Good luck. Joel Birch.
[jQuery] superfish z-index problem with ie7
Hi, I'm trying to put a superfish menu online, and i have issues with IE 6 and 7.. it's visible on this site : http://www.voyagemotion.com/ but, it's in the members area.. so, i'll try to give the concerned code, here.. i'm using jquery 1.2.3, hoverIntent, and then call superfish.. I've not tried to add bgiframe, as i think it's only for IE6, and my problem is also with IE7... i've fixed the z-index of all the column that should be under to 1, but it doesn't change anything.. the menu appears under the rest of the page.. here is my container definition : #user_log { position:static; float:right; margin-right:15px; margin-top:15px; color:#646569; width:150px; text-align:center; } the html code : div id=user_log span style=font-weight:bold;display:block;width:100%;text-align:center; Bienvenue Vince br /span style=font-weight:normal;font-size:9px;(a href=/Mon-Carnet-de-Voyage/logout.phpDeacute;connexion/a)/span /spanbr / ul class=nav lia href=# style=font-weight:bold;font-size:13px;Menu/a ul lia href=/Medias/user.php?user_id=63Consulter mes meacute;dias/a/li lia href=/Mon-Carnet-de-Voyage/Uploader des meacute;dias/a/li lia href=/Mon-Carnet-de-Voyage/tous_mes_medias.phpEditer mes meacute;dias/a/li lia href=/Mon-Carnet-de-Voyage/deleteMedias.phpSupprimer des meacute;dias/a/li lia href=/Mon-Carnet-de-Voyage/carnets.phpOrganiser mes meacute;dias/a/li lia href=/Mon-Carnet-de-Voyage/profil.php?height=400amp;width=700amp;TB_iframe=trueamp;KeepThis=true class=thickboxEditer mon profil/a/li lia href=/Retour agrave; l'accueil/a/li /ul /li /ul /div And my superfish.css /* There is a version of this file commented in great detail for educational purposes here: * http://users.tpg.com.au/j_birch/plugins/superfish/superfish.commented.css */ /*** ESSENTIAL STYLES ***/ .nav, .nav * { margin:0; padding:0; list-style:none; } .nav { line-height:1.0; } .nav ul { position:absolute; top:-999em; width:150px; height: 30px; } .nav ul li, .nav a { width: 100%; } .nav li { float:left; position:relative; z-index:99; } .nav a { display:block; } .nav li:hover ul, ul.nav li.sfHover ul { left:-1px; top:2.5em; } .nav li:hover li ul, .nav li.sfHover li ul { top:-999em; } .nav li li:hover ul, ul.nav li li.sfHover ul { left:150px; top:-1px; } .superfish li:hover ul, .superfish li li:hover ul { top: -999em; } /*** ORIGINAL SKIN ***/ .nav { /*float:left;*/ margin:auto; margin-bottom:1.5em; width:150px; height: 30px; } .nav li { background:#FF; background-image: url(/images/CSS/fd-menu0.gif); border-left:1px solid #fff; border-top:1px solid #CFDEFF; width:150px; } .nav a { color: #13a; padding: .75em 0; text-decoration:none; text-indent: 5px; } .nav li:hover, .nav li.sfHover, .nav a:focus, .nav a:hover, .nav a:active { background:#e7e7e7; background-image: url(/images/CSS/fd-menu.gif); } .nav li li { background:#FF; background-image: url(/images/CSS/fd-menu.gif); } .nav li li li { background:#9AAEDB; }
[jQuery] Query z-index problem in IE6 with 1.2.5 and 1.2.6
To reproduce the problem var aa = jQuey(#content).css('z-index'); var bb = (/^\d+$/.test($(#content).css('z-index'))); 1.2.6 FF - aa - auto; bb - false IE6 -aa - 0 ; bb-true 1.2.3 FF - aa - auto; bb - false IE6 -aa - undefined ; bb-false the element div id=content some content here /div in css there is no attached z-index of this element Regards Tony
[jQuery] .length doesn't work in Firefox
Hello, Have some strange behavior with Firefox, can someone please help me with this? This is the code (without irrelevant info): var content = $('#TextField'); //this is ASP.NET TextField var len = content.html().length; //same result with text() if(len == 0) { return false; } else { return true; } It works great in IE (6 and 7) but in Firefox gives me always len==0 (even if there is some text there) I use jQuery 1.2.6
[jQuery] Re: Display loading image while alternate image loads.
Afterwhich, if you want to check if the image has been downloaded/ cached before displaying it you can use the Image.complete attribute eg: // timer var loadImg = 0; // create image, start caching image var $img = $(img/).attr(src, /img/yourimage.jpg); if (!$img[0].complete) { // show loading message // $span.html('loading..'); checkLoad(); } else { showImage(); } // checking loading state of image function checkLoad() { if (!$img[0].complete) { loadImg = setTimeout(checkLoad, 50); } else { clearTimeout(loadImg); showImage(); } } On May 27, 10:41 pm, Andy Matthews [EMAIL PROTECTED] wrote: Josh...if I was checking server side I wouldn't even have posted. However, this is all client side so I need something for that end. Dan's suggestion works flawlessly. Thanks though. _ From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Josh Nathanson Sent: Tuesday, May 27, 2008 4:37 PM To: jquery-en@googlegroups.com Subject: [jQuery] Re: Display loading image while alternate image loads. Hi Andy, In regards to whether the file exists...I know you're using ColdFusion, is it possible to use the CF function FileExists in your CF code to determine if the jpg exists, and then maybe disable that option, or not show it at all? That way it would degrade gracefully. -- Josh - Original Message - From: Dan G. mailto:[EMAIL PROTECTED] Switzer, II To: jquery-en@googlegroups.com Sent: Tuesday, May 27, 2008 1:56 PM Subject: [jQuery] Re: Display loading image while alternate image loads. Andy, You can use the onerror event of an image to determine if an image loaded or not. Also, you could load the image using JS's Image object-that way you could display a loading image. Here's some example code: http://www.rgagnon.com/jsdetails/js-0083.html -Dan _ From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Andy Matthews Sent: Tuesday, May 27, 2008 4:50 PM To: [jQuery] Subject: [jQuery] Display loading image while alternate image loads. I have a default image loaded into an img tag with an id of specialImage. I also have a select box which displays a list of vehicles. The value of each option is a filename (75682.jpg, 75123.jpg, etc.). When the user selects a vehicle, I want to change the src of the img tag but I'm running into a few issues that I'm not sure how to get around. 1) Because I'm not using an AJAX call, I don't know if the file actually exists on the server. A few images are then showing as broken which is a big no no. 2) The images being loaded in aren't huge, but they might be 40k or so. Because I'm simply changing the src, I can't display a loading image while the requested image is loading. Are there ways around this? I'm thinking I could do an AJAX call to get the response headers for the file. When I trigger the AJAX call, I'd display the loading image. Then, if the response comes back 200, then I can display the actual file, if not, I can display a no image available image. Any thoughts on this method? Is there a better way to do this? Andy Matthews Senior ColdFusion Developer Office: 615.627.9747 Fax: 615.467.6249 www.dealerskins.comhttp://www.dealerskins.com/ Total customer satisfaction is my number 1 priority! If you are not completely satisfied with the service I have provided, please let me know right away so I can correct the problem, or notify my manager Aaron West at [EMAIL PROTECTED] image001.jpg 17KViewDownload
[jQuery] Re: Grouping Definition list items
macgregor wrote: I have a survey marked up with a definition list like so: dl [ ... ] dtQuestion 2/dt ddAnswer 1input type=radio //dd ddAnswer 2input type=radio //dd dd class=commentsAnswer 3input type=radio //dd dd class=feedback textarea/textarea /dd /dl Is there any way to select the dd elements for a particular dt? I would like to be able to show/hide the textarea when the radio button inside dd.comments is clicked/selected. It seems as though there should be something simpler, but I think this might work: $(dd.feedback textarea).hide(); $(dd.comments input[type=radio]).change(function() { $(this).parents(dd).nextAll(dd.feedback:first).find(textarea).show(); }); $(dd:not(.comments) input[type=radio]).change(function() { $(this).parents(dd).nextAll(dd.feedback:first).find(textarea).hide(); }); Good luck, -- Scott
[jQuery] How to get element's number of position, mean eq()
Hello again:) My qгestion is: I have several attention block: div class=Attention.../div And there are button close in this blocks How I can get number, in which attention block clicked on the button? $('.Attention .Close').bind(click, function(){ alert($(this).eq()); }); How I can get numper of [position in eq() ??? Please, need a help Thank you allways :)
[jQuery] Safari unable to get width and height of image.
Trying to use elem.height(); and elem.width(). Safari: 3.1.1 jQuery: 1.2.6 Element is set as draggable ... might have something to do with it.
[jQuery] Re: Selector help needed
did you try $(.child1 input[value=Gary])? On May 28, 11:51 am, andyGr [EMAIL PROTECTED] wrote: Hi All, This is my DOM structure: tr class=child1 td class=titleCellFirst Name:/td td class=fieldCellinput class=inputbox value=John //td /tr tr class=child1 td class=titleCellMiddle Name:/td td class=fieldCellinput class=inputbox value=Garry //td /tr tr class=child2 td class=titleCellFirst Name:/td td class=fieldCellinput class=inputbox value=Nick //td /tr tr class=child2 td class=titleCellMiddle Name:/td td class=fieldCellinput class=inputbox value=Peter //td ... Questions: 1) how can I select the value Garry? I tried $('tr.child1 td input').eq(1).value But it does not work 2) How can I reset all values of input fields of tr.child2 without cycling through? Any help? -- View this message in context:http://www.nabble.com/Selector-help-needed-tp17508515s27240p17508515 Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: Tablesorter plugin and widthFixed property
Nevermind, I used CSS width property to set the width of the table cell. But, I'm still confused as to what widthFixed is supposed to do. Anyone have any explanation? Thanks! On May 28, 3:12 am, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: Hi folks, I'm playing around with the Tablesorter plugin and I'm a little confused about the widthFixed property. I downloaded and included the Dimensions plugin and set widthFixed to true like so: /* Table Sorter */ $(#mytable).tablesorter({ widthFixed: true, widgets: ['zebra'], sortList: [[3,0]] }); Everything works, except that the width of the columns keeps getting wider to accommodate long text. Any ideas how to prevent the columns from widening, and instead wrap the text inside each cell. Thanks, Konstantin
[jQuery] How to get element's number of position, mean eq()
Hello again:) My qгestion is: I have several attention block: div class=Attention.../div And there are button close in this blocks How I can get number, in which attention block clicked on the button? $('.Attention .Close').bind(click, function(){ alert($(this).eq()); }); How I can get numper of [position in eq() ??? Please, need a help Thank you allways :)
[jQuery] Detecting pressed keys (not keypress, but if it's already pressed)
Hi guys and girls, I don't know if this is possible, but I'm aiming to detect whether or not a key is pressed, as in the key is already pressed when the page loads. My application changes the page when Ctrl+arrow is pressed, but without being able to detect whether Ctrl is still pressed when the next page loads, both keys have to be pressed again. So is there any way to detect if a key is currently pressed, but the keystroke occurred before the page loaded? Many thanks to all who help, Charles
[jQuery] What is the white area area behind text using sIFR on jQuery Media Plugin?
Hello Everybody, I am using the jQuery Media Plugin and I am using a .swf font file that I made via an online generator. When I use the script supplied at http://www.malsup.com/jquery/media/sifr.html http://www.malsup.com/jquery/media/sifr.html , I get a white area behind the sIFR text and I cannot control the font size with the CSS for some reason. Is there some sort of transparent .swf file that I need to get instead of what I have now or is there a workaround for the white area behind the sIFR text? Also, how can I control the font size, since the CSS won't do it for me for some reason? Is there a way to control the font size with the jquery? Thanks for all the great help in advance! -Chris -- View this message in context: http://www.nabble.com/What-is-the-white-area-area-behind-text-using-sIFR-on-jQuery-Media-Plugin--tp17511264s27240p17511264.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: Selector help needed
I have fixed it as $j('tr.child1 td:eq(1) input') The only question is how to select ALL inputboxes valies of tr.child1. Now it selects only the 1st tr.child. Any ideas? -- View this message in context: http://www.nabble.com/Selector-help-needed-tp17508515s27240p17510366.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: What is the white area area behind text using sIFR on jQuery Media Plugin?
I am using the jQuery Media Plugin and I am using a .swf font file that I made via an online generator. When I use the script supplied athttp://www.malsup.com/jquery/media/sifr.htmlhttp://www.malsup.com/jquery/media/sifr.html, I get a white area behind the sIFR text and I cannot control the font size with the CSS for some reason. Is there some sort of transparent .swf file that I need to get instead of what I have now or is there a workaround for the white area behind the sIFR text? Also, how can I control the font size, since the CSS won't do it for me for some reason? Is there a way to control the font size with the jquery? You can control the background color using the 'bgColor' option. I just updated the sIFR demo page to show how to do this and also how to control the font size using the height option: http://www.malsup.com/jquery/media/sifr.html?v2 Mike
[jQuery] Re: ajax and XML - issue with file extensions?
Ariel was right. I changed the headers sent by php to txt/xml and Ajax() works.
[jQuery] Re: How to get element's number of position, mean eq()
I believe you can use $('.Attention .Close').index(this); But if you are trying to retrieve to object you could ... $('.Attention .Close').click(function(){ alert $(this); }); I might be wrong though :) On May 28, 1:49 pm, mtest [EMAIL PROTECTED] wrote: Hello again:) My qгestion is: I have several attention block: div class=Attention.../div And there are button close in this blocks How I can get number, in which attention block clicked on the button? $('.Attention .Close').bind(click, function(){ alert($(this).eq()); }); How I can get numper of [position in eq() ??? Please, need a help Thank you allways :)
[jQuery] [Tooltp 1.2] above tooltip: offset according to dimensions?
Hi all, First, please excuse my english;-) I am completely new to javascript and jquiery. I discovered all this last week and I am trying to use some cool stuff in a new website project. The tooltip plugin fits perfectly to the project's design and you could see it in action here: http://www.mayorbeusch.ch/cms/ (roll over the pictures, works well in FF, not tested at all so far in IE...) My problem is: I absolutely want the tooltip with this design, and above the mouse; but when you size up the font, the tooltip get logically bigger, and start blinking... Bad. Any advice to get this fixed? Is it possible to adjust in real time the offset/position of the tooltip according to its size? Thank you in advance for you time and help. Olivier PS: my bit of code: $(function() { $(a.architecture).tooltip({ track:true, showURL: false, extraClass: tooltip_architecture, fixPNG: true, }) $(a.urbanisme).tooltip({ track:true, showURL: false, extraClass: tooltip_urbanisme, fixPNG: true, }) $(a.amenagement).tooltip({ track:true, showURL: false, extraClass: tooltip_amenagement, fixPNG: true, }) }); and the css: #tooltip{ position: absolute; z-index: 3000; } #tooltip h3{ color: #fff; font-size:1.3em; font-family: Arial Rounded MT, Arial, sans-serif; font-weight:normal; width:286px; position:relative; bottom:122px; right:43px; padding-top:10px; padding-bottom:45px; padding-left:10px; padding-right:10px; } #tooltip.tooltip_architecture h3{ background:url(uploads/images/template/mb_tooltip_archi.png) no- repeat; background-position:left bottom; } #tooltip.tooltip_urbanisme h3{ background:url(uploads/images/template/mb_tooltip_urbanisme.png) no- repeat; background-position:left bottom; } #tooltip.tooltip_amenagement h3{ background:url(uploads/images/template/mb_tooltip_amenagement.png) no- repeat; background-position:left bottom; }
[jQuery] Re: 1.2.5 and 1.2.6 not working at all for me - what am I missing?
Thanks for all the replies. I appreciate when a support forum is actually useful. Believe it or not, I think Victor is right, 1.2.6 definitely doesn't work with prototype. In particular something in prototype's effects.js library is causing jQuery to act up. This is the test I performed: !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 titleTest Page/title script type=text/javascript language=JavaScript src=includes/ prototype-portal/prototype.js/script script type=text/javascript language=JavaScript src=includes/ prototype-portal/effects.js/script script type=text/javascript language=JavaScript src=includes/ prototype-portal/builder.js/script script type=text/javascript language=JavaScript src=includes/ prototype-portal/dragdrop.js/script script type=text/javascript language=JavaScript src=includes/ prototype-portal/portal.js/script script type=text/javascript language=JavaScript src=includes/ jquery/jquery-1.2.6.pack.js/script script type=text/javascript language=JavaScript jQuery.noConflict(); jQuery(document).ready(function() { alert(jQuery('#tabs td').html()); }); /script /head body This is a test page. table id=tabs style=border: solid black 1px; tr tdThis is a table cell on the test page./td tdThis is another table cell./td /tr /table Done. /body /html The above page shows an alert with undefined on load. If I comment the effects.js line, the page shows an alert with This is a table cell on the test page. as expected. !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 titleTest Page/title script type=text/javascript language=JavaScript src=includes/ prototype-portal/prototype.js/script !-- script type=text/javascript language=JavaScript src=includes/ prototype-portal/effects.js/script -- script type=text/javascript language=JavaScript src=includes/ prototype-portal/builder.js/script script type=text/javascript language=JavaScript src=includes/ prototype-portal/dragdrop.js/script script type=text/javascript language=JavaScript src=includes/ prototype-portal/portal.js/script script type=text/javascript language=JavaScript src=includes/ jquery/jquery-1.2.6.pack.js/script script type=text/javascript language=JavaScript jQuery.noConflict(); jQuery(document).ready(function() { alert(jQuery('#tabs td').html()); }); /script /head body This is a test page. table id=tabs style=border: solid black 1px; tr tdThis is a table cell on the test page./td tdThis is another table cell./td /tr /table Done. /body /html It's weird because if I have the alert as alert(jQuery('#tabs').html()); it works, but others like alert(jQuery('body').html()); don't. Again, it is unfortunate that I'm stuck using prototype for now, but that's the situation. Any ideas on how to get jQuery to work again? Thanks, Kape On May 28, 3:18 am, John Resig [EMAIL PROTECTED] wrote: Victor: That shouldn't be the case (if you're using noConflict). Note that the code he presented worked with 1.2.3. --John On Wed, May 28, 2008 at 4:41 AM, Victor [EMAIL PROTECTED] wrote: Kape: Just read your post again. You are using prototype. I believe that it conflicts with 1.2.5 and 1.2.6. Victor On May 27, 5:26 pm, kape [EMAIL PROTECTED] wrote: OK, I'm sure that someone would have mentioned that the latest releases don't work, so that can't be it. It's obvious that I'm missing something. I've been using jQuery 1.2.3 for months now, and today I wanted to use the ui.slider plugin which requires offsetWidth() which is not in 1.2.3. So I figured I'd just download the latest release, i.e. 1.2.6 and be done with it. I did just that, but when I ran my app, there were a whole bunch of JS errors. I figured that's to be expected, my code isn't perfect. So I started debuging them. So far, I'm still trying to debug the very first one. I have something as simple as: jQuery(document).ready(function() { alert(jQuery('body').html()); }); If I use 1.2.3 everything works and onLoad I get the html of the body element. If I change the one line to 1.2.5 or 1.2.6, I get an alert with undefined. The reason I'm using jQuery() instead of $() is that I am also using prototype for their portal plugin. I wish I wasn't but the jQuery verion just isn't cutting it yet. And yes, I have the jQuery.noConflict(); line first in my JS code. So, what am I missing? Do I need to download any other file besides jquery-1.2.5.pack.js for example? Are the new releases not working with prototype? Are they using different syntax?
[jQuery] mark a td when left mouse button is pressed
Hi, how can i mark/unmark (toggleClass) a td when: a) I press the left mouse button b) Press the left mouse button and move over all tds (fast selection) a) is not so much of a problem, but how would I realize b) and in a way it is not interffering with a) melwood
[jQuery] Versions 1.2.5 and 1.2.6 not working with prototype
The latest releases of jQuery, i.e. 1.2.5 and 1.2.6 do not work in conjunction with prototype. I particular, the effects.js library of prototype and something in jQuery are not compatible. Below is an example of how to reproduce: !DOCTYPE html PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http:// www.w3.org/TR/html4/loose.dtd html head titleTest Page/title script type=text/javascript src=/prototype/prototype.js/ script script type=text/javascript src=/prototype/effects.js/ script script type=text/javascript src=/prototype/builder.js/ script script type=text/javascript src=/prototype/dragdrop.js/ script script type=text/javascript src=/prototype/portal.js/ script script type=text/javascript src=/jquery/jquery-1.2.6.js/ script script type=text/javascript language=JavaScript jQuery.noConflict(); jQuery(document).ready(function() { alert(jQuery('body').html()); }); /script /head body This is a test page. table id=tabs style=border: solid black 1px; tr tdThis is a table cell on the test page./td tdThis is another table cell./td /tr /table Done. /body /html You would expect the above page to show an alert containing the html of the page on load. Instead, it shows an alert with undefined. Kape
[jQuery] Re: Help learning...
ok here is the html: html LINK REL=StyleSheet HREF=cpro.css TYPE=text/css MEDIA=all script src=c:\chillenvillenstuff\jquery-1.2.3 type='text/ javascript'/script script src = c:\chillenvillenstuff\menu.js type=text/javascript/ script title Users profile/title div id=imagebd img id=imagebd src=wood.jpg /div div id=image img id=imagesrc=http://www.huffingtonpost.com/huff-wires/20080401/ china-tibet/images/2df69ec6-1b20-49f6-a9ff-38bcd79a2672.jpg /div div id=imageleft img id=imageleft src=wood.jpg /div div id=imagetop img id=imagetop src=wood.jpg /div div id=imagebottom img id=imagebottom src=wood.jpg /div div id=message a Hi stacy how was your weekend??/a a Hey stacy when are you home??/a a Hey stacy when are you home??/a a Hey stacy when are you home??/a a Hey stacy when are you home??/a a Hey stacy when are you home??/a a Hey stacy when are you home??/a a Hey stacy when are you home??/a a Hey stacy when are you home??/a a Hey stacy when are you home??/a a Hey stacy when are you home??/a a Hey stacy when are you home??/a a Hey stacy when are you home??/a a Hey stacy when are you home??/a a Hey stacy when are you home??/a a Hey stacy when are you home??/a a Hey stacy when are you home??/a a Hey stacy when are you home??/a a Hey stacy when are you home??/a a Hey stacy when are you home??/a a This is just a test.?/a /div div id=friendsm img src=friendscomment.png/div div id=friends img src=friends.png /div div id=friendspic aImageshere okerjlsfjlkjslfjslksajlkfsafsd/a a Hey stacy when are you home??/a a Hey stacy when are you home??/a a Hey stacy when are you home??/a a Hey stacy when are you home??/a a Hey stacy when are you home??/a a Hey stacy when are you home??/a a Hey stacy when are you home??/a a Hey stacy when are you home??/a a Hey stacy when are you home??/a a Hey stacy when are you home??/a a Hey stacy when are you home??/a a Hey stacy when are you home??/a a Hey stacy when are you home??/a a Hey stacy when are you home??/a a Hey stacy when are you home??/a /div div id=ads img id=ads src=ads.png /div div id=ad img id=ad src=http://hq.dpics.org/wallpapers/42/ Alienware_Alien.jpg /div div id=friendrequest input type=submit value=Friend Request name=FriendRequest STYLE=background-color:6e8193color:1a5fa0 /div div id=comment input type=submit value=Make Comment name=comment STYLE=background-color:6e8193color:1a5fa0 /div div id=smessage input type=submit value=Send message name=message STYLE=background-color:6e8193color:1a5fa0 /div ul liHey mon/li liIs this right/li /ul /body /html That is the website.Also that Hey stacy when are you home is where users would make comments. The div id image is what I am trying to use to act upon a hover well when the mouse is over that image and that image is from the internet it's just for testing. When I am done that image is supposed to be a image of the user well the image they uploaded. On May 27, 7:48 pm, Josh Nathanson [EMAIL PROTECTED] wrote: Aaron -- run don't walk to get Firefox and the Firebug extension. You should always use this combo to do your initial testing, then once it works ok, check out how IE6 and 7 are performing. That probably would have saved you three weeks and six days of those four weeks. It shows the exact error if there are any, and also you can log information to the console to show what is being returned from your selectors. I wouldn't be surprised if your selector was not returning anything. Otherwise, I think that extra parenthesis would have thrown an error. Can you maybe post your html markup so we can see if you have the selector correct. -- Josh - Original Message - From: Aaron [EMAIL PROTECTED] To: jQuery (English) jquery-en@googlegroups.com Sent: Tuesday, May 27, 2008 4:24 PM Subject: [jQuery] Re: Help learning... I also should tell you I am using internet explorer 7 when doing these tests ect. thanks for the replies so far. To me it looks like it supposed to work now, I notice what you guys pointed out were mistakes I made like that extra ). Anything else you can think of that may be preventing my code to run. My browser is not giving any erros but indicates the script is running but the lower left hand corner saying done. I do get asked if I want to run a active x object and I clicked yes. I don't know what's really wrong I spent over 4 weeks on just trying to get this to work. On May 27, 7:05 pm, Josh Nathanson [EMAIL PROTECTED] wrote: One other thing...there is an extra parenthesis: $(li:hidden:first).fadeIn(slow)) -- remove that sucker! -- Josh - Original Message - From: Karl Swedberg [EMAIL PROTECTED] To: jquery-en@googlegroups.com Sent: Tuesday, May 27, 2008 3:31 PM Subject: [jQuery] Re: Help learning... Actually, the only selector here that you shouldn't have quotes around is document. Can you try it without the quotes? Also, it looks like you might be missing a line at the end, although it might be a copy/ paste error. Try
[jQuery] Re: Selector help needed
$('tr.child1 input.inputbox') or just $('tr.child1 input:text') The last allows you to put aside the classes if you don't need them for something else. And actually, if you have no other inputs.. then you can remove the .inputbox / :text parts. You should add type=text to the inputs. Cheers -- Ariel Flesler http://flesler.blogspot.com On 28 mayo, 08:13, andyGr [EMAIL PROTECTED] wrote: I have fixed it as $j('tr.child1 td:eq(1) input') The only question is how to select ALL inputboxes valies of tr.child1. Now it selects only the 1st tr.child. Any ideas? -- View this message in context:http://www.nabble.com/Selector-help-needed-tp17508515s27240p17510366 Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: jQuery History Plugin
Ajax History doesn't seem to be working for me. I'm including the file (which I've thrown into my jQuery directory... script type=text/javascript src=jQuery/ jquery.history_remote.js/script And I've initialized the history (right after document.ready)... $.ajaxHistory.initialize(); I'm using a recent version of the Tabs plugin. script type=text/javascript src=jquery.ui-1.5b4/ui.tabs.js/ script Nothing new happens. History doesn't work (in FF2). Am I missing a step or two? All my tabs have the hash (of course) provided by the tabs plug-in. Any ideas? On Apr 28, 6:06 am, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: I was working around with this history plugin, quite interesting. But unfortunate thing is, I was not able to use this for any ajax calls (link) present in the responseText. Funny. On Apr 5, 5:48 am, Klaus Hartl [EMAIL PROTECTED] wrote: You'll probably have to maintain the state on your own. I'm currently rewriting theHistoryplugin, so that you can do: $.history('add', 'state_name', function { // handle, e.g. restore state... }); --Klaus On Apr 5, 1:12 am, sbyrne [EMAIL PROTECTED] wrote: I'm with you regarding the click event, but how does that solve the problem of the state of the form (values of the input fields) when it was submitted via AJAX? On Feb 27, 2:43 pm, Klaus Hartl [EMAIL PROTECTED] wrote: Historycan only work with links because the whole hack relies on changing the fragment identifier of the current address. This is not possible with form submits. Workaround: Use a click event that submits the form as an Ajax form. The form plugin makes that pretty easy and maybe you were talking of myhistoryplugin: http://stilbuero.de/jquery/history/ --Klaus On Feb 27, 7:54 pm, urbolutions [EMAIL PROTECTED] wrote: Is there a good jQueryhistoryplugin that works with form submissions? Critical part being form posts here. Found one that seems to only work with click events...need the form posts. Any help would be greatly appreciated!
[jQuery] Re: Display loading image while alternate image loads.
I think this is the easiest tool you can use. jQuery.Preload: http://flesler.blogspot.com/2008/01/jquerypreload.html It has all you need. You send the img tag to the preloader and using the options 'find' and 'replace' you generate the replacement url. Using the option 'placeholder' you to set a loading image or any type of placeholder while it preloads. By using the onComplete callback, you can detect whether it failed, and act accordingly. Instead of find and replace, you can preload the src (as a string) directly. In the onComplete callback, you set the new url to the img. Cheers -- Ariel Flesler http://flesler.blogspot.com On 27 mayo, 17:49, Andy Matthews [EMAIL PROTECTED] wrote: I have a default image loaded into an img tag with an id of specialImage. I also have a select box which displays a list of vehicles. The value of each option is a filename (75682.jpg, 75123.jpg, etc.). When the user selects a vehicle, I want to change the src of the img tag but I'm running into a few issues that I'm not sure how to get around. 1) Because I'm not using an AJAX call, I don't know if the file actually exists on the server. A few images are then showing as broken which is a big no no. 2) The images being loaded in aren't huge, but they might be 40k or so. Because I'm simply changing the src, I can't display a loading image while the requested image is loading. Are there ways around this? I'm thinking I could do an AJAX call to get the response headers for the file. When I trigger the AJAX call, I'd display the loading image. Then, if the response comes back 200, then I can display the actual file, if not, I can display a no image available image. Any thoughts on this method? Is there a better way to do this? Andy Matthews Senior ColdFusion Developer Office: 615.627.9747 Fax: 615.467.6249www.dealerskins.comhttp://www.dealerskins.com/ Total customer satisfaction is my number 1 priority! If you are not completely satisfied with the service I have provided, please let me know right away so I can correct the problem, or notify my manager Aaron West at [EMAIL PROTECTED] 2008 Email NADA.jpg 17 KVerDescargar
[jQuery] Re: jQuery Not Adding Class/Attributes in IE
I'm with Karl. I remember IE dying on me when I tried to set an expando called 'all', go figure... So.. use another attribute, jQuery.data or try setAttribute. jQuery('ul.nav a').addClass('scrollover').each(function(){ this.setAttribute( 'type','scrollover' ); }); Not sure whether it will fail as well or not. -- Ariel Flesler http://flesler.blogspot.com On 28 mayo, 02:03, Karl Rudd [EMAIL PROTECTED] wrote: IE is probably having issues with trying to set an attribute of type, which is generally only used for input elements. Karl Rudd On Wed, May 28, 2008 at 2:14 PM, Chris P [EMAIL PROTECTED] wrote: Anyone on this? On May 26, 8:32 pm, Chris P [EMAIL PROTECTED] wrote: Hello all, For some reason this is not working in IE but fine in Safari/FF. jQuery('ul.nav a').addClass('scrollover').attr('type','scrollover'); You can see it on my site (www.siolon.com). It's suppose to add it in the navigation bar. Cheers.- Ocultar texto de la cita - - Mostrar texto de la cita -
[jQuery] Re: Help learning...
Can you post a link to the page? Just taking a quick look at your code I noticed that the extension is missing off of your call to the jQuery library: script src=c:\chillenvillenstuff\jquery-1.2.3 type='text/ javascript'/script I realize that on Windows the extensions are hidden so try: script src=c:\chillenvillenstuff\jquery-1.2.3.js type='text/ javascript'/script Notice the .js I added to the path to the jQuery library.
[jQuery] jQuery UI Tutorials
Hi all, I just posted the second part in my jQuery UI Tutorials, this one is on the tabs widget, let me know what you think. I value your feedback. http://mdrisser.r1designs.net/blog
[jQuery] Re: Versions 1.2.5 and 1.2.6 not working with prototype
I upgraded prototype from 1.5.1.1 to 1.6.0.2 and effects, builder, and dragdrop from 1.7.1b3 to 1.8.1 and everything seems to be working now. So if anyone is experiencing the same problem, upgrade to the latest versions of everything. On May 28, 11:21 am, kape [EMAIL PROTECTED] wrote: The latest releases of jQuery, i.e. 1.2.5 and 1.2.6 do not work in conjunction with prototype. I particular, the effects.js library of prototype and something in jQuery are not compatible. Below is an example of how to reproduce: !DOCTYPE html PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR/html4/loose.dtd; html head titleTest Page/title script type=text/javascript src=/prototype/prototype.js/ script script type=text/javascript src=/prototype/effects.js/ script script type=text/javascript src=/prototype/builder.js/ script script type=text/javascript src=/prototype/dragdrop.js/ script script type=text/javascript src=/prototype/portal.js/ script script type=text/javascript src=/jquery/jquery-1.2.6.js/ script script type=text/javascript language=JavaScript jQuery.noConflict(); jQuery(document).ready(function() { alert(jQuery('body').html()); }); /script /head body This is a test page. table id=tabs style=border: solid black 1px; tr tdThis is a table cell on the test page./td tdThis is another table cell./td /tr /table Done. /body /html You would expect the above page to show an alert containing the html of the page on load. Instead, it shows an alert with undefined. Kape
[jQuery] Re: 1.2.5 and 1.2.6 not working at all for me - what am I missing?
I upgraded prototype from 1.5.1.1 to 1.6.0.2 and effects, builder, and dragdrop from 1.7.1b3 to 1.8.1 and everything seems to be working now. So if anyone is experiencing the same problem, upgrade to the latest versions of everything. On May 28, 9:58 am, kape [EMAIL PROTECTED] wrote: Thanks for all the replies. I appreciate when a support forum is actually useful. Believe it or not, I think Victor is right, 1.2.6 definitely doesn't work with prototype. In particular something in prototype's effects.js library is causing jQuery to act up. This is the test I performed: !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 titleTest Page/title script type=text/javascript language=JavaScript src=includes/ prototype-portal/prototype.js/script script type=text/javascript language=JavaScript src=includes/ prototype-portal/effects.js/script script type=text/javascript language=JavaScript src=includes/ prototype-portal/builder.js/script script type=text/javascript language=JavaScript src=includes/ prototype-portal/dragdrop.js/script script type=text/javascript language=JavaScript src=includes/ prototype-portal/portal.js/script script type=text/javascript language=JavaScript src=includes/ jquery/jquery-1.2.6.pack.js/script script type=text/javascript language=JavaScript jQuery.noConflict(); jQuery(document).ready(function() { alert(jQuery('#tabs td').html()); }); /script /head body This is a test page. table id=tabs style=border: solid black 1px; tr tdThis is a table cell on the test page./td tdThis is another table cell./td /tr /table Done. /body /html The above page shows an alert with undefined on load. If I comment the effects.js line, the page shows an alert with This is a table cell on the test page. as expected. !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 titleTest Page/title script type=text/javascript language=JavaScript src=includes/ prototype-portal/prototype.js/script !-- script type=text/javascript language=JavaScript src=includes/ prototype-portal/effects.js/script -- script type=text/javascript language=JavaScript src=includes/ prototype-portal/builder.js/script script type=text/javascript language=JavaScript src=includes/ prototype-portal/dragdrop.js/script script type=text/javascript language=JavaScript src=includes/ prototype-portal/portal.js/script script type=text/javascript language=JavaScript src=includes/ jquery/jquery-1.2.6.pack.js/script script type=text/javascript language=JavaScript jQuery.noConflict(); jQuery(document).ready(function() { alert(jQuery('#tabs td').html()); }); /script /head body This is a test page. table id=tabs style=border: solid black 1px; tr tdThis is a table cell on the test page./td tdThis is another table cell./td /tr /table Done. /body /html It's weird because if I have the alert as alert(jQuery('#tabs').html()); it works, but others like alert(jQuery('body').html()); don't. Again, it is unfortunate that I'm stuck using prototype for now, but that's the situation. Any ideas on how to get jQuery to work again? Thanks, Kape On May 28, 3:18 am, John Resig [EMAIL PROTECTED] wrote: Victor: That shouldn't be the case (if you're using noConflict). Note that the code he presented worked with 1.2.3. --John On Wed, May 28, 2008 at 4:41 AM, Victor [EMAIL PROTECTED] wrote: Kape: Just read your post again. You are using prototype. I believe that it conflicts with 1.2.5 and 1.2.6. Victor On May 27, 5:26 pm, kape [EMAIL PROTECTED] wrote: OK, I'm sure that someone would have mentioned that the latest releases don't work, so that can't be it. It's obvious that I'm missing something. I've been using jQuery 1.2.3 for months now, and today I wanted to use the ui.slider plugin which requires offsetWidth() which is not in 1.2.3. So I figured I'd just download the latest release, i.e. 1.2.6 and be done with it. I did just that, but when I ran my app, there were a whole bunch of JS errors. I figured that's to be expected, my code isn't perfect. So I started debuging them. So far, I'm still trying to debug the very first one. I have something as simple as: jQuery(document).ready(function() { alert(jQuery('body').html()); }); If I use 1.2.3 everything works and onLoad I get the html of the body element. If I change the one line to 1.2.5 or 1.2.6, I get an alert with undefined. The reason I'm using
[jQuery] jqModal and dynamic Ajax
Hi, I have a page with a dropdown list (select) and when I select an element in the list, I'd like a modal window to open with the datas related to the element I selected. To do so, I tried 2 things : 1) Classic method : $('#unitInfos') .jqDrag('.jqDrag') .jqResize('.jqResize') .jqm({ ajax: 'ajax/unitInfos.php?id='+document.forms[0].elements[4].value, target: '.jqmnContent p', trigger:'#unitInfosTrigger', overlay: 0, onShow: function(h) { h.w.css('opacity',0.92).slideDown(); }, onHide: function(h) { h.w.slideUp(slow,function() { if(h.o) h.o.remove(); }); } }); With this, I have to add a button next to the select and define it as a trigger. When I click on it, the modal open. It is draggable, resizable and closable. If i change the select value, the content of the modal is not updated 2) Onchange method : I add a onchange=updateUnit(); on my select and define a new function : function updateUnit() { $('#unitInfos') .jqDrag('.jqDrag') .jqResize('.jqResize') .jqm({ ajax: false, overlay: 0, onShow: function(h) { h.w.load(ajax/unitInfos.php, {id: document.forms[0].elements[4].value}); h.w.css('opacity',0.92).slideDown(); // hide window }, onHide: function(h) { h.w.slideUp(slow,function() { if(h.o) h.o.remove(); }); } }) .jqmShow(); } The modal display the right datas but it's no more closable, resizable nor draggable. You can see the 2 pages here : gaiaservice.dyndns.org/projets/jqmodal/method1.php gaiaservice.dyndns.org/projets/jqmodal/method2.php Any help woul be very appreciated. Thanks Chag -- View this message in context: http://www.nabble.com/jqModal-and-dynamic-Ajax-tp17514602s27240p17514602.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: :contains ... troubling behavior
it does the job but I still find the behavior unexpected :P thanks EuGeNe -- http://www.3kwa.com On May 28, 12:27 am, Karl Swedberg [EMAIL PROTECTED] wrote: Hi there, I suspect that the problem has to do with putting an HTML string inside thecontainsparens, when it is supposed to take only text. Does it work if you just do $('a:contains(undo)') ? --Karl Karl Swedbergwww.englishrules.comwww.learningjquery.com On May 27, 2008, at 2:06 PM, EuGeNe wrote: Hi there, I am troubled by the behavior of the :containsfilter I have an a tag a class=undo href=/tag/poesie/5undo/a I can select it with $(a.undo) and play with the chain not problem e.g. $ (a.undo).remove() works fine if I use $(':contains(a href=/tag/sagesse/4 class=undoundo/a)') or $('a:contains(a href=/tag/sagesse/4 class=undoundo/a)') or $('a.undo:contains(a href=/tag/sagesse/4 class=undoundo/a)') I get the same result pointing to the same tag but I can't play with it i.e. whatever I do to it doens't have an impact on the DOM. I am sure it is something I don't understand about JS or jQuery ... could somebody enlighten me? Thanks EuGeNe --http://www.3kwa.com
[jQuery] Re: Versions 1.2.5 and 1.2.6 not working with prototype
Kape, I created a test using your exact code to check it out using the most recent version of Prototype and Scriptaculous and it appears to work correctly even with effect.js loaded: http://intoajax.com/pttest/index-s.htm I tried both the version of PT from the Prototypejs.org and also the version included with Scriptaculous (the effects lib you're including). Both scenarios worked. This is using jQuery v1.2.6 packed straight from the download page. I tried both uncompressed and packed versions of jQuery to be sure and all worked fine. Could it possibly be an issue w/ portal.js? I'm not sure what that file is and it's the only one that I don't have to test with. Rey... kape wrote: The latest releases of jQuery, i.e. 1.2.5 and 1.2.6 do not work in conjunction with prototype. I particular, the effects.js library of prototype and something in jQuery are not compatible. Below is an example of how to reproduce: !DOCTYPE html PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http:// www.w3.org/TR/html4/loose.dtd html head titleTest Page/title script type=text/javascript src=/prototype/prototype.js/ script script type=text/javascript src=/prototype/effects.js/ script script type=text/javascript src=/prototype/builder.js/ script script type=text/javascript src=/prototype/dragdrop.js/ script script type=text/javascript src=/prototype/portal.js/ script script type=text/javascript src=/jquery/jquery-1.2.6.js/ script script type=text/javascript language=JavaScript jQuery.noConflict(); jQuery(document).ready(function() { alert(jQuery('body').html()); }); /script /head body This is a test page. table id=tabs style=border: solid black 1px; tr tdThis is a table cell on the test page./td tdThis is another table cell./td /tr /table Done. /body /html You would expect the above page to show an alert containing the html of the page on load. Instead, it shows an alert with undefined. Kape
[jQuery] Re: 1.2.5 and 1.2.6 not working at all for me - what am I missing?
Thanks for letting us know kape. I had just posted a demo using the the latest jQuery, PT Scriptaculous libs and everything worked. Rey.. kape wrote: I upgraded prototype from 1.5.1.1 to 1.6.0.2 and effects, builder, and dragdrop from 1.7.1b3 to 1.8.1 and everything seems to be working now. So if anyone is experiencing the same problem, upgrade to the latest versions of everything. On May 28, 9:58 am, kape [EMAIL PROTECTED] wrote: Thanks for all the replies. I appreciate when a support forum is actually useful. Believe it or not, I think Victor is right, 1.2.6 definitely doesn't work with prototype. In particular something in prototype's effects.js library is causing jQuery to act up. This is the test I performed: !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 titleTest Page/title script type=text/javascript language=JavaScript src=includes/ prototype-portal/prototype.js/script script type=text/javascript language=JavaScript src=includes/ prototype-portal/effects.js/script script type=text/javascript language=JavaScript src=includes/ prototype-portal/builder.js/script script type=text/javascript language=JavaScript src=includes/ prototype-portal/dragdrop.js/script script type=text/javascript language=JavaScript src=includes/ prototype-portal/portal.js/script script type=text/javascript language=JavaScript src=includes/ jquery/jquery-1.2.6.pack.js/script script type=text/javascript language=JavaScript jQuery.noConflict(); jQuery(document).ready(function() { alert(jQuery('#tabs td').html()); }); /script /head body This is a test page. table id=tabs style=border: solid black 1px; tr tdThis is a table cell on the test page./td tdThis is another table cell./td /tr /table Done. /body /html The above page shows an alert with undefined on load. If I comment the effects.js line, the page shows an alert with This is a table cell on the test page. as expected. !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 titleTest Page/title script type=text/javascript language=JavaScript src=includes/ prototype-portal/prototype.js/script !-- script type=text/javascript language=JavaScript src=includes/ prototype-portal/effects.js/script -- script type=text/javascript language=JavaScript src=includes/ prototype-portal/builder.js/script script type=text/javascript language=JavaScript src=includes/ prototype-portal/dragdrop.js/script script type=text/javascript language=JavaScript src=includes/ prototype-portal/portal.js/script script type=text/javascript language=JavaScript src=includes/ jquery/jquery-1.2.6.pack.js/script script type=text/javascript language=JavaScript jQuery.noConflict(); jQuery(document).ready(function() { alert(jQuery('#tabs td').html()); }); /script /head body This is a test page. table id=tabs style=border: solid black 1px; tr tdThis is a table cell on the test page./td tdThis is another table cell./td /tr /table Done. /body /html It's weird because if I have the alert as alert(jQuery('#tabs').html()); it works, but others like alert(jQuery('body').html()); don't. Again, it is unfortunate that I'm stuck using prototype for now, but that's the situation. Any ideas on how to get jQuery to work again? Thanks, Kape On May 28, 3:18 am, John Resig [EMAIL PROTECTED] wrote: Victor: That shouldn't be the case (if you're using noConflict). Note that the code he presented worked with 1.2.3. --John On Wed, May 28, 2008 at 4:41 AM, Victor [EMAIL PROTECTED] wrote: Kape: Just read your post again. You are using prototype. I believe that it conflicts with 1.2.5 and 1.2.6. Victor On May 27, 5:26 pm, kape [EMAIL PROTECTED] wrote: OK, I'm sure that someone would have mentioned that the latest releases don't work, so that can't be it. It's obvious that I'm missing something. I've been using jQuery 1.2.3 for months now, and today I wanted to use the ui.slider plugin which requires offsetWidth() which is not in 1.2.3. So I figured I'd just download the latest release, i.e. 1.2.6 and be done with it. I did just that, but when I ran my app, there were a whole bunch of JS errors. I figured that's to be expected, my code isn't perfect. So I started debuging them. So far, I'm still trying to debug the very first one. I have something as simple as: jQuery(document).ready(function() { alert(jQuery('body').html()); }); If I use 1.2.3 everything works and onLoad I get the html of the body element. If I change the one line to 1.2.5 or 1.2.6, I get an alert with undefined. The reason I'm using jQuery() instead of $()
[jQuery] submit a form when an image is clicked rather than using input type=submit
I'd like to use an image to submit a form. Is there an easy way to do this using jQuery?
[jQuery] Re: Shadow jQUery
Is this obsolete? http://docs.jquery.com/UI/Shadow -- Owen
[jQuery] Animate() background colours
It looks like animate() doesn't take too well to background colours. Does anyone know a way of animating an objects colour from one to another?
[jQuery] Re: Safari unable to get width and height of image.
Seems as if Safari doesn't know the required info before the image is done loading. The functions work fine in debug console, and later events. The image properties are NOT set in styles or anything. That might be part of the issue, but I can't do more testing atm. On May 28, 1:32 pm, rbjaanes [EMAIL PROTECTED] wrote: Trying to use elem.height(); and elem.width(). Safari: 3.1.1 jQuery: 1.2.6 Element is set as draggable ... might have something to do with it.
[jQuery] corners plugin works in IE but fails in Firefox
Can somebody help with why this example works in IE 7 but fails to show corners in Firefox 2 ? http://paste.pocoo.org/show/55276/
[jQuery] Re: Safari unable to get width and height of image.
You're calling the methods inside a document.ready, right ? -- Ariel Flesler http://flesler.blogspot.com On 28 mayo, 13:47, rbjaanes [EMAIL PROTECTED] wrote: Seems as if Safari doesn't know the required info before the image is done loading. The functions work fine in debug console, and later events. The image properties are NOT set in styles or anything. That might be part of the issue, but I can't do more testing atm. On May 28, 1:32 pm, rbjaanes [EMAIL PROTECTED] wrote: Trying to use elem.height(); and elem.width(). Safari: 3.1.1 jQuery: 1.2.6 Element is set as draggable ... might have something to do with it.- Ocultar texto de la cita - - Mostrar texto de la cita -
[jQuery] Re: Shadow jQUery
The demo doesn't seem to work. Not sure. Glen On Wed, May 28, 2008 at 9:35 AM, owen [EMAIL PROTECTED] wrote: Is this obsolete? http://docs.jquery.com/UI/Shadow -- Owen
[jQuery] Re: submit a form when an image is clicked rather than using input type=submit
Here's what I figured out so far to code this that seems to work. Anyone see a problem with this? $('img#button').click(function() { var queryparam1 = $('#input1').val(); var queryparam2 = $('#input2').val(); window.location= '/processFormSubmission.cfm? queryparam1='+queryparam1+'queryparam2='+queryparam2; });
[jQuery] Re: jQuery Not Adding Class/Attributes in IE
I'm with Karl. I remember IE dying on me when I tried to set an expando called 'all', go figure... So.. use another attribute, jQuery.data or try setAttribute. Not sure whether it will fail as well or not. Sorry for the spamming of the list. I actually figured out why it didn't work. The script I was using (scrollovers - www.scrollovers.com) needed what I was trying to add, but the script was loaded before the document.ready. So the external file (I'm guessing) parsed the DOM, couldn't find what it needed, and just let it go. Once I moved the external script after the jQuery initialization it worked. Thanks.
[jQuery] Re: corners plugin works in IE but fails in Firefox
ALSO when I use the corners plugin and try to re-use the div the effect only applies to the first div in the chain. Any Idea on how to apply the rounded corners to multiple div's of the same id or class? best, a On Wed, May 28, 2008 at 10:15 AM, JP [EMAIL PROTECTED] wrote: Can somebody help with why this example works in IE 7 but fails to show corners in Firefox 2 ? http://paste.pocoo.org/show/55276/
[jQuery] Re: submit a form when an image is clicked rather than using input type=submit
On May 28, 12:45 pm, cfdvlpr [EMAIL PROTECTED] wrote: I'd like to use an image to submit a form. Is there an easy way to do this using jQuery? Is there some reason you can't use input type=image /? Alternatively, img id=submitimg src=image.png / ::style:: #submitimg { cursor: pointer; } ::onready:: $('#submitimg').click(function() { //submit its form }); Pyro
[jQuery] Re: submit a form when an image is clicked rather than using input type=submit
Here's what I figured out so far to code this that seems to work. Anyone see a problem with this? $('img#button').click(function() { var queryparam1 = $('#input1').val(); var queryparam2 = $('#input2').val(); window.location= '/processFormSubmission.cfm? queryparam1='+queryparam1+'queryparam2='+queryparam2; }); I thought you wanted to submit a form? Your code above will cause a page nav but it doesn't properly encode the query string. If your image is within the form you don't need any scripting, just use markup like this: input type=image src=submit.gif / Mike
[jQuery] Re: corners plugin works in IE but fails in Firefox
Can somebody help with why this example works in IE 7 but fails to show corners in Firefox 2 ? http://paste.pocoo.org/show/55276/ That page works fine for me in FF2 and FF3 (Windows).
[jQuery] Re: corners plugin works in IE but fails in Firefox
when I use the corners plugin and try to re-use the div the effect only applies to the first div in the chain. Any Idea on how to apply the rounded corners to multiple div's of the same id or class? Corners work on the chain. See demo: http://www.malsup.com/jquery/corner/ This one line is cornering 7 of the divs on that page. The others are done one at a time because they are unique. $(div.box, div.plain).corner();
[jQuery] Re: corners plugin works in IE but fails in Firefox
yes, I saw this example... I'm new to JQ and wasn't sure on how to remove the parameter from the p tag and feed it from the class. wait..maybe I just answered my own question... THE CHAIN!
[jQuery] Re: Loading help with contextmenu plugin.
Use livequery. I attach it to each row in a flexigrid ike this: $('tbody tr').livequery(function() { $(this).contextMenu('ctxMenu', { bindings: { 'map': function(t) { mlsnumber = t.id.split(_); href='/map_update.php?mlsnumber=' + mlsnumber[1]; $.openWin(href, 'window800'); }, 'flyer': function(t) { mlsnumber = t.id.split(_); href='/public/pdf_flyer.php?mlsnumber=' + mlsnumber[1]; $.openWin(href, 'window800'); }, 'email': function(t) { mlsnumber = t.id.split(_); href='/public/email.php?mlsnumber=' + mlsnumber[1]; $.openWin(href, 'window800'); } } }); }); On May 27, 5:47 pm, Mauricio Farah [EMAIL PROTECTED] wrote: Hi, I don't know if it's the right place to post this, but I can't find developer's email anywhere. In case that you don't know the pluginhttp://www.trendskitchens.co.nz/jquery/contextmenu/is the homepage. Basically it let's you override right click on the browser for the html elements you want, changing it for one that you define. The javascript code for the menu is in the $document.ready(), like this: $(document).ready(function() { $('span.demo1').contextMenu('myMenu1', { bindings: { 'open': function(t) { alert('Trigger was '+t.id+'\nAction was Open'); }, 'email': function(t) { alert('Trigger was '+t.id+'\nAction was Email'); } } }); } And it works alright. But what I need to do is to show the menu on a element I dynamically load using $(#id).html(new value); After loading the new content, right click doesn't brings context menu anymore on that element, and I don't know how to fix it. I think it's more related to plain jQuery than the plugin. I hope someone could help me with this. Thanks in advance.
[jQuery] Entire jdMenu Hides / Disappears when menu item clicked
I am using jdMenu 1.4.1 with the latest jQuery. I just built a normal menu with some custom css, but no custom javascript. Everything is default as far as I know. The problem I am having is that whenever I click a link that does not have a sub-menu, the entire menu (main jd_menu UL) disappears. I can disable this problem by commenting out line 57 in the source code: if ( settings.disableLinks || ( !settings.disableLinks !$ (this).parent().hasClass('jd_menu') ) ) { //$(this).parent().jdMenuHide(); // == what I commented out evt.stopPropagation(); } But I am not sure what else that might affect. If you need more information, please let me know.
[jQuery] Re: Animate() background colours
sure, use the color plugin: http://plugins.jquery.com/project/color regards, Alexandre Plennevaux *LAb[au]* *lab*oratory for *a*rchitecture and *u*rbanism http://www.lab-au.com Ph: +32 2 219 65 55 104 rue de Laeken 1000 Brussels Belgium On Wed, May 28, 2008 at 6:45 PM, fambi [EMAIL PROTECTED] wrote: It looks like animate() doesn't take too well to background colours. Does anyone know a way of animating an objects colour from one to another? -- Alexandre Plennevaux LAb[au] http://www.lab-au.com
[jQuery] Re: submit a form when an image is clicked rather than using input type=submit
Hey, you're absolutely right. I made this all way more complicated than it had to be. Thank you. On May 28, 11:16 am, malsup [EMAIL PROTECTED] wrote: If your image is within the form you don't need any scripting, just use markup like this: input type=image src=submit.gif / Mike
[jQuery] Re: Load specific id on click
At the moment this is my code: $('#content_main div.weblog_archive li a').click(function() { $('div class=weblog_articles_ajax/ div').insertAfter('div.article').load(this.href); $('div.weblog_articles_ajax div.article').livequery(function() { $(this).html(); }); return false }); You can see it in action over here: http://ischagast.nl/janhekmanschool/nieuwsbrief/archief/ It's loading the whole page but now I only want that div.article to be loaded. I think I am doing something wrong over here: $('div.weblog_articles_ajax div.article').livequery(function() { $(this).html(); }); On May 28, 10:45 am, Sid [EMAIL PROTECTED] wrote: Load the entire page and then parse it with $(#div_you_want).html(); This will return everything within div_you_want including HTML tags. Use .text() if you need only the text stripped of HTML. Note: Since ur loading the page dynamically, jQuery will not automatically update the DOM, so use a plugin like liveQuery, in which case it will be $(#div_you_want).livequery(function() { $(this.id).html/text(); });IschaGastwrote: I have a page with an archive of all newsletters: http://ischagast.nl/janhekmanschool/nieuwsbrief/archief/ What I want is that when clicking a month the results of that month appear under the months just like this site: http://loweblog.com/archives/ I thought building that with jquery would be simple, something like this: $('#content_main div.weblog_archive li a').click(function() { $('div.article').load(this.href); return false }); This works good but I only want to load the div.article and thats something I could not get to work. I thought maybe something like this could work but it does not: .load(this.href + div.article); What works?
[jQuery] jCarousel - Couple of 'External Controls' questions
Hi there, I've set up an example page here: http://www.sockandpow.com/Q2/media.html My questions are as follows: 1. Is there a way to customize how jcarousel references the external controls? i.e: I'd prefer not to have 1 Print :: 2 Broadcast :: 3 M.R.M etcetera. For example, can we use classes or ID's and put them on the a element, or have it iterate through a list of links in a certain ID automatically? For now i've used a span to hide the actual number (as with New Entertainment) 2. Is there a way to have the 'active' control highlighted? Not sure where to begin with this. Ideally i'd like to be able to add an 'active' class to the external control whose content is visible, i.e. when: a. The control is clicked on directly b. When you use the next and previous to scroll through items, highlight the controls as they become 'active' 3. Make my current carousel circular (couldn't quite figure this out from the example given, in conjunction with the external controls carousel). I hope I explained clearly, and thanks for any help!
[jQuery] Re: Case Insensitive Selector
OK, I got it, the only problem is that the value comes from a variable. Is there any way to use a variable as a regex? On Thu, May 22, 2008 at 12:28 PM, Scott Sauyet [EMAIL PROTECTED] wrote: Karl Swedberg wrote: I agree that a filter function is probably the way to go, but a regular expression within it might be more flexible: $('something').filter(function() { return (/value/i).test( $(this).attr('attribute')); }); Right. Was that me last week teasing a junior developer for using twenty line of code when a one-line regex would do? :-) -- Scott
[jQuery] Superfish horizontal tiered menu question
First of all, excellent work on superfish, it really adds a lot to the usability to drop down menus. My question is regarding a horizontal drop down menu. I was wondering if there was any code adjustment needed to return the user to the current menu item when multiple tiers are involved. The first level drops down and returns to current normally, but the level after that will stay on the last highlighted menu item and not return to the current item. If that doesn't make sense, I can email you a link to what I am talking about. Thanks, strazi
[jQuery] Re: Help learning...
Ok I see, I added .js and looks like it's semi working, the list that I have in the html file before would show/display when the page loads but now after changing that error .js but still when my mouse moves over the image I still don't see the list fade in or anything. I can't really put up a link. I am currnetly using windows, I use windows for most of my stuff like artwork, making the webpage well the design of it and other stuff, I then put the file on my linux partition which I have a linux server based to provide the website ect. I have a backup server on windows but it's mainly file sharing. So now the ul li html tags for the lists are now hidden like it's supposed to but still no fade in and fade out happening when my mouse goes over the users image. I can put it on a temp server but I can't keep it up and running for a long period of time. On May 28, 12:27 pm, mdrisser [EMAIL PROTECTED] wrote: Can you post a link to the page? Just taking a quick look at your code I noticed that the extension is missing off of your call to the jQuery library: script src=c:\chillenvillenstuff\jquery-1.2.3 type='text/ javascript'/script I realize that on Windows the extensions are hidden so try: script src=c:\chillenvillenstuff\jquery-1.2.3.js type='text/ javascript'/script Notice the .js I added to the path to the jQuery library.
[jQuery] jquery compatibility test 01
Hi, Today, I did some tests of compatibility among IE 7.0.5730.11, Firefox 2.0.0.14, Opera 9.27, Safari 3.1.1 The following JSP(includes Javascrpt) works fine under all these browser. Then I used JQuery to implement the same function, it works fine under IE/FF/Safari The submit function does not work correctly under Opera. Maybe I did not use Jquery correctly, or it is a compatibility problem of jquery-1.2.6. Thanks. Arden ===Javascript= ?xml version=1.0 encoding=UTF-8 ? %@ page language=java contentType=text/html; charset=UTF-8 pageEncoding=UTF-8% %@ taglib uri=http://java.sun.com/jsp/jstl/core; prefix=c% !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 meta http-equiv=Content-Type content=text/html; charset=UTF-8 / titleInsert title here/title script type=text/javascript var ipVal=0; function refreshProgress(){ ipVal = ipVal + 1; document.getElementById('test1').value=ipVal; setTimeout(refreshProgress(), 1500); } /script /head body button id=buttonTest onclick=setTimeout('refreshProgress()', 1500);Click Me!/button form id=formtest action=s.jsp onsubmit=setTimeout('refreshProgress()', 1500); input id=test1 type=text name=fname value=Default / input type=submit id=submitButton value=submit/ /form /body /html =JQuery=== ?xml version=1.0 encoding=UTF-8 ? %@ page language=java contentType=text/html; charset=UTF-8 pageEncoding=UTF-8% %@ taglib uri=http://java.sun.com/jsp/jstl/core; prefix=c% !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 meta http-equiv=Content-Type content=text/html; charset=UTF-8 / titleInsert title here/title script type=text/javascript src=c:url value='/javascripts/jquery/jquery-1.2.6.js'//script script type=text/javascript var ipVal=0; function refreshProgress(){ ipVal = ipVal + 1; $(#test1).val(ipVal); setTimeout(refreshProgress, 1500); } $(function(){ $(#buttonTest).click(function(){ setTimeout(refreshProgress, 1500); }); $(#formtest).submit(function(){ setTimeout(refreshProgress, 1500); }); }); /script /head body button id=buttonTestClick Me!/button form id=formtest action=s.jsp input id=test1 type=text name=fname value=Default / input type=submit id=submitButton value=submit/ /form /body /html =s.jsp=== ?xml version=1.0 encoding=UTF-8 ? %@ page language=java contentType=text/html; charset=UTF-8 pageEncoding=UTF-8% %@ taglib uri=http://java.sun.com/jsp/jstl/core; prefix=c% !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 % Thread.sleep(1); % /head body button id=buttonTestClick Me!/button /body /html
[jQuery] Re: Grouping Definition list items
Thanks, that worked perfectly. On May 28, 5:11 am, Scott Sauyet [EMAIL PROTECTED] wrote: macgregor wrote: I have a survey marked up with a definition list like so: dl [ ... ] dtQuestion 2/dt ddAnswer 1input type=radio //dd ddAnswer 2input type=radio //dd dd class=commentsAnswer 3input type=radio //dd dd class=feedback textarea/textarea /dd /dl Is there any way to select the dd elements for a particular dt? I would like to be able to show/hide the textarea when the radio button inside dd.comments is clicked/selected. It seems as though there should be something simpler, but I think this might work: $(dd.feedback textarea).hide(); $(dd.comments input[type=radio]).change(function() { $(this).parents(dd).nextAll(dd.feedback:first).find(textarea).show(); }); $(dd:not(.comments) input[type=radio]).change(function() { $(this).parents(dd).nextAll(dd.feedback:first).find(textarea).hide(); }); Good luck, -- Scott
[jQuery] Re: Case Insensitive Selector
Rafael Soares wrote: OK, I got it, the only problem is that the value comes from a variable. Is there any way to use a variable as a regex? Yes. Something like this should work: $('something').filter(function() { return (new RegExp(value, i)).test($(this).attr('attribute')); }); But you probably want to do some manipulation of value to ensure that it contains no special characters if it's coming from an untrusted source such as user input. -- Scott
[jQuery] innerFade and delay? or Cycle and drupal 5.x ?
Hi, I have a question, i'm using innerFade (http://medienfreunde.com/lab/ innerfade/) to fade a number of images, I would actually prefer to use Cycle (http://www.malsup.com/jquery/cycle/) but for some reason it does not work with Drupal 5??. Anyway innerFade do work, but I need to specify a delay before it changes images the first time. I can see that cycle has this feature (delay: 0, // additional delay (in ms) for first transition (hint: can be negative)). Does anybody here know how one could create this feature to innerFade ? Or Does anybody have Cycle running with Drupal/Jquery ? Kind Regards Morten
[jQuery] Re: removeAttr for rowspan
I encountered the same problem when I upgraded to 1.2.6 and using rowspan instead of rowSpan fixed it. I guess it was a bug fix. On May 27, 1:27 pm, snobo [EMAIL PROTECTED] wrote: Since upgrading to 1.2.5 (the same applies to1.2.6), an attempt to $ ('... td').removeAttr('rowSpan') triggers an error in IE6/7. Previously (up to 1.2.4b) it effectively setrowSpanto 1. It still works that way in FF. I'm not sure is it a bug or a feature, but of course it has broken my application, so... I guess it should be either fixed or explicitly noted in the docs. I wonder, will it cause the same problem for some other attributes?
[jQuery] Re: submit a form when an image is clicked rather than using input type=submit
Why does it take four hours for my replies to show up? :( On May 28, 1:31 pm, Pyrolupus [EMAIL PROTECTED] wrote: On May 28, 12:45 pm, cfdvlpr [EMAIL PROTECTED] wrote: I'd like to use an image to submit a form. Is there an easy way to do this using jQuery? Is there some reason you can't use input type=image /? Alternatively, img id=submitimg src=image.png / ::style:: #submitimg { cursor: pointer; } ::onready:: $('#submitimg').click(function() { //submit its form }); Pyro
[jQuery] Jquery browse dialog
Hi guys, I have to open a browse dialog window that allows selection of multiple files, basically for selection of multiple files to upload. Any ideas? Thanks.
[jQuery] Re: jquery compatibility test 01
Reducing that to the real situation... you're setting a number as value to a text field. That did cause troubles (for selects) but was fixed on 1.2.6. I tried this (setting the val to a text field) and worked well. Maybe something else is failing ? try to remove all the irrelevant code and generate a minimalistic test case. Cheers -- Ariel Flesler http://flesler.blogspot.com On 28 mayo, 17:25, arden liu [EMAIL PROTECTED] wrote: Hi, Today, I did some tests of compatibility among IE 7.0.5730.11, Firefox 2.0.0.14, Opera 9.27, Safari 3.1.1 The following JSP(includes Javascrpt) works fine under all these browser. Then I used JQuery to implement the same function, it works fine under IE/FF/Safari The submit function does not work correctly under Opera. Maybe I did not use Jquery correctly, or it is a compatibility problem of jquery-1.2.6. Thanks. Arden ===Javascript===== ?xml version=1.0 encoding=UTF-8 ? %@ page language=java contentType=text/html; charset=UTF-8 pageEncoding=UTF-8% %@ taglib uri=http://java.sun.com/jsp/jstl/core; prefix=c% !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 meta http-equiv=Content-Type content=text/html; charset=UTF-8 / titleInsert title here/title script type=text/javascript var ipVal=0; function refreshProgress(){ ipVal = ipVal + 1; document.getElementById('test1').value=ipVal; setTimeout(refreshProgress(), 1500); } /script /head body button id=buttonTest onclick=setTimeout('refreshProgress()', 1500);Click Me!/button form id=formtest action=s.jsp onsubmit=setTimeout('refreshProgress()', 1500); input id=test1 type=text name=fname value=Default / input type=submit id=submitButton value=submit/ /form /body /html =JQuery=== ?xml version=1.0 encoding=UTF-8 ? %@ page language=java contentType=text/html; charset=UTF-8 pageEncoding=UTF-8% %@ taglib uri=http://java.sun.com/jsp/jstl/core; prefix=c% !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 meta http-equiv=Content-Type content=text/html; charset=UTF-8 / titleInsert title here/title script type=text/javascript src=c:url value='/javascripts/jquery/jquery-1.2.6.js'//script script type=text/javascript var ipVal=0; function refreshProgress(){ ipVal = ipVal + 1; $(#test1).val(ipVal); setTimeout(refreshProgress, 1500); } $(function(){ $(#buttonTest).click(function(){ setTimeout(refreshProgress, 1500); }); $(#formtest).submit(function(){ setTimeout(refreshProgress, 1500); }); }); /script /head body button id=buttonTestClick Me!/button form id=formtest action=s.jsp input id=test1 type=text name=fname value=Default / input type=submit id=submitButton value=submit/ /form /body /html =s.jsp=== ?xml version=1.0 encoding=UTF-8 ? %@ page language=java contentType=text/html; charset=UTF-8 pageEncoding=UTF-8% %@ taglib uri=http://java.sun.com/jsp/jstl/core; prefix=c% !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 % Thread.sleep(1); % /head body button id=buttonTestClick Me!/button /body /html
[jQuery] Do something, ONLY if parent has children
I am wondering how I could check if a parent element has children, and it it does not, I would like to hide the parent. I was looking at something like the following, but I am not sure how to get it to work how I want: $(#main *).hide;
[jQuery] Re: Do something, ONLY if parent has children
I would do it by checking the DOM directly, just because it's reasonably straightforward and very efficient: var $main = $('#main'); if( $main[0] $main[0].firstChild ) $main.hide(); -Mike I am wondering how I could check if a parent element has children, and it it does not, I would like to hide the parent. I was looking at something like the following, but I am not sure how to get it to work how I want: $(#main *).hide;
[jQuery] Re: innerFade and delay? or Cycle and drupal 5.x ?
I have a question, i'm using innerFade (http://medienfreunde.com/lab/ innerfade/) to fade a number of images, I would actually prefer to use Cycle (http://www.malsup.com/jquery/cycle/) but for some reason it does not work with Drupal 5??. Anyway innerFade do work, but I need to specify a delay before it changes images the first time. I can see that cycle has this feature (delay: 0, // additional delay (in ms) for first transition (hint: can be negative)). Does anybody here know how one could create this feature to innerFade ? Or Does anybody have Cycle running with Drupal/Jquery ? Can't you just delay when you start innerFade? Instead of starting it immediately, start it on a timeout? $(document).ready(function() { function startFade() { $('#slideshow').innerFade(); }; setTimeout(startFade, 5000); }); Also, if you can post a link to a page where Cycle is not working I will tell you why. I'm not aware of any incompatibilities with anything. Mike
[jQuery] Re: innerFade and delay? or Cycle and drupal 5.x ?
On May 29, 9:20 am, Mr.Morton [EMAIL PROTECTED] wrote: Does anybody have Cycle running with Drupal/Jquery ? I've got Jquery cycle working on Drupal 5.7, using: Drupal 5.7 Jquery Update module 5.x-1.0 jquery.cycle 2.20 It's working fine using the Fade transition and paging on Firefox and Safari, but I'm getting errors in IE6. I've noticed that IE6 fails to render the demo at http://www.malsup.com/jquery/cycle/pager.html The first image appears but no pager, and the javascript error is line 30 char 30 'console' is undefined
[jQuery] Re: innerFade and delay? or Cycle and drupal 5.x ?
I've noticed that IE6 fails to render the demo athttp://www.malsup.com/jquery/cycle/pager.html The first image appears but no pager, and the javascript error is line 30 char 30 'console' is undefined Jonathan, Thanks for pointing that out. I had some Firebug debug code in there! :-) It's fixed now. What errors are you getting with IE6 on your page? Can you post a link? Cheers! Mike
[jQuery] Re: :contains ... troubling behavior
it does the job but I still find the behavior unexpected :P How could the documentation be changed to clarify the function so that you would expect its behavior? http://docs.jquery.com/Selectors/contains#text
[jQuery] [Tutorial] ColdFusion, jQuery, And AJAX File Upload Demo
Ben Nadel has come up with a nice blog post on how to use jQuery ColdFusion to do a file upload. http://www.bennadel.com/index.cfm?dax=blog:1244.view Rey
[jQuery] Re: Do something, ONLY if parent has children
You can do it with selectors: $('#main:not(:has(*))').hide(); Ie - 'select the element with the id main that does _not_ contain any other element'. Note that this is different from $('#main:empty') which includes text nodes. On May 29, 12:10 pm, Michael Geary [EMAIL PROTECTED] wrote: I would do it by checking the DOM directly, just because it's reasonably straightforward and very efficient: var $main = $('#main'); if( $main[0] $main[0].firstChild ) $main.hide(); -Mike I am wondering how I could check if a parent element has children, and it it does not, I would like to hide the parent. I was looking at something like the following, but I am not sure how to get it to work how I want: $(#main *).hide;- Hide quoted text - - Show quoted text -
[jQuery] Re: Do something, ONLY if parent has children
Thanks Mike, Could you explain your if statement for me, what does the do? I am still learning js and jQuery. :) On May 28, 5:10 pm, Michael Geary [EMAIL PROTECTED] wrote: I would do it by checking the DOM directly, just because it's reasonably straightforward and very efficient: var $main = $('#main'); if( $main[0] $main[0].firstChild ) $main.hide(); -Mike I am wondering how I could check if a parent element has children, and it it does not, I would like to hide the parent. I was looking at something like the following, but I am not sure how to get it to work how I want: $(#main *).hide;
[jQuery] Re: Do something, ONLY if parent has children
Hey guys, I realized that I misstated my problem. I realized that the item I want to check for is NOT a child, but the element that comes AFTER a specific element. So, I have a list of specific elements, and if an element with a specific class does not come after the first element, hide the first element. Sorry this sounds strange. I am trying to create a work around for my CMS. On May 28, 5:53 pm, Hamish Campbell [EMAIL PROTECTED] wrote: You can do it with selectors: $('#main:not(:has(*))').hide(); Ie - 'select the element with the id main that does _not_ contain any other element'. Note that this is different from $('#main:empty') which includes text nodes. On May 29, 12:10 pm, Michael Geary [EMAIL PROTECTED] wrote: I would do it by checking the DOM directly, just because it's reasonably straightforward and very efficient: var $main = $('#main'); if( $main[0] $main[0].firstChild ) $main.hide(); -Mike I am wondering how I could check if a parent element has children, and it it does not, I would like to hide the parent. I was looking at something like the following, but I am not sure how to get it to work how I want: $(#main *).hide;- Hide quoted text - - Show quoted text -
[jQuery] Re: Do something, ONLY if parent has children
Don't forget to check the jQuery documentation: http://docs.jquery.com/ The selector you want is 'prev + next': http://docs.jquery.com/Selectors/next#prevnext Eg, if I wanted to highlight in blue every paragraph object that comes after a h1 heading: $('h1 + p').css('color', 'blue'); On May 29, 2:06 pm, hubbs [EMAIL PROTECTED] wrote: Hey guys, I realized that I misstated my problem. I realized that the item I want to check for is NOT a child, but the element that comes AFTER a specific element. So, I have a list of specific elements, and if an element with a specific class does not come after the first element, hide the first element. Sorry this sounds strange. I am trying to create a work around for my CMS. On May 28, 5:53 pm, Hamish Campbell [EMAIL PROTECTED] wrote: You can do it with selectors: $('#main:not(:has(*))').hide(); Ie - 'select the element with the id main that does _not_ contain any other element'. Note that this is different from $('#main:empty') which includes text nodes. On May 29, 12:10 pm, Michael Geary [EMAIL PROTECTED] wrote: I would do it by checking the DOM directly, just because it's reasonably straightforward and very efficient: var $main = $('#main'); if( $main[0] $main[0].firstChild ) $main.hide(); -Mike I am wondering how I could check if a parent element has children, and it it does not, I would like to hide the parent. I was looking at something like the following, but I am not sure how to get it to work how I want: $(#main *).hide;- Hide quoted text - - Show quoted text -- Hide quoted text - - Show quoted text -
[jQuery] Re: Do something, ONLY if parent has children
Thank you. So, if I wanted to check to see if there even were any p tags after an h1 tag, and I wanted to hide the h1 tag, I would do the following? $('h1 + p:not(:has(*))').hide(); On May 28, 7:22 pm, Hamish Campbell [EMAIL PROTECTED] wrote: Don't forget to check the jQuery documentation:http://docs.jquery.com/ The selector you want is 'prev + next':http://docs.jquery.com/Selectors/next#prevnext Eg, if I wanted to highlight in blue every paragraph object that comes after a h1 heading: $('h1 + p').css('color', 'blue'); On May 29, 2:06 pm, hubbs [EMAIL PROTECTED] wrote: Hey guys, I realized that I misstated my problem. I realized that the item I want to check for is NOT a child, but the element that comes AFTER a specific element. So, I have a list of specific elements, and if an element with a specific class does not come after the first element, hide the first element. Sorry this sounds strange. I am trying to create a work around for my CMS. On May 28, 5:53 pm, Hamish Campbell [EMAIL PROTECTED] wrote: You can do it with selectors: $('#main:not(:has(*))').hide(); Ie - 'select the element with the id main that does _not_ contain any other element'. Note that this is different from $('#main:empty') which includes text nodes. On May 29, 12:10 pm, Michael Geary [EMAIL PROTECTED] wrote: I would do it by checking the DOM directly, just because it's reasonably straightforward and very efficient: var $main = $('#main'); if( $main[0] $main[0].firstChild ) $main.hide(); -Mike I am wondering how I could check if a parent element has children, and it it does not, I would like to hide the parent. I was looking at something like the following, but I am not sure how to get it to work how I want: $(#main *).hide;- Hide quoted text - - Show quoted text -- Hide quoted text - - Show quoted text -
[jQuery] jQGrid Sample in Classic ASP
Hi, I found jQGrid very nice and useful. Can you provide samples in Classic ASP? Thanks, Nimrod
[jQuery] Opera IE Issue
Opera 9.27 throws up this error: Event thread: click Error: name: TypeError message: Statement on line 80: Type mismatch (usually a non-object value used where an object is required) Backtrace: Line 81 of linked script file://localhost/Users/kerihenare/Sites/adhub2/skin/js/functions.js $(this).animate({left : (fusionSlider.panelPositions.indexOf(position) - 1) * $ (fusionSlider._slider).width()}, 300); CODE: panelArrange : function(x) { $(fusionSlider._slider).children(fusionSlider._panels).show(); x = x + 1; if (x == fusionSlider.panelPositions.length) x = 0; $(fusionSlider._slider).children(fusionSlider._panels + ':eq('+ x +')').hide(); $(fusionSlider._slider).children(fusionSlider._panels).each( function(i) { var position = i - 1; if (position 0) position = fusionSlider.panelPositions.length - 1; $(this).animate({ left: (fusionSlider.panelPositions.indexOf(position) - 1) * $ (fusionSlider._slider).width()}, '300'); // -- LINE 80 } ); }
[jQuery] Re: datepicker select to update a div, and strange datepicker css issue
that's great kevin, Thank you. i didn't realize the selectedDate wasn't a string, i thought if i put var x=xyz, that makes it a string. I'm still fairly new to programming and learning lots. Thanks for your help, I hope I understood that correctly. Pete