[jQuery] Re: removeAttr for rowspan
Huh, interesting! Indeed, specifying an attribute in lowercase makes it work. All in all, it seems like a inconsistency to me, that attr() method and FF don't care about the case, but removeAttr() and IE do. On May 29, 12:31 am, kape [EMAIL PROTECTED] wrote: 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] Two little question css/jquery related
Hi, I have 2 little questions: 1. In a piece of code I wrote: $div = $('div class=elementContainer/ div').appendTo($container); $a = $('a/a').appendTo($div); $a.css({'background-image':'url('+img.url+');'}) $a.addClass('element'); $a.attr({'rel':img.basename}); To create a thumbnail image gallery. In firefox works well, in IE and Safari I got an error in a jquery line. If I change this 2 lines: $a = $('a/a').appendTo($div); $a.css({'background-image':'url('+img.url+');'}) In : $a = $('a style=background-image:url(\''+img.url+'\');/ a').appendTo($div); Works well. Why? 2. In another piece of code, I used: $('input:checkbox').css({'width':'20px !important'}); $('input:radio').css({'width':'20px !important'}); Cause in the css I have a rule tha says: input { width:300px } an make my radio and checkbox button large. The problem is that those rules causes an error in IE (Argument not valid in line 1120 jquery-1.2.6.js): And these lines in the jquery uncopressed are highlighted. if ( set ) elem[ name ] = value; I can solve the problem deleting the css rule and use $ ('input:text').css({'width':'300px'}), but what's the reason of the error? Thank you, bye
[jQuery] Re: jQGrid Sample in Classic ASP
I never work with ASP, but if you known a little PHP you have an Idea how to do that with ASP. If you have success with this it will be good to send me example, so that other users will be happy with this Regards Tony On May 29, 5:03 am, Nimrod [EMAIL PROTECTED] wrote: Hi, I found jQGrid very nice and useful. Can you provide samples in Classic ASP? Thanks, Nimrod
[jQuery] Re: Jquery browse dialog
Fred wrote: 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? I believe You can't override the browser's file upload dialog, which only allows one file at a time unless you use a browser plug-in such as Flash or Java. But if you can allow multiple separate selections with a single upload, you might try http://www.fyneworks.com/jquery/multiple-file-upload/ -- Scott
[jQuery] Re: Opera IE Issue
Is fusionSlider.panelPositions an array or a string? If it's an array, then using indexOf() on it is wrong. If it's a string then I can't work out what it that statement is intended to achieve ... but indexOf() should take a string as its input, not a number! On May 29, 2:41 am, Keri Henare [EMAIL PROTECTED] wrote: 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: Do something, ONLY if parent has children
Can you be a bit more explicit about what it is that you want to do? eg. hide H1 where next element does not have class 'fred' or hide DIV, H1 and H6 where first child is not (DIV.dynamo) or hide P, H1 thru H6 where next element is not (P.kiev) or is (P.kiev having a child of A.hideme) Then we can stop trying to second guess what it is that you need. On May 29, 3:37 am, hubbs [EMAIL PROTECTED] wrote: 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] Re: What is the white area area behind text using sIFR on jQuery Media Plugin?
malsup wrote: 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 I was able to change the background color, but I was not able to make it transparent. When I enter options.bgColor = 'transparent', it creates a green background behind the sifr text. I have not specified that green anywhere within the code. Can you please tell me how to make the background transparent? Is there some sort of wmode = 'transparent' sort of code needed? Do you understand what I am asking? I was not able to change the font size. I saw the new code you updated on the sIFR demo page, but I don't understand it. The last number on the right changes the size of the sifr element, but not the actual font size. The other number does nothing as I could see. Also, how do I change the font attributes, such as color, spacing, line-height, because the sIFR text does not react to the CSS. One other thing is that I cannot center any of the sIFR text using a center tag around the markup, so I can't find any way to change the look of the sIFR text. I have used a few of your Plugins, and I must say thank you very much!!! You have saved me much time! I also thank you for trying to help me solve these coding problems! -Chris -- View this message in context: http://www.nabble.com/What-is-the-white-area-area-behind-text-using-sIFR-on-jQuery-Media-Plugin--tp17511264s27240p17530704.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Hiding an li causes list to shift over.
Heres my page: http://tinyurl.com/65ffwr Click on the FAQ Prices buttons to see the functionality and the problem. I'm using jquery to hide the 'Go Back' button until the other buttons are clicked. When they are, the 'Go Back' Button fades into view. See the problem? When the the 'Go Back' button is hidden, the javascript applies display:none to the list element. This hides the button but because its the first element in the ul, the remaining two shift across to fill the gap. I've tried to get around this by using zindex:-100 instead of display:none. This works but the link is still present and active in the page, and is messy. In a nutshell, does anyone know a way of hiding the first li which doesn't cause the list to shift over? Any help appreciated, thank you!
[jQuery] [tooltip] attribute jQuery not injected.
jQuery.ToolTip Great Job. I have an application where I make a code injection of many Html elements dynamically. I know that for each Html element the jQuery.tooltip library injects this attribute: jQuery + Date and the value is an unique identify. My problem is that some times (I don't know where and when) the Html elements injected have not the jQuery attribute; I must to do a refresh (of the page) one or two times for resolving this problem. How can I be sure that jQuery.tooltip has injected that attribute? Or how can I inject it by myself? Thanks Deza
[jQuery] Re: mark a td when left mouse button is pressed
Use addEventListener In IE this is attachEvent if (td.addEventListener){ td.addEventListener('mouseDown', changeClass, true); } else if (td.attachEvent){ td.attachEvent('onMouseDown', changeClass); } function changeClass() { $(this).css('asds','asdasdsa'); } On May 28, 7:50 pm, melwood [EMAIL PROTECTED] wrote: 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] Re: Opacity Problems in IE 6 and IE 7 with 1.2.5 and 1.2.6
I'm having the same exact problem. 1.2.3 works perfectly fine, but 1.2.5/.6 does not work - specifically with jqmodal. On May 28, 5:49 am, M_Freeman [EMAIL PROTECTED] wrote: 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] Customized version?
Hi, I like jQuery a lot since I started working with it some months ago and I am thrilled when I see jQuery UI. But there is one thing that I don't like: jQuery ships code that I don't need and that users have to download even if it is not used. I am talking specifically about the ajax code in jQuery, since I work with the xajax framework for some years now and I have no intention to change that. So, my suggestion would be to do the same thing with jQuery as with jQuery UI: Let the developers decide which chunks they want to include and enable them to make a customized version. I don't know which parts can be stripped (maybe there are a lot of internal dependencies that I don't know about) but I think Ajax and Effects could be stripped if not needed? Thanks for reading and your ideas / opinions on that topic. BR, Michael
[jQuery] Re: Opera IE Issue
Figured out the problem. Array.indexOf is not supported by Opera 9.27 or IE. On May 29, 1:41 pm, Keri Henare [EMAIL PROTECTED] wrote: 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] Cloning Fieldsets
Hi, I'm a recent convert to jQuery, and so far, so great! I'm slowly moving through my home rolled javascript and migrating it across. One script which I'm desperate to fix is a generic 'addSubform' routine which I use to create a new child form (say address form) for a parent form (say organisation). I use a hidden template, which the routine clones and then renumbers (The back end is php so I need child forms inputs to be renumbered so that they end up as PHP arrays; the template fields are all prefixed with 'tmpl_' so I strip that and rename the input like so: theName = theName.replace(tmpl_,); node.name = prefix+'[' + subformCount + '][' + theName + ']' ; The original function is roughly this: function addSubform(childtype) { subformCount++; var mysubform = document.getElementById(childtype +'_tmpl').cloneNode(true); mysubform.id = ''; mysubform.style.display = 'block'; // traverse all of the childnodes of mysubform depthTraverse (mysubform, renumberFormField, childtype ); var insertHere = document.getElementById(childtype+'_insert'); insertHere.parentNode.insertBefore(mysubform,insertHere); return false; } As I'm sure you've spotted - the depthTravers is the killer. It works, but is a pain for subforms with large 'select' popups. I can see that being able to use a .filter() on inputs and textareas should make this much quicker ;-) but I'm still at the larval noobie stage and can't quite see how to do the renaming. I suspect I'm trying to do too much in one line! Also - the inputs within the field will have their events attached - it seems to suggest that I can copy attached events over as well, using .clone(true) - is this actually the case, and what should I watch for? I'm sure that this is the sort of thing that jQuery maestros run off all the time. Hoping someone point me in the right direction... Kind regards, R (apologies if this appears as a double-post - tried sending it from Mail.app but seems to have got lost in transit!) -- Richard Dyce MA (Cantab.) MBCS MIET
[jQuery] Re: load() function in synchronous manner.
$.load() using $.ajax() at it's core so yes. It's a really good idea to check the documentation and the source code when you have questions like this. Karl Rudd On Thu, May 29, 2008 at 8:13 PM, Arun Kumar [EMAIL PROTECTED] wrote: Will these settings gets applied to load() function also? On May 28, 3:21 am, Karl Rudd [EMAIL PROTECTED] wrote: Woops sorry, hit Send too soon. http://docs.jquery.com/Ajax/jQuery.ajaxSetup And the options are defined here, in the Options tab: http://docs.jquery.com/Ajax/jQuery.ajax#options The $.ajaxSetup() call applies to all AJAX based calls after that, until they're changed. Karl Rudd On Wed, May 28, 2008 at 12:31 AM, Arun Kumar [EMAIL PROTECTED] wrote: Not this case, I want to know how to use it synchronously. On May 27, 4:47 pm, Karl Rudd [EMAIL PROTECTED] wrote: Ok that's nothing to do with sync vs async. As I said, some examples of the code you're using would be helpful. Karl Rudd On Tue, May 27, 2008 at 9:14 PM, Arun Kumar [EMAIL PROTECTED] wrote: How can I use this load() function to load a page in sync? In IE, Object doesn't support this method or property. On May 27, 3:52 pm, Karl Rudd [EMAIL PROTECTED] wrote: If you're getting errors it usually means something is working in a different way it was meant to work. What sort of errors are you getting? Some examples of the code would be helpful. Karl Rudd On Tue, May 27, 2008 at 3:32 PM, Arun Kumar [EMAIL PROTECTED] wrote: I know. The reason for using this is, I am loading a page using load() function. Then I am performing some operations on the fields in that page. If the load function is used to load in asynchronous manner, I will get some errors in IE. This is the reason for loading it in sync. How can I use this load() function to load a page in sync? On May 27, 2:42 am, Karl Rudd [EMAIL PROTECTED] wrote: Yes but the more important question to ask is why do you want to load something synchronously. Bear in mind that loading something synchronously will lock the _entire_ browser up until it's finished. (At least that's been my impression of why it's not used). Karl Rudd On Tue, May 27, 2008 at 1:54 AM, Arun Kumar [EMAIL PROTECTED] wrote: Can I use jQuery load() function to load a dynamic page in synchronous manner? (async: false)
[jQuery] Re: :contains ... troubling behavior
a screen shot to illustrate my point ... if I can venture an non-expert diagnostic, it seems that in the second case jQuery considers that the html in the contains() statement is the context of the statement and not the html document ... EuGeNe -- http://www.3kwa.com inline: contains.png
[jQuery] Re: Jquery browse dialog
You can't do that with the file input control. You'll have to use Java or ActiveX. On Thu, May 29, 2008 at 12:05 AM, Fred [EMAIL PROTECTED] wrote: 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] Problem when trying to copy the home page design of Msn Video site
This is the msn video site: http://video.msn.com/ On the home page, we can see some small preview pictures of videos.When we move the cursor over it, the picture will disappear, and some description text about the video will show up and replace the area of the original picture. When we move the cursor out of it, the picture is back again. I am trying to imitate exactly this effect. I use both of the onmouseover and onmouseout events to do that job, and it looks just as it is the real site of msn video. But there is a problem with it and I spent a whole day on it but still can't figure out a solution. The problem is: when I move the cursor in a normal speed over several preview pictures, everything is ok, but When I move the cursor over these pictures in a high speed, some of the pictures will not come back, and the replaced description texts of them are still there. It seems as if some onmouseout events failed to execute or are missing. Could someone give me some tips about how to resolve this problem?
[jQuery] global toggle function
here is a prototype i am putting together. http://www.roxstyle.com/projects/blssi/cms/user-tools/user-contract-details.html on this page there is one link system using toggle, for the linkAdd More Existing Accounts and this works, but on pages where the system is used more than once, such as: http://www.roxstyle.com/projects/blssi/cms/user-tools/user-user-details.html you can see that the link text is doubling and each link toggles BOTH hidden areas. i would like to make this functionality global so i could use it more than once on a page. are there samples of anything similar to this? I'm going demo bonkers about now.
[jQuery] Re: Two little question css/jquery related
Hi, There is an extra semicolon at end of css's value: $a.css({'background-image':'url('+img.url+');'}) -Tony On May 29, 15:23 pm, Giovanni Battista Lenoci [EMAIL PROTECTED] wrote: Hi, I have 2 little questions: 1. In a piece of code I wrote: $div = $('div class=elementContainer/ div').appendTo($container); $a = $('a/a').appendTo($div); $a.css({'background-image':'url('+img.url+');'}) $a.addClass('element'); $a.attr({'rel':img.basename}); To create a thumbnail image gallery. In firefox works well, in IE and Safari I got an error in a jquery line. If I change this 2 lines: $a = $('a/a').appendTo($div); $a.css({'background-image':'url('+img.url+');'}) In : $a = $('a style=background-image:url(\''+img.url+'\');/ a').appendTo($div); Works well. Why? 2. In another piece of code, I used: $('input:checkbox').css({'width':'20px !important'}); $('input:radio').css({'width':'20px !important'}); Cause in the css I have a rule tha says: input { width:300px } an make my radio and checkbox button large. The problem is that those rules causes an error in IE (Argument not valid in line 1120 jquery-1.2.6.js): And these lines in the jquery uncopressed are highlighted. if ( set ) elem[ name ] = value; I can solve the problem deleting the css rule and use $ ('input:text').css({'width':'300px'}), but what's the reason of the error? Thank you, bye
[jQuery] Re: jquery compatibility test 01
Thanks for your suggestion. Now, I reduce my code as the following. But it still does not work under Opera. Maybe I have to use my own javascript instead of jquery, or I will try to fix this problem of jquery. === html head titleInsert title here/title script type=text/javascript src=/test/jquery-1.2.6.js/script script type=text/javascript function refreshProgress(){ $(#test1).val(e); setTimeout(refreshProgress, 1500); } $(function(){ $(#formtest).submit(function(){ setTimeout(refreshProgress, 1500); }); }); /script /head body 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 === On Wed, May 28, 2008 at 7:47 PM, Ariel Flesler [EMAIL PROTECTED] wrote: 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] Cloning Fieldsets
Err hello? Managed to get it working ... kind of but out of interest wanted to know if I was missing some jQuery idioms within the .each() function? Any thoughts gratefully received. R. ( Noobie ) function addSubform(childtype) { subformCount++; var thisType = childtype; var mysubform = $('#'+childtype +'_tmpl').clone().appendTo('#'+childtype+'_insert'); mysubform.attr('id',childtype+'_'+subformCount).show(); var i_tag = '#'+childtype+'_'+subformCount+' ol '; var p_tag = i_tag+' li '; $( i_tag+'input, '+p_tag+'input, '+p_tag+'label, '+p_tag +'textarea').each(function(index) { /* old_school starts here ...*/ var prefix = thisType; if (this.tagName == 'INPUT' || this.tagName == 'TEXTAREA' ) { var theName = this.name; // strip off tmpl_ theName = theName.replace(tmpl_,); if (theName) this.name = prefix+'[' + subformCount + '][' + theName + ']' ; var theID = this.id theID = theID.replace(tmpl_,); if (theID) this.id = prefix+'_' + subformCount + '_' + theID ; } if (this.tagName == 'LABEL') { var theName = this.getAttribute('for'); // strip off tmpl_ theName = theName.replace(tmpl_,); if (theName) this.htmlFor = prefix+'_' + subformCount + '_' + theName; } /* .. and has ended by here */ });; return false; }
[jQuery] Cloning Fieldsets
Hi, I'm a recent convert to jQuery, and so far, so great! I'm slowly moving through my home rolled javascript and migrating it across. One script which I'm desperate to fix is a generic 'addSubform' routine which I use to create a new child form (say address form) for a parent form (say organisation). I use a hidden template, which the routine clones and then renumbers (The back end is php so I need child forms inputs to be renumbered so that they end up as PHP arrays; the template fields are all prefixed with 'tmpl_' so I strip that and rename the input like so: theName = theName.replace(tmpl_,); node.name = prefix+'[' + subformCount + '][' + theName + ']' ; The original function is roughly this: function addSubform(childtype) { subformCount++; var mysubform = document.getElementById(childtype +'_tmpl').cloneNode(true); mysubform.id = ''; mysubform.style.display = 'block'; // traverse all of the childnodes of mysubform depthTraverse (mysubform, renumberFormField, childtype ); var insertHere = document.getElementById(childtype+'_insert'); insertHere.parentNode.insertBefore(mysubform,insertHere); return false; } As I'm sure you've spotted - the depthTravers is the killer. It works, but is a pain for subforms with large 'select' popups. I can see that being able to use a .filter() on inputs and textareas should make this much quicker ;-) but I'm still at the larval noobie stage and can't quite see how to do the renaming. I suspect I'm trying to do too much in one line! Also - the inputs within the field will have their events attached - it seems to suggest that I can copy attached events over as well, using .clone(true) - is this actually the case, and what should I watch for? I'm sure that this is the sort of thing that jQuery maestros run off all the time. Hoping someone point me in the right direction... Kind regards, R -- Richard Dyce MA (Cantab.) MBCS MIET
[jQuery] Use jquery autocomplete plugin with Multiple Textboxes (Textboxes are generated using Javascript)
Hello, I have this code to generate Textboxes at the click of a Button - - html script function addRowToTable() { var tbl = document.getElementById('tblSample'); var lastRow = tbl.rows.length; // if there's no header row in the table, then iteration = lastRow + 1 var iteration = lastRow; var row = tbl.insertRow(lastRow); // left cell var cellLeft = row.insertCell(0); var textNode = document.createTextNode(iteration); cellLeft.appendChild(textNode); // right cell var cellRight = row.insertCell(1); var el = document.createElement('input'); el.type = 'text'; el.name = 'txtRow' + iteration; el.id = 'txtRow' + iteration; el.size = 40; el.onkeypress = keyPressTest; cellRight.appendChild(el); } function removeRowFromTable() { var tbl = document.getElementById('tblSample'); var lastRow = tbl.rows.length; if (lastRow 2) tbl.deleteRow(lastRow - 1); } /script form action=TourPlan.jsp method=get p input type=button value=Add onclick=addRowToTable(); / input type=button value=Remove onclick=removeRowFromTable(); / input type=button value=Submit onclick=validateRow(this.form); / /p p span id=spanOutput style=border: 1px solid #000; padding: 3px; / span /p table border=1 id=tblSample tr th colspan=3Sample table/th /tr tr td1/td tdinput type=text name=txtRow1 id=txtRow1 size=40 onkeypress=keyPressTest(event, this); / /td /tr /table /form /html I want to use the Autocomplete jQuery plugin here for all the Textboxes - !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN http://www.w3.org/ TR/html4/strict.dtd html script type=text/javascript src=lib/jquery-1.2.1.js/script script type='text/javascript' src='lib/jquery.autocomplete.js'/ script link rel=stylesheet type=text/css href=lib/ jquery.autocomplete.css / link href=styles.css rel=stylesheet type=text/css / /head body form name=myform method=POST action=JSPFindPaths.jsp table id=mytable cellspacing=0 tr th scope=col Station From :/th td class=altinput type=text id=station value= name=station style=width: 200px; //td /tr td class=altinput type=submit value=Submit name=B1 onclick='return isBlank()'/td /tr /table /form script type=text/javascript function findValue(li) { if( li == null ) return alert(No match!); // if coming from an AJAX call, let's use the CityId as the value if( !!li.extra ) var sValue = li.extra[0]; // otherwise, let's just display the value in the text box else var sValue = li.selectValue; //alert(The value you selected was: + sValue); } function selectItem(li) { findValue(li); } !-- function formatItem(row) { return row[0] + (id: + row[1] + ); } -- function formatItem(row) { return row[0]; } $(document).ready(function() { $(#station).autocomplete( myservlet, { delay:10, minChars:1, matchSubset:1, matchContains:1, cacheLength:10, onItemSelect:selectItem, onFindValue:findValue, formatItem:formatItem, autoFill:true } ); }); /script /body /html
[jQuery] disable or replace plugin
Hello, i've own plugin. My code: $('#jXInput').tellMe('rpc.php', {noCache: true, param: 'rType=zumrGroup=1', dataProcessing: function(d, sD) { $('#jXInput').parents('tr').eq(0).children().each(fillIt); function fillIt(index, el) { if (!index) $(el).children().val(d[1]); else if (index == 3) $(el).text(d[2]); } }}); sometimes i need send param 'rType=zumrGroup=2', but plugin is already hooked on #jXInput, when i bind it second time (with different arguments), plugin is called twice (one with old param and second with new param). I need how to disable plugin on #jXInput or how to change parameters in calling this plugin. Thank you for your help and advices. Lampa
[jQuery] Re: :contains ... troubling behavior
On Thu, May 29, 2008 at 2:45 AM, Dave Methvin [EMAIL PROTECTED] wrote: 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 The doc is very clear ... it's the way I tried to use it that yield a result I can't make sense of : a href=foofoo/a + $(:contains(a href=foofoo/a)) ) = [a foo] (1) a href=foofoo/a + $(a:contains(foo) ) = [a foo] (2) for some reason with (2) I can chain commands but not with (1) ... (1) appear faded in Firebug. Thanks, EuGeNe -- http://www.3kwa.com
[jQuery] Re: load() function in synchronous manner.
Will these settings gets applied to load() function also? On May 28, 3:21 am, Karl Rudd [EMAIL PROTECTED] wrote: Woops sorry, hit Send too soon. http://docs.jquery.com/Ajax/jQuery.ajaxSetup And the options are defined here, in the Options tab: http://docs.jquery.com/Ajax/jQuery.ajax#options The $.ajaxSetup() call applies to all AJAX based calls after that, until they're changed. Karl Rudd On Wed, May 28, 2008 at 12:31 AM, Arun Kumar [EMAIL PROTECTED] wrote: Not this case, I want to know how to use it synchronously. On May 27, 4:47 pm, Karl Rudd [EMAIL PROTECTED] wrote: Ok that's nothing to do with sync vs async. As I said, some examples of the code you're using would be helpful. Karl Rudd On Tue, May 27, 2008 at 9:14 PM, Arun Kumar [EMAIL PROTECTED] wrote: How can I use this load() function to load a page in sync? In IE, Object doesn't support this method or property. On May 27, 3:52 pm, Karl Rudd [EMAIL PROTECTED] wrote: If you're getting errors it usually means something is working in a different way it was meant to work. What sort of errors are you getting? Some examples of the code would be helpful. Karl Rudd On Tue, May 27, 2008 at 3:32 PM, Arun Kumar [EMAIL PROTECTED] wrote: I know. The reason for using this is, I am loading a page using load() function. Then I am performing some operations on the fields in that page. If the load function is used to load in asynchronous manner, I will get some errors in IE. This is the reason for loading it in sync. How can I use this load() function to load a page in sync? On May 27, 2:42 am, Karl Rudd [EMAIL PROTECTED] wrote: Yes but the more important question to ask is why do you want to load something synchronously. Bear in mind that loading something synchronously will lock the _entire_ browser up until it's finished. (At least that's been my impression of why it's not used). Karl Rudd On Tue, May 27, 2008 at 1:54 AM, Arun Kumar [EMAIL PROTECTED] wrote: Can I use jQuery load() function to load a dynamic page in synchronous manner? (async: false)
[jQuery] Re: Display loading image while alternate image loads.
There's a simple way to have a loading image without any javascript at all. Simply use CSS. Either give the image in question a background image which serves as your loading image (I've not tried this out so am not sure it would work), or if that approach doesn't work, wrap your image in another element (a div or span) and give that a background image. On May 27, 9:49 pm, 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 17KViewDownload
[jQuery] Re: Jquery browse dialog
Hi, maybe you can use swfupload? http://demo.swfupload.org/simpledemo/index.php Hit the browse button and use ctrl/shift to choose multiple files... There are more demos available too... Good luck! Regards, Mickster On May 29, 12:05 am, Fred [EMAIL PROTECTED] wrote: 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] Background-position without flickering (need Preloading)
Hi, At first I'm very sorry for my english. If any sentence or word is a little bit confusing, just ignore it. The Problem: I have to refresh a background-image of a div element every x seconds. It's a image which is generated of a PHP Script, so the image changes. Unfortunately there were flickering effects. So I had to write an workarround, and really it works. It does what I want, but I have uploaded it: You can see it under: http://www.webraid.de/test/forum.html (best with Firebug). My Problem is in this Code Segment: $(#+options['dummybild']).load( function() { if(!flag) { console.log(Ready Loading); container.css(background-image,'url('+turl+')'); // Setting the bg-image //flag=true; // return true; } }); It runs in a loop. Firebug logs many Ready Loading. When the x time my function is called, then x times Firebug logs Ready Loading. So when the script is running 1minute and every 3seconds the function is called, then there are 20 Ready Loading for the 20. calling. Not optimal, not my goal, even though it works. And now my question ? Why ? How can i left this loop of the load(function()...). return does not help. A flag for only one time setting the background and logging isn't the solution. Thanx a lot Faenôl
[jQuery] Re: Animate() background colours
Thanks for that. I've got it working now. One question, though, and this applies to all animations... how can the animation be made smoother? I've seen pretty slick animations in other libraries and wondering how jquery can be tweaked to make the animations smoother. Any ideas? Alexandre Plennevaux wrote: 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] ajaxForm not working
Hi, I'm trying to do a register script. It works fine, but now I try to AJAX it up and it breaks. Here's register.php - the page with the form and the js http://pastebin.com/m696999f7 and register-process.php which handles the data and was supposed to return something which I guess it doesn't. Without AJAX it echoed the responses just fine http://pastebin.com/m35017afe the #loaded div is on my index.php and is just an empty div to load into. When I click the register button, it does some ajax (My loading image shows ajaxStart and ajaxStop is triggered) and then just clears the div. No errors or responses, just empty. Is anyone able to help please? Thank you :-)
[jQuery] Re: Animate() background colours
Thanks for that. I've got it working now. One question, though, and this applies to all animations... how can the animation be made smoother? I've seen pretty slick animations in other libraries and wondering how jquery can be tweaked to make the animations smoother. Any ideas? On May 29, 12:00 am, Alexandre Plennevaux [EMAIL PROTECTED] wrote: sure, use the color plugin:http://plugins.jquery.com/project/color regards, Alexandre Plennevaux *LAb[au]* *lab*oratory for *a*rchitecture and *u*rbanismhttp://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: ajaxForm not working
Here's register.php - the page with the form and the js http://pastebin.com/m696999f7 and register-process.php which handles the data and was supposed to return something which I guess it doesn't. Without AJAX it echoed the responses just fine http://pastebin.com/m35017afe the #loaded div is on my index.php and is just an empty div to load into. When I click the register button, it does some ajax (My loading image shows ajaxStart and ajaxStop is triggered) and then just clears the div. No errors or responses, just empty. Add this to the top of register-process.php: ?php header('Content-type: text/xml'); ?
[jQuery] Re: Opacity Problems in IE 6 and IE 7 with 1.2.5 and 1.2.6
jqModal does not work with 1.2.5 (6) due to this line of code in jqModal z=(/^\d+$/.test(h.w.css('z-index')))?h.w.css('z-index'):c.zIndex, In previous versions of jQuery the line (/^\d+$/.test(h.w.css('z-index'))) return undefined in IE6/IE7 (i.e. false) In 1.2.5 this return 0 (true) which is right, since of z-index bug in IE6/IE7 More about this problem can be found here: http://aplus.co.yu/lab/z-pos/ IMHO I think that this line in jqModal shoud be changed Regards Tony On May 29, 5:59 am, mojock [EMAIL PROTECTED] wrote: I'm having the same exact problem. 1.2.3 works perfectly fine, but 1.2.5/.6 does not work - specifically with jqmodal. On May 28, 5:49 am, M_Freeman [EMAIL PROTECTED] wrote: 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: What is the white area area behind text using sIFR on jQuery Media Plugin?
I was able to change the background color, but I was not able to make it transparent. When I enter options.bgColor = 'transparent', it creates a green background behind the sifr text. I have not specified that green anywhere within the code. Can you please tell me how to make the background transparent? Is there some sort of wmode = 'transparent' sort of code needed? Do you understand what I am asking? I was not able to change the font size. I saw the new code you updated on the sIFR demo page, but I don't understand it. The last number on the right changes the size of the sifr element, but not the actual font size. The other number does nothing as I could see. Also, how do I change the font attributes, such as color, spacing, line-height, because the sIFR text does not react to the CSS. Chris, All these options depend on what your swf file supports and how it supports them. If it accepts flashvars then you need to pass flashvars. If it offers no styling then you're stuck with what you have. You can experiment with what options work and don't work by just using plain markup and seeing how the swf responds (maybe there is documentation at the site you used to generate the swf?). The media script does nothing other than generate the object/embed element with the appropriate attributes and parameters. With the .swf file that I use on my demo page, simply changing the element height causes the font size to change because that's how that swf was written. Hope this helps. Mike
[jQuery] Similar plugin on jQuery
I search plugin for jQuery whis similar functional I'm looking for the plugin for jQuery with similar functionality as jcp.com (http://www3.jcpenney.com/jcp/ProductImageview.aspx? IT=GID=13b85b6MD=RNGRT=SIZE=FSA=TVT=ZVI=0900631b814acb62M.tifVAS=AV=THM=FRGB=AS=AST=BID=VID=RU=http %3a%2f%2fwww3.jcpenney.com%2fjcp%2fX6.aspx%3fpersist %3d1%7e50434%7e57205%7e%7eSIZ%7c13b85b6%7e-1%7e%7e%26CmCatId%3d50434| 50435|57205IRU=YCmCatId=50434|50435|57205) With Zoom and Drag Drop effect, and most importantly with dynamic loading part of large image.
[jQuery] Re: ajaxForm not working
Thank you for the response, but that doesn't seem to have any effect at all. On 29 Maj, 14:02, malsup [EMAIL PROTECTED] wrote: Add this to the top of register-process.php: ?php header('Content-type: text/xml'); ?
[jQuery] Re: ajaxForm not working
On May 29, 8:22 am, eid [EMAIL PROTECTED] wrote: Thank you for the response, but that doesn't seem to have any effect at all. On 29 Maj, 14:02, malsup [EMAIL PROTECTED] wrote: Add this to the top of register-process.php: ?php header('Content-type: text/xml'); ? What exactly do you want to have happen? You're using the 'target' option to send the response to a div, but your response is XML. That doesn't really make sense. If you want to push the response to a div then the response should be HTML text. If your response is going to be XML then you need to process it in a success handler. For example: var options = { dataType: 'xml', success: function(xml) { var title = $('title', xml).text(); var msg = $('body', xml).text(); var s = 'h1'+title+'/h1' + 'div'+msg+'/div'; $('#loaded').html(s); } }; You still need the PHP header if you're going to return XML. Mike
[jQuery] Select IE7
Hi folks, I use JQuery and JQuery ui for my web application but some troubles have come with select html tag since i use IE 7 to browse it. It's not possible to select an option with mouse. it works only if the focus is out of select area. However, It's possible to select an option with keyboard. no change if i add some controls on it. Someone has encountered the same problem? Regards, Olivier
[jQuery] jQuery Corner problem
I'm trying to use the corner plugin (http://www.malsup.com/jquery/corner) to create rounded corners on a div. First I display a div that covers the whole page and has a black, transparent background. Then I show another div, white background, centered on the screen. So it's a kind of popup. The problem is that when I just use $(...).corner(), nothing happens. But if I color the corners with $(...).corner(cc:#000), I can see the corner, but it's black. Is there something wrong with the following code? $(#overlay_bg).width($(document).width()); $(#overlay_bg).height($(document).height()); $(#overlay_fg).width(400); $(#overlay_fg).center(); $(#overlay_fg).corner(); $(#overlay_bg).show(); $(#overlay_fg).slideDown(slow); Thanks for checking!
[jQuery] SELECT with IE7
Hi Folks, I use JQuery anf JQuery UI plugin for my web application. Some troubles with select html tag have come since i use IE 7 to browse it. It's not possible to select any option with mouse. It's works fine with keyboard. It's only possible with mouse when the focus is out of select area (crazy!) someone has encountered the same problem Regards, Olivier
[jQuery] Populate plugin updated (plugin to fill forms using JSON)
Hi Everyone, I've finally updated my Populate plugin, which populates a form using JSON data. This plugin supports full PHP hierarchical naming and deep JSON data structures, as well as checkbox arrays and other non-standard UI controls. The plugin can be used as part of your AJAX toolkit, or for separating server-side code from HTML by populating a form after the page has loaded. The project homepage is here: http://www.keyframesandcode.com/code/development/javascript/jquery-populate-plugin/ And I have finally got round to providing demos! Including: * Populating a simple form, using string variable types for textfields, radiobuttons, dropdowns and checkboxes * Populating a complex form, using array variable types for checkbox arrays and multi-list boxes * Populating a hierarchical form, using hierarchical JSON data You can access full instructions and the demo page here: http://www.keyframesandcode.com/resources/javascript/jQuery/demos/populate-demo.html If you'd like to report any bugs, or have features included I've not thought of, please respond via the commenting system on the project home page. Cheers, Dave
[jQuery] Highlight plugin updated (highlight elements and related elements as you interact with them)
Hi Everyone, I've recently updated my Highlight plugin, which is designed to increases usability by highlighting elements as you interact with the page. Its primary use is for forms, but it can also be used for tables, lists, or any element you specify. Examples uses: * Form-filling can be made clearer by highlighting the element around a control as you tab into it * Table rows can be made more visible as you pass the mouse over them, or click them * Elements can be toggled on and off as you click them The project homepage is here: http://www.keyframesandcode.com/code/development/javascript/jquery-highlight-plugin/ And I have finally got round to providing demos! Including: * Highlighting the areas around form controls as you tab into / focus upon them * Highlighting table rows or cells as you rollover them * Toggling table rows as you click them * Highlighting list items and sub items as you rollover them You can access full instructions and the demo page here: http://www.keyframesandcode.com/resources/javascript/jQuery/demos/highlight-demo.html If you'd like to report any bugs, or have features included I've not thought of, please respond via the commenting system on the project home page. Cheers, Dave
[jQuery] Re: Two little question css/jquery related
Tony ha scritto: Hi, There is an extra semicolon at end of css's value: $a.css({'background-image':'url('+img.url+');'}) First question fired! :-) Thank you. -- gianiaz.net - web solutions p.le bertacchi 66, 23100 sondrio (so) - italy +39 347 7196482
[jQuery] flashembed plugin
Has anyone ever used this flash embed plugin? http://plugins.jquery.com/project/flashembed Do you know how to pass it some flashvars? I read the documentation but couldn't find anything clear.. Thanks vitto
[jQuery] Re: ajaxForm not working
Oh, right. I haven't worked with xml before so I was thinking that if I injected it into a div it would just show it as regular text. Guess not. Thanks a lot man, I got it working now :-) On 29 Maj, 14:45, malsup [EMAIL PROTECTED] wrote: What exactly do you want to have happen? You're using the 'target' option to send the response to a div, but your response is XML. That doesn't really make sense. If you want to push the response to a div then the response should be HTML text. If your response is going to be XML then you need to process it in a success handler. For example: var options = { dataType: 'xml', success: function(xml) { var title = $('title', xml).text(); var msg = $('body', xml).text(); var s = 'h1'+title+'/h1' + 'div'+msg+'/div'; $('#loaded').html(s); } }; You still need the PHP header if you're going to return XML. Mike
[jQuery] Re: jQuery Corner problem
First I display a div that covers the whole page and has a black, transparent background. Then I show another div, white background, centered on the screen. So it's a kind of popup. The problem is that when I just use $(...).corner(), nothing happens. But if I color the corners with $(...).corner(cc:#000), I can see the corner, but it's black. Hard to say without seeing the whole page, but a very simple test case using your code works fine: http://www.malsup.com/jquery/corner/test4.html Mike
[jQuery] Re: jQuery Corner problem
Hi Mike, Thanks for your quick reply. I can see that your example works, but there are some problems with it. The background div has to be positioned absolute, because it overlays the actual site beneath it. If you do that with your example, the foreground div will also be transparent. So I used the following html: body div id=overlay_bg/div div id=overlay_fg/div (rest of the site) /body Now, the background is transparent, but the foreground isn't. And I can't get the corners to work like this. On Thu, May 29, 2008 at 3:05 PM, malsup [EMAIL PROTECTED] wrote: First I display a div that covers the whole page and has a black, transparent background. Then I show another div, white background, centered on the screen. So it's a kind of popup. The problem is that when I just use $(...).corner(), nothing happens. But if I color the corners with $(...).corner(cc:#000), I can see the corner, but it's black. Hard to say without seeing the whole page, but a very simple test case using your code works fine: http://www.malsup.com/jquery/corner/test4.html Mike
[jQuery] Re: Safari unable to get width and height of image.
Yes. :) On May 28, 7:19 pm, Ariel Flesler [EMAIL PROTECTED] wrote: You're calling the methods inside a document.ready, right ? -- Ariel Fleslerhttp://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: global toggle function
roxstyle wrote: http://www.roxstyle.com/projects/blssi/cms/user-tools/user-contract-details.html on this page there is one link system using toggle, for the linkAdd More Existing Accounts and this works, but on pages where the system is used more than once, such as: http://www.roxstyle.com/projects/blssi/cms/user-tools/user-user-details.html you can see that the link text is doubling and each link toggles BOTH hidden areas. i would like to make this functionality global so i could use it more than once on a page. are there samples of anything similar to this? I'm going demo bonkers about now. This is what you are telling jQuery to do: - select all elements with class .togMenu - add a toggle switch to them which shows or hides all elements with class .togContent. That's happening correctly on both pages. The problem is that you want specific .togMenus connected to particular .togContents. There are several ways to do this. The simplest would probably be to use ids on both the link and the content, then call your function like this: menuToggler(#togMenu1, #togContent1); menuToggler(#togMenu2, #togContent2); Another possibility, if you want your JavaScript identical on all pages, especially if there might be dynamic sets of togglers, would be to use ids, but make the relationship between them automatic with something like (untested): a href=# class=togMenu id=link_contactClose Contact/a div class=insert togContent id=contact.../div $(a.togMenu).toggle(function() { var targetId = this.id.substring(5); // link_xzy = xyz $(# + targetId).show(slow); }, function() { var targetId = this.id.substring(5); $(# + targetId).hide(slow); }); I hope that's enough to get you going. Good luck, -- Scott
[jQuery] Re: jQuery Corner problem
The background div has to be positioned absolute, because it overlays the actual site beneath it. If you do that with your example, the foreground div will also be transparent. I see what you mean now. With the way your markup is structured there is no way for the corner plugin to figure out what the right color is for the corners. It walks the ancestor tree looking for an element that has a background color defined. But you should be able to achieve the same look by nesting the divs like this: http://www.malsup.com/jquery/corner/test4.html?v2 Mike
[jQuery] Re: Similar plugin on jQuery
bragovo wrote: I'm looking for the plugin for jQuery with similar functionality as jcp.com (http://tinyurl.com/4scf8y) With Zoom and Drag Drop effect, and most importantly with dynamic loading part of large image. I don't know the state of this project: http://code.google.com/p/jquery-imageryfier/ but it does have the pan and zoom functionality. It doesn't have the image tiling. -- Scott
[jQuery] Re: SELECT with IE7
In fact, this problem occures when i use dialog function ( from jquery UI) with the aim of surrounding a form with a window. In this case, select an option from select area doesn't work with IE 7. Olivier On 29 mai, 14:43, olg [EMAIL PROTECTED] wrote: Hi Folks, I use JQuery anf JQuery UI plugin for my web application. Some troubles with select html tag have come since i use IE 7 to browse it. It's not possible to select any option with mouse. It's works fine with keyboard. It's only possible with mouse when the focus is out of select area (crazy!) someone has encountered the same problem Regards, Olivier
[jQuery] Re: jQuery Corner problem
Yeah, but then the foreground div is still transparent. The website will 'shine' through. On Thu, May 29, 2008 at 4:44 PM, malsup [EMAIL PROTECTED] wrote: The background div has to be positioned absolute, because it overlays the actual site beneath it. If you do that with your example, the foreground div will also be transparent. I see what you mean now. With the way your markup is structured there is no way for the corner plugin to figure out what the right color is for the corners. It walks the ancestor tree looking for an element that has a background color defined. But you should be able to achieve the same look by nesting the divs like this: http://www.malsup.com/jquery/corner/test4.html?v2 Mike
[jQuery] IE6 and blockUI Issue
Has anyone else experienced the following issue with blockUI and IE6? I am using: jQuery version 1.2.6 (05/24/2008) blockUI version 2.07 (05/17/2008) Below is a link to a SSCCE that should demonstrate the issue. http://myorangepeels.com/blockui/blockuidemo.html Try this: - Start with the window maximized - Scroll to the bottom and click Block Page - Resize the window (let's say to 1024x768 just to put a number on it) - Scroll to the bottom again Halfway down the page, the dark coloring associated with blockUI cuts off, and the rest of the page looks like it is enabled. Granted, the buttons are not clickable, but they look enabled as well. Now try this: - Start with the window at 1024x768 - Scroll to the bottom and click Block Page - Maximize the window - Scroll to the bottom again Now we're left with a good amount of whitespace beneath the buttons. As a side note, in FF2, blockUI expands/contracts to fill the page just fine if you resize the window. Thanks in advance to any who might have a solution.
[jQuery] Re: jQuery Corner problem
Yeah, but then the foreground div is still transparent. The website will 'shine' through. Not if you set your styles correctly.
[jQuery] Re: Similar plugin on jQuery
Hang tight, I am coming out with a magnifier plugin in the next couple of days. It won't have the dragging stuff, but you'll be able to magnify a portion of an image. And it will have the ability to dynamically load the large image if desired. -- Josh - Original Message - From: bragovo [EMAIL PROTECTED] To: jQuery (English) jquery-en@googlegroups.com Sent: Thursday, May 29, 2008 5:16 AM Subject: [jQuery] Similar plugin on jQuery I search plugin for jQuery whis similar functional I'm looking for the plugin for jQuery with similar functionality as jcp.com (http://www3.jcpenney.com/jcp/ProductImageview.aspx? IT=GID=13b85b6MD=RNGRT=SIZE=FSA=TVT=ZVI=0900631b814acb62M.tifVAS=AV=THM=FRGB=AS=AST=BID=VID=RU=http %3a%2f%2fwww3.jcpenney.com%2fjcp%2fX6.aspx%3fpersist %3d1%7e50434%7e57205%7e%7eSIZ%7c13b85b6%7e-1%7e%7e%26CmCatId%3d50434| 50435|57205IRU=YCmCatId=50434|50435|57205) With Zoom and Drag Drop effect, and most importantly with dynamic loading part of large image.
[jQuery] How To Get The Scroller Position?
I'm trying to understand if the user is already at the bottom of the page (scroller is at the end). By doing so, if the user is already at the end of the page, I'll automatically load new content to the bottom. I looked at the jQuery dimensions plugin, but that doesn not to be the answer. Any help would be appreciated.
[jQuery] Re: jQuery Corner problem
I've already spent hours trying to get the styles right, so I've kind of given up. :) I found another solution (http://www.spiffycorners.com) and that seems to work correctly. I will definitely use the corners plugin for other div's on my site but just not for this one... :) Mike, thanks a lot for your help! On Thu, May 29, 2008 at 5:57 PM, malsup [EMAIL PROTECTED] wrote: Yeah, but then the foreground div is still transparent. The website will 'shine' through. Not if you set your styles correctly.
[jQuery] Symantic Markup with Nice Accordion.. ..
I had the original demo from a popular site to get the Accordion menu to work... I work with a team and we have designers who will want to access the markup with css perfectly. So of course we want the markup like this: div class=demo-show2 ul li style=border-top: 1px solid black; class=menuCatCategory Oneul class=linkContainer lia href=/products/c1_products/c1_sub1_productssub-Category c1_sub1/a/li /ul /li li class=menuCatCategory Twoul class=linkContainer style=display: none; lia href=/products/c2_products/c2_sub1_productssub-Category c2_sub1/a/li lia href=/products/c2_products/c2_sub2_productssub-Category c2_sub2/a/li lia href=/category/c2_products/c2_sub3_productssub-Category c2_sub3/a/li /ul /li /ul /div I want to click the Category li item and have the ul linkContainer show or not show as needed. Here is the jQuery I am trying to modify: $(document).ready(function() { $('li.menuCat ul.linkContainer:not(:first)').hide(); $('div.demo-show2ul li.menuCat').click(function() { var $nextUL = $(this).next(); var $visibleSiblings = $nextUL.siblings('div.demo- show2ulli.menuCat ul.linkContainer:visible'); if ($visibleSiblings.length ) { $visibleSiblings.slideUp('fast', function() { $nextUL.slideToggle('fast'); }); } else { $nextUL.slideToggle('fast'); } }); }); Much Help Much Appreciated
[jQuery] checkbox manipulation and toggle()
Hello... short version: how do I exclude an element in my selector expression? long version: you know those checkboxes in windows where you can actuyally click the label to check the box? I'm recreating this with a toggle() like this: DIV id=CheckContainerINPUT type=checkbox id=Check/ Click here/div $(#CheckContainer).toggle( function(){ $('#Check')[0].checked=true;}, function(){ $('#Check')[0].checked=false;} ); All fine and dandy as you click the DIV to toggle the checkbox. But try to click the checkbox itself and the darn thing won't work. I think the solution is in using the right sleector, like some kind of :not or !:input or something ??? Ii DONT want to have to add a span element around the label to assign the click to, I'd like to just exclude the checkbox.
[jQuery] Re: checkbox manipulation and toggle()
OK I tried my own anticipated solution after looking at some comment from The Man Himself, but didn't work. $(#CheckContainer:not(#Check)).toggle(...); --- does not work. stil can not click the checkbox :(
[jQuery] jEditable Used Many Times on a Page
So far I have really loved using jEditable for my website. So much so that I am(attempting) to use it to replace the normal form interface for a CakePHP site. What I'm trying to do is just show the user the normal webpage but if they want to edit anything they just click it (jEditable). The rub is that I will be using this a lot on any given page. I am having trouble trying to figure out how to code all the info jEditable needs into each html item (divtd etc etc) that needs to be jEditable. I've included a code sample below. Anything with 'opts.' in front of it is a variable which can change from editable item to editable item.For a sense of scale I'm talking about anywhere from 20-50 items per page that might need to be editable in some way. The code below only shows it for a select version. Has anyone attempted to use this on this kind of scale before? Am I perhaps approaching something the wrong way and making this too difficult for myself? I'm open to any and all help. Thanks. obj.editable( /cake/index.php/+opts.saveCont+/ajaxEdit? isSelect=truemodel=+opts.model+field=+opts.dispField, { id : 'data['+opts.assocModel+'][id]', name : 'data['+opts.assocModel+']['+opts.field+']', type : 'select', cancel : '', submit : '', tooltip: 'Click to edit', onblur : 'submit', style : 'inherit', loadurl: /cake/index.php/+opts.queryCont+/ ajaxSelectGet?model=+opts.assocModel, submitdata : {} } );
[jQuery] Re: checkbox manipulation and toggle()
Actually, this is a standard implementation in html: use the label tag. On Thu, May 29, 2008 at 8:16 PM, jquertil [EMAIL PROTECTED] wrote: Hello... short version: how do I exclude an element in my selector expression? long version: you know those checkboxes in windows where you can actuyally click the label to check the box? I'm recreating this with a toggle() like this: DIV id=CheckContainerINPUT type=checkbox id=Check/ Click here/div $(#CheckContainer).toggle( function(){ $('#Check')[0].checked=true;}, function(){ $('#Check')[0].checked=false;} ); All fine and dandy as you click the DIV to toggle the checkbox. But try to click the checkbox itself and the darn thing won't work. I think the solution is in using the right sleector, like some kind of :not or !:input or something ??? Ii DONT want to have to add a span element around the label to assign the click to, I'd like to just exclude the checkbox.
[jQuery] jEditable Used Many Times on a Page
So far I have really loved using jEditable for my website. So much so that I am(attempting) to use it to replace the normal form interface for a CakePHP site. What I'm trying to do is just show the user the normal webpage but if they want to edit anything they just click it (jEditable). The rub is that I will be using this a lot on any given page. I am having trouble trying to figure out how to code all the info jEditable needs into each html item (divtd etc etc) that needs to be jEditable. I've included a code sample below. Anything with 'opts.' in front of it is a variable which can change from editable item to editable item.For a sense of scale I'm talking about anywhere from 20-50 items per page that might need to be editable in some way. The code below only shows it for a select version. Has anyone attempted to use this on this kind of scale before? Am I perhaps approaching something the wrong way and making this too difficult for myself? I'm open to any and all help. Thanks. obj.editable( /cake/index.php/+opts.saveCont+/ajaxEdit? isSelect=truemodel=+opts.model+field=+opts.dispField, { id : 'data['+opts.assocModel+'][id]', name : 'data['+opts.assocModel+']['+opts.field+']', type : 'select', cancel : '', submit : '', tooltip: 'Click to edit', onblur : 'submit', style : 'inherit', loadurl: /cake/index.php/+opts.queryCont+/ ajaxSelectGet?model=+opts.assocModel, submitdata : {} } );
[jQuery] element.attr() bug in jquery 1.2.6?
Hi all, I've run into a strange issue that I believe is a bug in jQuery 1.2.6. I've posted a ticket along with a test HTML file at: http://dev.jquery.com/ticket/2959 As far as I can tell, attr() is not properly updating the value of a form attribute, although prior versions had worked fine. Any help in resolving this, or providing a workaround would be greatly appreciated. Thanks in advance, -phil
[jQuery] Re: jQuery History Plugin
I assume you're using UI Tabs? http://docs.jquery.com/UI/Tabs#Does_UI_Tabs_support_back_button_and_bookmarking_of_tabs.3F --Klaus On May 28, 6:11 pm, timothytoe [EMAIL PROTECTED] wrote: 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: flashembed plugin
how about http://jquery.lukelutman.com/plugins/flash/ full examples provided 2008/5/29 hcvitto [EMAIL PROTECTED]: Has anyone ever used this flash embed plugin? http://plugins.jquery.com/project/flashembed Do you know how to pass it some flashvars? I read the documentation but couldn't find anything clear.. Thanks vitto
[jQuery] Re: IE animation issues
Hi PeterAce and hagalaz, Many thanks for your replies and apologies for not replying sooner - this page had slipped out of my mind. The trouble with my instant gratification generation. Thank you PeterAce for that suggestion. It didn't fix the flickering per se, but it did remove some extraneous code that showed my duffer status at jquery. hagalaz, that is a very sensible suggestion. Here's what I have done: I created a conditional comment for IE, where the slideup is set to 120. So, Mozilla/Safari look the same as before, while IE has a slightly overeager but better-functioning menu. This seems to work - great suggestions and definitely helped me to find the solution. Cheers, bgthomson On May 27, 2:08 am, hagalaz [EMAIL PROTECTED] wrote: My bad. I wasn't looking at the right menu... I played around with the code a bit and it seems to be IE's behavior varies depending on the timing you set for the slideup. Over 1500, the flickering happens all the time for me. Around 700, occasionally, and at 100, not anymore. Does it fix it for you? I'm also curious for a way to fix the text being pushed down. On May 27, 4:01 am,bgthomson[EMAIL PROTECTED] wrote: Thanks for the reply, hagalaz - I've tried it on IE7 and IE 6 and I still see the flickering (maybe it's my eyes that are flickering from too much laptop use). The flickering is the real annoyance. Can't seem to get rid of it. On May 26, 2:24 pm, hagalaz [EMAIL PROTECTED] wrote: It works fine in FF2 and IE 7 for me. Can't see any difference. On May 26, 7:56 pm,bgthomson[EMAIL PROTECTED] wrote: Hi, Not to be over-eager, but I admit I'm pretty interested in the answer. Can I provide more info to entice a reply from someone who actually knows what they're doing (unlike me)? cheers..
[jQuery] Re: checkbox manipulation and toggle()
you need a label and set its for attribute to the checkbox On May 29, 7:21 pm, jquertil [EMAIL PROTECTED] wrote: OK I tried my own anticipated solution after looking at some comment from The Man Himself, but didn't work. $(#CheckContainer:not(#Check)).toggle(...); --- does not work. stil can not click the checkbox :(
[jQuery] Re: IE6 and blockUI Issue
Has anyone else experienced the following issue with blockUI and IE6? I am using: jQuery version 1.2.6 (05/24/2008) blockUI version 2.07 (05/17/2008) Below is a link to a SSCCE that should demonstrate the issue. http://myorangepeels.com/blockui/blockuidemo.html I see what you mean. I'll have a look at it.
[jQuery] Re: element.attr() bug in jquery 1.2.6?
I'm confused - you're getting and modifying the onclick attribute? That seems... strange. --John On Thu, May 29, 2008 at 7:48 PM, Phil Christensen [EMAIL PROTECTED] wrote: Hi all, I've run into a strange issue that I believe is a bug in jQuery 1.2.6. I've posted a ticket along with a test HTML file at: http://dev.jquery.com/ticket/2959 As far as I can tell, attr() is not properly updating the value of a form attribute, although prior versions had worked fine. Any help in resolving this, or providing a workaround would be greatly appreciated. Thanks in advance, -phil
[jQuery] Re: Load specific id on click
After some searching I found the solution: $('#content_main div.weblog_archive li a').livequery('click', function(event) { $('div.article_ajax').load($(this).attr(href) + ' div.article'); event.preventDefault(); }); On May 28, 9:34 pm, IschaGast [EMAIL PROTECTED] wrote: 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] Making a hrefs and using click on them
Hi, I am a newby to jquery, and am strugeling with an issue. In my code below, I get information from an php page which is returning xml. I am making links in a olli of what the php page return. But I want to catch the call from the a href I make when the user clicks on the link. How can I do this? This is my code: $(document).ready(function() { var box1 = null; var box2 = null; var box3 = null; // add markup to container and apply click handlers to anchors $(#fabricatorSearchName a).click(function(e){ // stop normal link click e.preventDefault(); showLoaderBox(); $('#searchDivSelector').slideDown('fast') ; $.ajax({ type: GET, url: ajax/dropBox1.php, data: box=1, dataType: xml, success: function(xml) { $('#boxContent ol').html(); $(xml).find('name').each(function(){ $('li/li').html($('a id=boxLink href=# onClick='+$ (this).text()+'/a').html($(this).text())).appendTo('#boxContent ol'); }); } }); }); // add markup to container and apply click handlers to anchors $(#modelSearchName a).click(function(e){ // stop normal link click e.preventDefault(); showLoaderBox(); $('#searchDivSelector').slideDown('fast') ; $.ajax({ type: GET, url: ajax/dropBox1.php, data: box=2, dataType: xml, success: function(xml) { $(xml).find('name').each(function(){ $('li/li').html($('a href=#/a').html($ (this).text())).appendTo('#boxContent ol'); }); } }); }); // add markup to container and apply click handlers to anchors $(#priceSearchName a).click(function(e){ // stop normal link click e.preventDefault(); showLoaderBox(); $('#searchDivSelector').slideDown('fast') ; $.ajax({ type: GET, url: ajax/dropBox1.php, data: box=2, dataType: xml, success: function(xml) { $(xml).find('name').each(function(){ $('li/li').html($(this).text()).appendTo('#boxContent ol'); }); } }); }); $(#boxLink a).click(function(){ alert(Hello world! + this.href); }); function showLoaderBox() { $('#boxContent ol').html(centerimg src='v1/images/loader.gif' border='0' alt='Loading...'/center); } function showLoaderMain() { $('#mainObjects').html(centerimg src='v1/images/loader.gif' border='0' alt='Loading...'/center); } function updateObjectList(div) { alert(Hello worlds!); } }); Best regards, Paul Peelen
[jQuery] Stop $.ajax() from clearing the page
Hi :-) My script: http://pastebin.com/m2b0341e5 I have this form, when I submit it, the php script runs and returns some JSON. The problem is that I want to display the errors on the page with the form, without it clearing any fields, however, whenever the handleResponse function is done it clears the #loaded div completely - the form disappears and the values are lost. How can I avoid this?
[jQuery] trouble passing href
Hi all, new to JQ. I'm trying to pass the href from the a tag to the ajax load function. I believe i've selected the child properly but for some reason it's not pulling in the href. Any help is greatly appreciated! site: new-age-design.com code: ?php include('includes/header.php'); ? div id=header div class=container h1a href=index.phpSite In Development/a/h1 ul lia href=# style=color:#000;Link/a/li lia href=#Link/a/li lia href=#Link/a/li lia href=#Link/a/li lia href=#Link/a/li lia href=#Link/a/li /ul /div /div div class=container script type=text/javascript function passURL(url){ var ajaxURL = document.getElementById(test).href; alert (ajaxURL); }; if(typeof sIFR == function) { sIFR.replaceElement( named({ sSelector: h1 , dt a span, sFlashSrc: flash/bleeding_cowboys.swf, sColor: ?php echo($h1_color); ?, sLinkColor: ?php echo($h1_color); ?, sHoverColor:?php echo($h1_hover); ?, sWmode: transparent, nPaddingTop:0, nPaddingBottom: 0 }) ); }; $(document).ready(function(){ // $(dd:not(:first)).hide(); $(dt).click(function(){ // $(dd:visible).slideUp(slow); alert ($(this).children().href); $(this).next().load(test.xml).slideDown(slow); return false; }); }); /script Currently, in Saint Johns, MI the weather is: ?php echo($weather); ? dl dta id=test href=test.xmlspanDiv1/span/a/dt ddTest Info/dd dta href=/discuss/Div2/a/dt dd Test Infobr /br / /dd dta href=/dev/Div3/a/dt dd Test Infobr /br / /dd /dl /div div id=footer/div /body /html
[jQuery] Re: element.attr() bug in jquery 1.2.6?
Copied from the ticket itself: The patch about should modify attr() so that it supports this situation. It won't be applied for now for 2 reasons: 1- The demo you showed doesn't work cross browser. As far as I tested, IE doesn't fire handlers set as strings with javascript. So there's no point in supporting that. 2- It needs a lot more of testing. Our test runner doesn't fail with this patch, but as attr() went to many changes lately, we'll give it special attention before modifying it again. Thanks for reporting. Cheers -- Ariel Flesler http://flesler.blogspot.com On 29 mayo, 18:55, John Resig [EMAIL PROTECTED] wrote: I'm confused - you're getting and modifying the onclick attribute? That seems... strange. --John On Thu, May 29, 2008 at 7:48 PM, Phil Christensen [EMAIL PROTECTED] wrote: Hi all, I've run into a strange issue that I believe is a bug in jQuery 1.2.6. I've posted a ticket along with a test HTML file at: http://dev.jquery.com/ticket/2959 As far as I can tell, attr() is not properly updating the value of a form attribute, although prior versions had worked fine. Any help in resolving this, or providing a workaround would be greatly appreciated. Thanks in advance, -phil- Ocultar texto de la cita - - Mostrar texto de la cita -
[jQuery] Re: jQuery History Plugin
Yes. Oh well. Where should I watch for updates? Will there be an update of history to accommodate UI Tabs? Or is it more likely that UI Tabs will incorporate a history feature? On May 29, 12:06 pm, Klaus Hartl [EMAIL PROTECTED] wrote: I assume you're using UI Tabs? http://docs.jquery.com/UI/Tabs#Does_UI_Tabs_support_back_button_and_b... --Klaus On May 28, 6:11 pm, timothytoe [EMAIL PROTECTED] wrote: 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: IE6 and blockUI Issue
Thanks in advance to any who might have a solution. The solution is to use standards mode on your page, not quirksmode. So add this to the top of your page: !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN http://www.w3.org/ TR/html4/strict.dtd Also note that besides being in quirksmode, your page has some basic semantic problems (such as no body element). To paraphrase my German friend, Klaus, Don't script on bad markup! Cheers. Mike
[jQuery] Re: Convert special characters
On 22 mai, 19:19, hubbs [EMAIL PROTECTED] wrote: Well, I checked, and our website is using iso-8859-1. I see that this is a subset of utf8. Is it still possible to have js correctly uncode the characters? Yes but PHP work with the subset and do not work with utf-8 ! It is very important to dispose iso-8859-1 or window-1252 with ajax. js can can theoretically use all languages with script type=text/javascript charset=iso-8859-1
[jQuery] Re: trouble passing href
try getAttribute('href') On 30 Maj, 00:46, Kierhon [EMAIL PROTECTED] wrote: Hi all, new to JQ. I'm trying to pass the href from the a tag to the ajax load function. I believe i've selected the child properly but for some reason it's not pulling in the href. Any help is greatly appreciated! site: new-age-design.com code: ?php include('includes/header.php'); ? div id=header div class=container h1a href=index.phpSite In Development/a/h1 ul lia href=# style=color:#000;Link/a/li lia href=#Link/a/li lia href=#Link/a/li lia href=#Link/a/li lia href=#Link/a/li lia href=#Link/a/li /ul /div /div div class=container script type=text/javascript function passURL(url){ var ajaxURL = document.getElementById(test).href; alert (ajaxURL); }; if(typeof sIFR == function) { sIFR.replaceElement( named({ sSelector: h1 , dt a span, sFlashSrc: flash/bleeding_cowboys.swf, sColor: ?php echo($h1_color); ?, sLinkColor: ?php echo($h1_color); ?, sHoverColor:?php echo($h1_hover); ?, sWmode: transparent, nPaddingTop:0, nPaddingBottom: 0 }) ); }; $(document).ready(function(){ // $(dd:not(:first)).hide(); $(dt).click(function(){ // $(dd:visible).slideUp(slow); alert ($(this).children().href); $(this).next().load(test.xml).slideDown(slow); return false; }); }); /script Currently, in Saint Johns, MI the weather is: ?php echo($weather); ? dl dta id=test href=test.xmlspanDiv1/span/a/dt ddTest Info/dd dta href=/discuss/Div2/a/dt dd Test Infobr /br / /dd dta href=/dev/Div3/a/dt dd Test Infobr /br / /dd /dl /div div id=footer/div /body /html
[jQuery] Hover Effects
I was browsing the a href=http://dragoninteractive.com;Dragon Interactive/a website. When you hover over certain buttons, they produce a gradient effect where the sprite image slowly appears. How can I achieve this effect? Thanks, Mason
[jQuery] Re: jQuery Form Plugin target confusion
Hey Lasthaai, I suffered the same issue and realised what was going on. Given that $ (this) is bound back to this function in which it currently resides, affectively causes an infinite loop. Here is a way around this issue, while still using the jquery forum plugin: $(function() { for (var i = $('.form').length - 1; i = 0; i--){ $('.form:eq('+i+')').ajaxForm({ target: '.form:eq('+i+') .recommend' beforeSubmit: function(data, set, options) { alert( $(set).attr( 'action' ) ); } }); }; }); Hope this works for you :) Aree On Apr 9, 3:36 am, Iasthaai [EMAIL PROTECTED] wrote: I'm using the jQuery form plugin and specifying my target as so: $(function() { var _options = { target: $( this ), beforeSubmit: function(data, set, options) { alert( $(set).attr( 'action' ) ); } } $( '.form' ).ajaxForm( _options ); }); I've also tried using just the 'this' keyword. Anyway, when I use this it freezes the browser... My goal is to make the response target wrapper the same form that I'm submitting (basically a refresh of the newly updated form). I can't just leave the form as is due to some extra bits of JS that aren't form elements that will be reset when the response is loaded. Am I specifying my target incorrectly for what I want to achieve? PS: I've changed my target to the specificy form using an id and also I set the target to $( '.form' ) which posts the response in ALL of my forms, so I know that it is working, just not with the 'this' keyword for some reason.