Re: [jQuery] JDmenu and dimensions version clash.
Jonathan Sharp schreef: You're correct with 1.2.1 not working with the latest dimensions. There were some API changes to the dimensions plugin that broke compatibility. So here's the good news! I have 1.3 in final beta but just haven't packaged it for release yet. Hi Jonathan, At first glance it seems to work perfectly.. Thanks for making such a useful tool! Best, Bob. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Progress Bar Plugin
mrcarxpert schreef: As promised I'm slowly releasing my jQuery based code for public consumption. This is more css than anything else, but it does use jQuery. This is something I just came up with one night and have yet to use it in a project, so it is basically untested. It appears to work in FF2 and IE7. I have made the source code and examples available at http://digitalbush.com/projects/progress-bar-plugin http://digitalbush.com/projects/progress-bar-plugin Please let me know if you have any problems with this especially those on other platforms. Feedback is welcomed! Josh When i tested the demo in FF1.5 on xp i noticed the content of the page jumped a bit down. it only happens when the page is loaded for the first time. -- David Duymelinck [EMAIL PROTECTED] ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] how do i use display: table-row; instrad of display: block; with the show() effect on table rows?
Mark schrieb: Thanx that did the trick. also importand to add is that a table MUST HAVE tbody and /tbody :) if you don`t have that it will get messy again :P That's because browsers add that element implicitly, even if you left it out. (Same with the body element for example). -- Klaus ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Help needed
Ⓙⓐⓚⓔ schrieb: also you're better off debugging in firefox. safari is cute but firefox+firebug is the king of javascript debugging! Well, if you have to debug in Safari - because the bug only occurs there ;-) - you can download a Webkit nightly. It has a good JavaScript debugger (Drosera) and also a quite good DOM inspector. Actually I'm sure some of the features that FireBug has were inspired by that one... -- Klaus ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] How to use cookies?..
Hello again, Thanx for you kind answeres, ive tried to figure out how to get the new position, but i simply do not know how to get the value. This is what ive tried: var POS_COOKIE = getElementById('divname') $.cookie('position', 'POS_COOKIE'); And ive probably misunderstood how it works to... Sorry for not understanding, im not used to programing. Im more of a designer. On 2/20/07, Jake McGraw [EMAIL PROTECTED] wrote: Mikael: I think you would want to write to the cookie when you stop dragging the container and actually have an updated position. Interface 'Resizables' has you covered, bind the cookie write function to onDragStop ( http://interface.eyecon.ro/docs/resizable): $('#window').Resizable( { minWidth: 400, minHeight: 10, maxWidth: 700, maxHeight: 445, dragHandle: '#windowTop', onDragStop: function () {/* Write position to cookie here. */}, handlers: { se: '#windowResize' }, onResize : function(size, position) { $('#windowBottom, #windowBottomContent').css('height', size.height-33 + 'px'); var windowContentEl = $('#windowContent').css('width', size.width - 25 + 'px'); if (!document.getElementById('window').isMinimized) { windowContentEl.css('height', size.height - 48 + 'px'); } } } ); On 2/20/07, Mikael Noone [EMAIL PROTECTED] wrote: That is exacly what i cant figure out, where to use it and how. I want to save the new position that are set on css when i drag the window. And i dont know if it should be in the window plugin script or the interface script.. On 2/20/07, Klaus Hartl [EMAIL PROTECTED] wrote: Mikael Noone schrieb: Hi there Klaus, Thanx for your answer, ive tried all day to get this to work, but im doing something wrong. This is the code im trying to get the cookies to work with, please see if you could help me out. Maybe it will help others out to, since it seems to be hard to figure out. Or im having my thumb up my a** ;) $(document).ready( function() { $('#windowOpen').bind( 'click', function() { if($('#window').css('display') == 'none') { $(this).TransferTo( { to:'window', className:'transferer2', duration: 400, complete: function() { $('#window').show(); } } ); } this.blur(); return false; } ); $('#windowClose').bind( 'click', function() { $('#window').TransferTo( { to:'windowOpen', className:'transferer2', duration: 400 } ).hide(); } ); $('#windowMin').bind( 'click', function() { $('#windowContent').BlindToggleVertically(300); $('#windowBottom, #windowBottomContent').animate({height: 10}, 300); $('#window').animate({height:40},300).get(0).isMinimized = true; $(this).hide(); $('#windowResize').hide(); $('#windowMax').show(); } ); $('#windowMax').bind( 'click', function() { var windowSize = $.iUtil.getSize(document.getElementById('windowContent')); $('#windowContent').SlideToggleUp(300); $('#windowBottom, #windowBottomContent').animate({height: windowSize.hb + 13}, 300); $('#window').animate({height: windowSize.hb+43}, 300).get(0).isMinimized = false; $(this).hide(); $('#windowMin, #windowResize').show(); } ); $('#window').Resizable( { minWidth: 400, minHeight: 10, maxWidth: 700, maxHeight: 445, dragHandle: '#windowTop', handlers: { se: '#windowResize' }, onResize : function(size, position) { $('#windowBottom, #windowBottomContent').css('height', size.height-33 + 'px'); var windowContentEl =
[jQuery] TABS plugin: ajax tabs, $.triggerTab, and intercepting clicks ??
I've finally got around to using the tabs plugin am loving it! :) In due time, I of course came across a complexity that I'm having a hard time elegantly solving. 4 tabs are setup displaying forms to aid in a mailing composition; composition, template, message, and preview. The content of these tabs is pulled via an ajax request ({remote: true}). The content of each tab contains a continue button input type=submit ../, which submits the form, and if VALID, takes them to the next tab. e.g. composition - template, or message - preview. This is trivial -- I submit form using the Forms plugin, in the onSuccess callback decipher if the form was valid (server side validation) and use $.triggerTab to trigger the next tab. The complexity: In addition to the continue button, I would like the form to be submitted upon clicking another tab. Users are bound to fill in form data and click the next tab (w/o clicking continue) and expect the data to be there. I realize I can use an onClick event to submit the form -- however I can not stop the clicked tab from becoming active. I have tried returning false, etc. So; If a user clicks a tab, the content's form should be submitted, and IF VALID, activate the clicked tab. In an attempted workaround I tried disabling all tabs, and assigning custom events to trigger them (yes, somewhat redundant). This didn't seem to play well with {remote:true}.. I noticed $('#mailing').enableTab(1).triggerTab(1); does not work, for instance. I think the easiest/less ugly way to go about this is to intercept (cancel) the onClick event if it returns false. This way I could submit the form in the onClick and return false. When the form response comes back, I can then either trigger the tab, or alert the error message. Does this make any sense? ~ Brice ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] Integrate Form plugin with jQuery plugin Validation
hey. ive built a form thats sends data Asynchronously... im trying to integrate it with the Validation plugin (http://bassistance.de/jquery-plugins/jquery-plugin-validation/) seems not work anyone can take a look or just paste here a code that he success to do ? i want that the user will not able to submit the data until the client site js is verified http://pastebin.ca/371649 thanks for help amir -- View this message in context: http://www.nabble.com/Integrate-Form-plugin-with-jQuery-plugin-Validation-tf3292006.html#a9156566 Sent from the JQuery mailing list archive at Nabble.com. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] Nightly builds links broken
Requests to http://jquery.com/src/nightlies/jquery-nightly.js and http://jquery.com/src/nightlies/jquery-nightly.pack.js get a 404 error. Is there anything wrong or the files are being updated? -- Arrix ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] Problem in Opera 9.1
Hi, After updating to Opera 9.1 (at least I think that's what did it), the ul in my carousel div dropped by 40px. Turns out the ul must be set to display:inline, but this setting breaks the carousel in all browsers causing it to no longer 'turn'. Anyone else come across this, or have any ideas? Adam -- View this message in context: http://www.nabble.com/Problem-in-Opera-9.1-tf3292469.html#a9157740 Sent from the jCarousel mailing list archive at Nabble.com. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] $(el).css(string) return empty
guys, i'm loosing my mind here, anybody can help me ? why this command: $(el).css(string) return empty value ? how can this happened ? because i'm sure the element has css valid property anybody have the same problem ? -- View this message in context: http://www.nabble.com/%24%28el%29.css%28string%29-return-empty-tf3292757.html#a9158541 Sent from the JQuery mailing list archive at Nabble.com. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] ANNOUNCE: Thickbox Reloaded alpha
Hi jQuerians, I just committed what I would call Thickbox Reloaded alpha version. It may look the same pretty much, but is a complete rewrite. Here's what's new: * Chainable method to bind Thickbox to links and forms (makes it easy for content that gets loaded/created later on). * Totally unobtrusive: no classes needed for links, no params in URL. * Confirm type Thickbox, triggered automatically by binding Thickbox to a form. If yes the form gets submitted unless a custom callback is defined (for example for Ajax submitting) * Automatic type detection depending on type of element, respectively on type of link: image: href is an image content: href is a hash ajax: href is internal and not image iframe: href is external and not image confirm: element is form * Improved UI blocking (Thanks to Mike Malsup and the BlockUI plugin) * Options for width/height are now passed in as settings object literal or are stored as default values via $.thickbox.defaults({ width: 300, height: 400 }) * Options top/left positioning (instead of centering), unit defaults to 'px' * Easier skinning: The look is completely separated into an extra style sheet * Scrolling via mousewheel/touchpad is blocked * Lets you define custom animations for showing the modal window via settings * Requires jQuery 1.1.1 Maybe I have forgotten something. I thought of including the required style sheets dynamically, but you would still have to include the path somehow. You can also have a look here (besides repository): http://stilbuero.de/jquery/thickbox_reloaded/ Please note that I haven't tested in other browsers than Firefox yet. I just thought I'd like to request some feedback/code review first! -- Klaus ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] how do i use display: table-row; instrad of display: block; with the show() effect on table rows?
Thanx, i wasn`t aware of that. 2007/2/26, Klaus Hartl [EMAIL PROTECTED]: Mark schrieb: Thanx that did the trick. also importand to add is that a table MUST HAVE tbody and /tbody :) if you don`t have that it will get messy again :P That's because browsers add that element implicitly, even if you left it out. (Same with the body element for example). -- Klaus ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] ANNOUNCE: Thickbox Reloaded alpha
Sounds good How about building in thumbails so you only have to refer to the main image. Janet -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of Klaus Hartl Sent: Monday, February 26, 2007 9:06 AM To: jQuery Discussion. Subject: [jQuery] ANNOUNCE: Thickbox Reloaded alpha Hi jQuerians, I just committed what I would call Thickbox Reloaded alpha version. It may look the same pretty much, but is a complete rewrite. Here's what's new: * Chainable method to bind Thickbox to links and forms (makes it easy for content that gets loaded/created later on). * Totally unobtrusive: no classes needed for links, no params in URL. * Confirm type Thickbox, triggered automatically by binding Thickbox to a form. If yes the form gets submitted unless a custom callback is defined (for example for Ajax submitting) * Automatic type detection depending on type of element, respectively on type of link: image: href is an image content: href is a hash ajax: href is internal and not image iframe: href is external and not image confirm: element is form * Improved UI blocking (Thanks to Mike Malsup and the BlockUI plugin) * Options for width/height are now passed in as settings object literal or are stored as default values via $.thickbox.defaults({ width: 300, height: 400 }) * Options top/left positioning (instead of centering), unit defaults to 'px' * Easier skinning: The look is completely separated into an extra style sheet * Scrolling via mousewheel/touchpad is blocked * Lets you define custom animations for showing the modal window via settings * Requires jQuery 1.1.1 Maybe I have forgotten something. I thought of including the required style sheets dynamically, but you would still have to include the path somehow. You can also have a look here (besides repository): http://stilbuero.de/jquery/thickbox_reloaded/ Please note that I haven't tested in other browsers than Firefox yet. I just thought I'd like to request some feedback/code review first! -- Klaus ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] ANNOUNCE: Thickbox Reloaded alpha
You can also have a look here (besides repository): http://stilbuero.de/jquery/thickbox_reloaded/ Fantastic, Klaus! This is very jQuery now with the simple usage of $('a').thickbox(). Great, great stuff! ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] Multiple Ajax calls and multiple loading... boxes
Ok. I'm at loss here. $.ajaxStart() is invoked for every ajax call that's made on the page. However, for one ajax call I need to display a loading... in one place, for another ajax call - a loading... in another place and for yet a third ajax call a loading in a third place. How can I do this in jQuery? Preferably, in one line (true to jQuery spirit :)) ). ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] jQuery + ColdFusion - auto complete examples?
I'm working on an administration tool and I'd like to use jQuery to populate a user field - IE the user would type in a few letters of the last name and have it find the matching names... I know there are lots of ColdFusion folks on the list - I'm looking for some examples :) I've used jQuery quite a bit in the rest of this application but it's all been for display/UI - no Ajax - so now I want to give that a try. Thanks! Jim ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Multiple Ajax calls and multiple loading... boxes
You could always show the loading animation just before the ajax call and hide it within the calls callback function: $(#loading1).show(); $.get('handle.php',input,function(){ // Do stuff $(#loading1).hide(); }); Not as pretty as $.ajaxStart(), but this is the only way I see to handle multiple 'loading' images. Note, if there is an error, only ajaxError will catch it, so you may want to make some kind of global array that contains a list of active ajax calls, so you know which one failed and you can handle it accordingly. - jake On 2/26/07, Dmitrii 'Mamut' Dimandt [EMAIL PROTECTED] wrote: Ok. I'm at loss here. $.ajaxStart() is invoked for every ajax call that's made on the page. However, for one ajax call I need to display a loading... in one place, for another ajax call - a loading... in another place and for yet a third ajax call a loading in a third place. How can I do this in jQuery? Preferably, in one line (true to jQuery spirit :)) ). ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Multiple Ajax calls and multiple loading... boxes
Mike Alsup wrote: $.ajaxStart() is invoked for every ajax call that's made on the page. However, for one ajax call I need to display a loading... in one place, for another ajax call - a loading... in another place and for yet a third ajax call a loading in a third place. How can I do this in jQuery? Preferably, in one line (true to jQuery spirit :)) ). You may want to use ajaxSend instead ajaxStart. ajaxSend is passed the xhr and the settings object for the ajax call. This should give you the context you need to figure out where the loading indicator should go. $().ajaxSend(function(e, xhr, settings) { // your code }); Mike Still. This is still like a proctologist performing an eye surgery :)) Big thanks for the tip, though! ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Multiple Ajax calls and multiple loading... boxes
$.ajaxStart() is invoked for every ajax call that's made on the page. However, for one ajax call I need to display a loading... in one place, for another ajax call - a loading... in another place and for yet a third ajax call a loading in a third place. How can I do this in jQuery? Preferably, in one line (true to jQuery spirit :)) ). You may want to use ajaxSend instead ajaxStart. ajaxSend is passed the xhr and the settings object for the ajax call. This should give you the context you need to figure out where the loading indicator should go. $().ajaxSend(function(e, xhr, settings) { // your code }); Mike ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] jQuery + ColdFusion - auto complete examples?
There is a complete CF-based example here: http://www.pengoworks.com/workshop/jquery/autocomplete.htm He includes the CFM as a txt file at the bottom of the page... I just implemented it and it's pretty simple to do following his lead. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Priest, James (NIH/NIEHS) [C] Sent: Monday, February 26, 2007 7:32 AM To: jQuery Discussion. Subject: [jQuery] jQuery + ColdFusion - auto complete examples? I'm working on an administration tool and I'd like to use jQuery to populate a user field - IE the user would type in a few letters of the last name and have it find the matching names... I know there are lots of ColdFusion folks on the list - I'm looking for some examples :) I've used jQuery quite a bit in the rest of this application but it's all been for display/UI - no Ajax - so now I want to give that a try. Thanks! Jim ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] KICK-BUTT javascript based Zoom feature
On 24/02/07, Rey Bango [EMAIL PROTECTED] wrote: Bah, we're used to it Mike. If you would've been out of line, you know I would've just jumped in and impaled you, jQuery-style. ;o) Rey... You mean like this: var rey = $(#rey); if (rey.finds(#mike).is(out of line)) rey.impales({who: #mike, with: sharp stick}); Back on topic: While jQPanView is similar to this, I am not aware of any plugins that do this. I'm guessing you would probably have two images, but they would have to be to scaled with an image editor (having one big image may end up being scaled badly by the browser (i.e. what looks big, may not look good if it is simply resized without any filtering applied). Michael Geary wrote: ...and if I seem too much like a smart aleck today, my apologies! No offense intended. I was just having some fun with the juxtaposition of that URL is busted and anyone know how to accomplish this in jQuery... :-) *From:* Michael Geary The actual code for the close-up effect would be different from that, but the code I posted may help point toward the solution. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- BrightLight Development, LLC. 954-775- (o) 954-600-2726 (c) [EMAIL PROTECTED] http://www.iambright.com ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] ANNOUNCE: Thickbox Reloaded alpha
Klaus, Nice job, everything looks great in Firefox 2 IE 7 PC. However, nothing seems to work (for me, anyway) in IE 6 PC. Image content gets appended below the body and mangled. Inline/External/Ajax content appears, but on top of existing copy with no windows, styling, or overlays. Note: this is just one PC I've noticed this on... ___ SEAN O Klaus Hartl wrote: Please note that I haven't tested in other browsers than Firefox yet. I just thought I'd like to request some feedback/code review first! -- Klaus -- View this message in context: http://www.nabble.com/ANNOUNCE%3A-Thickbox-Reloaded-alpha-tf3293077.html#a9164542 Sent from the JQuery mailing list archive at Nabble.com. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] How to add event handler to XMLHttpRequest.onreadystatechange?
Turns out that xmlhttp.onreadystatechange is *write-only* in IE6, so attempting to read it was causing the code to barf. (Probably ok in other browsers but this particular work is in an IE6-only intranet) Is there any other way to set up a custom handler for the onreadystatechange event? Would there be any harm in overwriting JQuery's onreadystatechange handler with my own and going from there? Cheers, George Klaus Hartl wrote: George Adamson schrieb: Thanks for the code Klaus. Nice idea... When I tried this, the ajax call worked but the xhr.onreadystatechange is 'undefined' so I cannot do anything with it. (I got the samer error when trying to use a function in the 'beforeSend' ajax argument.) Does Jquery definitely return the XMLHTTP object? Or something else? Cheers, George It should be the XmlHttpRequest object. This tip worked for someone else if I remember correctly. What does your code look like? -- Klaus ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- View this message in context: http://www.nabble.com/Can-you-add-event-handler-to-XMLHttpRequest.onreadystatechange--tf3270003.html#a9150100 Sent from the JQuery mailing list archive at Nabble.com. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] KICK-BUTT javascript based Zoom feature
Take off the _spam from the end of the link. _ From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Christopher Jordan Sent: Saturday, February 24, 2007 12:32 PM To: jQuery Discussion. Subject: Re: [jQuery] KICK-BUTT javascript based Zoom feature that url is busted. Rick Faircloth wrote: Well. anyone know how to accomplish this in jQuery? http://tinyurl.com/yubt54_spam Rick From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Matt Stith Sent: Monday, February 05, 2007 9:53 AM To: jQuery Discussion. Subject: Re: [jQuery] KICK-BUTT javascript based Zoom feature Really all that is is a image of a grid that stays aligned with the mouse, and a higher resolution image that scrolls depending on the mouse position. It doesnt even use jQuery. Im going to call this one as a lame attempt at spamming this mailing list. On 2/5/07, Andy Matthews [EMAIL PROTECTED] wrote: http://tinyurl.com/yubt54_spam http://tinyurl.com/yubt54 Andy Matthews Senior Coldfusion Developer Office: 877.707.5467 x747 Direct: 615.627.9747 Fax: 615.467.6249 [EMAIL PROTECTED] https://mail.google.com/mail?view=cmtf=0[EMAIL PROTECTED] www.dealerskins.com http://www.dealerskins.com/ ___ jQuery mailing list discuss@jquery.com https://mail.google.com/mail?view=cmtf=0[EMAIL PROTECTED] http://jquery.com/discuss/ !--[if !supportLineBreakNewLine]-- !--[endif]-- _ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- http://www.cjordan.us ATT00208.png Description: PNG image ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Integrate Form plugin with jQuery plugin Validation
amircx schrieb: hey. ive built a form thats sends data Asynchronously... im trying to integrate it with the Validation plugin (http://bassistance.de/jquery-plugins/jquery-plugin-validation/) seems not work anyone can take a look or just paste here a code that he success to do ? i want that the user will not able to submit the data until the client site js is verified http://pastebin.ca/371649 I've edited your code a bit, see the description at the top: http://pastebin.ca/373215 If that doesn't work, post an example of your page, or at least the error occuring. Try Firefox with Firebug for debugging. -- Jörn Zaefferer http://bassistance.de ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Help needed: Images not loading properly in FF
Is there a link we can take a look at? On 2/25/07, Kristinn Sigmundsson [EMAIL PROTECTED] wrote: Hi, so this is not a specific jQuery problem that I can point out but let me explain my problem. When refreshing a page in FF 1.5 and FF2, some images won't load properly. Which images is totally random. When I check out the net tab in firebug I see that sometimes images (only one per page view though) takes 3-6s to load. When I check the Request/response headers the images which wont load has no response headers but the response tab is showing the image. These problems doesn't exist at all in IE6 or 7, and only occur when refreshing a page and not when clicking a link or typing the url in the address bar. Heh I know this is kinda hard to answer without any code, but the thing is that I got alot of javascript bundled in one file and if I remove it the page loads perfectly in FF again. So I'm kinda hoping that someone has had similar issues and know where I could start, what could be the cause of this? I appreciate any help and pointers to solving this matter. //Kristinn ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- Benjamin Sterling http://www.KenzoMedia.com http://www.KenzoHosting.com ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] ANNOUNCE: Thickbox Reloaded alpha
Sean O schrieb: Klaus, Nice job, everything looks great in Firefox 2 IE 7 PC. However, nothing seems to work (for me, anyway) in IE 6 PC. Image content gets appended below the body and mangled. Inline/External/Ajax content appears, but on top of existing copy with no windows, styling, or overlays. Note: this is just one PC I've noticed this on... Sean, as I said, I haven't done any testing in IE at all so far. I'm truly amazed, that it looks great in IE 7 already. :-) I think the (untested) fixed positioning emulation causes these weird things in IE 6. Don't worry,I'm going to fix this of course! -- Klaus ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] ANNOUNCE: Thickbox Reloaded alpha
The demo page doesn't seem to work for me. Running IE6. After clicking on one of the Show Thickbox links, the page is so jumbled looking that it can't possibly be what you intended Klaus. Also, clicking on any image on the page causes the image to appear *waaay* down the screen such that I have to scroll down to see it. If I then click on another image, it appears just below the first image way down the page. Hmm... I'm sure this isn't what's supposed to happen. Chris Klaus Hartl wrote: Hi jQuerians, I just committed what I would call Thickbox Reloaded alpha version. It may look the same pretty much, but is a complete rewrite. Here's what's new: * Chainable method to bind Thickbox to links and forms (makes it easy for content that gets loaded/created later on). * Totally unobtrusive: no classes needed for links, no params in URL. * Confirm type Thickbox, triggered automatically by binding Thickbox to a form. If yes the form gets submitted unless a custom callback is defined (for example for Ajax submitting) * Automatic type detection depending on type of element, respectively on type of link: image: href is an image content: href is a hash ajax: href is internal and not image iframe: href is external and not image confirm: element is form * Improved UI blocking (Thanks to Mike Malsup and the BlockUI plugin) * Options for width/height are now passed in as settings object literal or are stored as default values via $.thickbox.defaults({ width: 300, height: 400 }) * Options top/left positioning (instead of centering), unit defaults to 'px' * Easier skinning: The look is completely separated into an extra style sheet * Scrolling via mousewheel/touchpad is blocked * Lets you define custom animations for showing the modal window via settings * Requires jQuery 1.1.1 Maybe I have forgotten something. I thought of including the required style sheets dynamically, but you would still have to include the path somehow. You can also have a look here (besides repository): http://stilbuero.de/jquery/thickbox_reloaded/ Please note that I haven't tested in other browsers than Firefox yet. I just thought I'd like to request some feedback/code review first! -- Klaus ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- http://www.cjordan.us ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] jQuery + ColdFusion - auto complete examples?
Paul Rey, Thanks for the links Looks like a good starting point!! I'm sure I'll have questions :) I'm really enjoying jQuery - used it quite a bit in my current application - everyone I've shown it too has been impressed! I've been impressed with how easy it's been to implement everything! Hope the Ajax stuff is as easy :) Jim -Original Message- From: Paul [mailto:[EMAIL PROTECTED] Sent: Monday, February 26, 2007 11:20 AM To: 'jQuery Discussion.' Subject: Re: [jQuery] jQuery + ColdFusion - auto complete examples? There is a complete CF-based example here: http://www.pengoworks.com/workshop/jquery/autocomplete.htm He includes the CFM as a txt file at the bottom of the page... I just implemented it and it's pretty simple to do following his lead. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] Selecting elements inside a popup
Hey all, ''How can i select elements inside a popup? (JS is inside the popup). when I apply an action it seems it regards the page as whole + popup. What i want to do is to open popup inside popup , so the HREF value of the links are passed to a popup function. Any ideas? ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] jQuery + ColdFusion - auto complete examples?
No sweat bud. Let me know if you need anymore help. :o) Rey Priest, James (NIH/NIEHS) [C] wrote: Paul Rey, Thanks for the links Looks like a good starting point!! I'm sure I'll have questions :) I'm really enjoying jQuery - used it quite a bit in my current application - everyone I've shown it too has been impressed! I've been impressed with how easy it's been to implement everything! Hope the Ajax stuff is as easy :) Jim -Original Message- From: Paul [mailto:[EMAIL PROTECTED] Sent: Monday, February 26, 2007 11:20 AM To: 'jQuery Discussion.' Subject: Re: [jQuery] jQuery + ColdFusion - auto complete examples? There is a complete CF-based example here: http://www.pengoworks.com/workshop/jquery/autocomplete.htm He includes the CFM as a txt file at the bottom of the page... I just implemented it and it's pretty simple to do following his lead. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- BrightLight Development, LLC. 954-775- (o) 954-600-2726 (c) [EMAIL PROTECTED] http://www.iambright.com ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] Odd include ordering bug w/ Tablesorter and WrapInner
Haven't had the time to debug this but if you include the jquery-plugin-wrapinner.js before the jquery.tablesorter.js (see below) then the wrapinner will not work. However, reverse the two and both work successfully. Latest sources, same results in ie6/ff2 html head script src=jquery.js type=text/javascript/script script src=jquery-plugin-wrapinner.js type=text/javascript/script script src=jquery.tablesorter.js type=text/javascript/script script $(document).ready(function() { $(.message).wrapInner(Hello World.); $(#sortable).tableSorter({ sortColumn: null, sortClassAsc: 'headerSortUp', sortClassDesc: 'headerSortDown', headerClass: 'header', stripingRowClass: ['even','odd'], stripRowsOnStartUp: true }); }); /script /head body p class=message/p table id=sortable thead tr thLast Name/th thFirst Name/th thTitle/th /tr /thead tbody tr tdJohn/td tdDoe/td tdBig guy/td /tr tr tdJane/td tdSmith/td tdBoss/td /tr /tbody /table /body /html Need Mail bonding? Go to the Yahoo! Mail QA for great tips from Yahoo! Answers users. http://answers.yahoo.com/dir/?link=listsid=396546091 ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Help needed: Images not loading properly in FF
On 26 Feb 2007, at 00:35, Kristinn Sigmundsson wrote: packed with dean edwards jspacker, gzip and finally saved for cache Why are you using both jspacker and gzip? Wouldn't just gzip be sufficient? -- Mika Tuupola http://www.appelsiini.net/~tuupola/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] TABS plugin: ajax tabs, $.triggerTab, and intercepting clicks ??
Brice, It makes sense to me. You're trying to construct a sort of wizard-based interface, but want a catch if that people jump ahead or behind the current page using tabs -- you want to validate data before letting them view that new tab. This might also be an issue for me soon as I redo a very old ASP intranet app, so I'd like to keep apprised of any resolution. SEAN O Brice Burgess wrote: I've finally got around to using the tabs plugin am loving it! :) In due time, I of course came across a complexity that I'm having a hard time elegantly solving. 4 tabs are setup displaying forms to aid in a mailing composition; composition, template, message, and preview. The content of these tabs is pulled via an ajax request ({remote: true}). The content of each tab contains a continue button input type=submit ../, which submits the form, and if VALID, takes them to the next tab. e.g. composition - template, or message - preview. This is trivial -- I submit form using the Forms plugin, in the onSuccess callback decipher if the form was valid (server side validation) and use $.triggerTab to trigger the next tab. The complexity: In addition to the continue button, I would like the form to be submitted upon clicking another tab. Users are bound to fill in form data and click the next tab (w/o clicking continue) and expect the data to be there. I realize I can use an onClick event to submit the form -- however I can not stop the clicked tab from becoming active. I have tried returning false, etc. So; If a user clicks a tab, the content's form should be submitted, and IF VALID, activate the clicked tab. In an attempted workaround I tried disabling all tabs, and assigning custom events to trigger them (yes, somewhat redundant). This didn't seem to play well with {remote:true}.. I noticed $('#mailing').enableTab(1).triggerTab(1); does not work, for instance. I think the easiest/less ugly way to go about this is to intercept (cancel) the onClick event if it returns false. This way I could submit the form in the onClick and return false. When the form response comes back, I can then either trigger the tab, or alert the error message. Does this make any sense? ~ Brice ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- View this message in context: http://www.nabble.com/TABS-plugin%3A-ajax-tabs%2C-%24.triggerTab%2C-and-intercepting-clickstf3291866.html#a9166723 Sent from the JQuery mailing list archive at Nabble.com. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] Another PNG transparency thingy for IE
I have seen a number requests and solutions for fixing PNG image transparency in IE on the list. However, I have never seen one that addresses transparency of PNGs when they are used as backgrounds. I prefer using elements plus background images for my icons as opposed to image tags so I can use style sheets to switch icon sets out. So, needing to support PNG transparencies in backgrounds I came up with two possible solutions. Non-jQuery solution: I build upon what Klaus already has for supporting transparent PNG images (http://www.stilbuero.de/2006/03/15/png-alpha-transparency-fast-and-easy /) div.png { background-image: expression( bg = this.runtimeStyle.backgroundImage.length 0 ? this.runtimeStyle.backgroundImage : this.currentStyle.backgroundImage, this.runtimeStyle.backgroundImage = none, src = bg.substring(5,bg.length-2), this.runtimeStyle.filter = progid:DXImageTransform.Microsoft.AlphaImageLoader(src=' + src + ', sizingMethod='scale') ); } Problems with this approach (yeah, like you are surprised) 1. It can become inefficient. I my case, my icons appear in an icon bar that is shown/hidden via a $.slideToggle() effect. It is initially hidden, and is shown through a button event. The above code actually executes twice the first time the icon bar is displayed. Then, once for each time it displayed after the initial call to display. IMOHO, this is less than efficient, then again I would expect nothing less from IE. 2. The repeated script calls of the CSS expression made the slide animation choppy. The jQuery solution: The jQuery solution was actually my first solution but I wanted try to follow Klaus' example using just CSS. Unfortunately, the pure CCS solution wasn't working for me as well as I felt it should, so I reverted back to using my plugin. jQuery.fn.fixPngBackgrounds = function() { if($.browser.msie) { this.each(function () { var currentBkg = this.currentStyle.backgroundImage; if(currentBkg currentBkg.length 0) { this.runtimeStyle.backgroundImage = none; // Remove the existing background var urlOnly = currentBkg.substring(5, (currentBkg.length-2)); // Strip 'url( and ')' this.runtimeStyle.filter = progid:DXImageTransform.Microsoft.AlphaImageLoader(src=' + urlOnly + ', sizingMethod='scale') } }); } } And it's easy to use, just $(.png).fixPngBackgrounds() I just came up with this today and it appears to be working quite well. However, any suggestion on improvements or possible gotchas regarding either approach is more than welcome. Regards, -scott ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] KICK-BUTT javascript based Zoom feature
This was posted a while back. The bottom example has the same functionality. http://www.sevir.org/projects/storage/jpanview/index.html -Marshall -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Rick Faircloth Sent: Saturday, February 24, 2007 9:43 AM To: 'jQuery Discussion.' Subject: Re: [jQuery] KICK-BUTT javascript based Zoom feature Well. anyone know how to accomplish this in jQuery? http://tinyurl.com/yubt54_spam Rick From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Matt Stith Sent: Monday, February 05, 2007 9:53 AM To: jQuery Discussion. Subject: Re: [jQuery] KICK-BUTT javascript based Zoom feature Really all that is is a image of a grid that stays aligned with the mouse, and a higher resolution image that scrolls depending on the mouse position. It doesnt even use jQuery. Im going to call this one as a lame attempt at spamming this mailing list. On 2/5/07, Andy Matthews [EMAIL PROTECTED] wrote: http://tinyurl.com/yubt54_spam http://tinyurl.com/yubt54 Andy Matthews Senior Coldfusion Developer Office: 877.707.5467 x747 Direct: 615.627.9747 Fax: 615.467.6249 [EMAIL PROTECTED] https://mail.google.com/mail?view=cmtf=0[EMAIL PROTECTED] www.dealerskins.com http://www.dealerskins.com/ ___ jQuery mailing list discuss@jquery.com https://mail.google.com/mail?view=cmtf=0[EMAIL PROTECTED] http://jquery.com/discuss/ image001.png Description: PNG image ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] ANNOUNCE: Thickbox Reloaded alpha
Klaus Hartl wrote: Sean, as I said, I haven't done any testing in IE at all so far. I'm truly amazed, that it looks great in IE 7 already. :-) Karl, JFYI inline examples also work in Safari.. ajax example does not. Dmitry -- View this message in context: http://www.nabble.com/ANNOUNCE%3A-Thickbox-Reloaded-alpha-tf3293077.html#a9167180 Sent from the JQuery mailing list archive at Nabble.com. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] TABS plugin: ajax tabs, $.triggerTab, and intercepting clicks ??
Klaus Hartl wrote: $('#mailing').enableTab(1).triggerTab(1); does not work, for instance. Brice, I think something else went wrong there. On a simple test page that works fine for me: http://stilbuero.de/jquery/tabs/test.html Maybe you can show some more code here... Klaus, did you try it w/ remote: true; disabled tabs? Something like; div id=mailing ul class=anchors li class=tabs-disableda href=mailing/composition.php{t}Composition{/t}/a/li li class=tabs-disableda href=mailing/template.php{t}Template{/t}/a/li li class=tabs-disableda href=mailing/message.php{t}Message{/t}/a/li li class=tabs-disableda href=mailing/preview.php{t}Preview{/t}/a/li /ul /div script type=text/javascript $().ready(function(){ $('#mailing').tabs({remote: true}}); $('#mailing').enableTab(1).triggerTab(1); }); /script (( remember, I need to submit a form on tab click, and only activate the clicked tab IF the form returns valid (server side validation )) I think the easiest/less ugly way to go about this is to intercept (cancel) the onClick event if it returns false. This way I could submit the form in the onClick and return false. When the form response comes back, I can then either trigger the tab, or alert the error message. Does this make any sense? I'm not overall sure. Would that be expected behavior? Implementation wouldn't be to difficult, so I could do that, but maybe we can work out a solution with the existing code... The behavior does not seem obscure to me, and seems to offer more function than none at all -- in fact, it follows the flow of the general event system. Like I said, I could not come up with a more elegant solution... although look forward to any of your suggestions. ~ Brice ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] problem with edit in place on HTML coding.
Hey, i have a edit in place thing now and i have this text: div class=\admin_link\#INCLUDE#/div when you click on the the text field pops in BUT the content is suddently different.. the content now is: lt;div class=admin_linkgt;#INCLUDE#lt;/divgt; but i want it to be : div class=\admin_link\#INCLUDE#/div any idea how i can get this done? thanx alot in favor. Mark. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] Animated Accodian WAS - RE: jquery rocks
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of TE Gossman Subject: [jQuery] jquery rocks hi all jquery newbie here, Another great idea that I think would receive some attention is if somebody could code up something like this: http://www.presidentielles.net/ tyler - Tyler, Here's an initial crack at mimicking the effect seen on http://www.presidentielles.net/, using the Accordian Plugin and setInterval. Check out http://pastebin.ca/373454 for the code. I've used Joern's awesome Accordian plugin here, so first things first, go visit http://bassistance.de/jquery-plugins/jquery-plugin-accordion/ and snag a copy. Done? Okay, moving on. First I construct a very basic DL block, using DT's for headers and DD's for content. .accordian() uses this HTML setup as its default layout, so I just used that to start with. Next, I call the .accoridan() function, using the default settings. Then I bind an onChange event to the DL, meaning whenever something within the DL changes, this function will be called. Within the function I'm assigning a value to the nextTab attribute I've attached to the #list1 element. The function gets the number of DD's within the DL (our header element), and grabs the index of the currently selected DD. It adds 1 to the currTab, and then checks if this number is greater then the DD length. If so, it makes nextTab = 0. Then it assigns this value to the nextTab attribute. Finally, a setInterval call is scheduled to check the value of the nextTab attribute and .activate() the tab accordingly. I also clearInterval the current timer and create a new one each time the DL changes, so when a user clicks on a new header the timer is reset. I was unable to mimic the functionality of http://www.presidentielles.net/ where the click removes the timer entirely because I was unable to attach a second click event to the header. I'm sure there is a way to do it I just didn't spend much time investigating it. This code should give you a hint on what to do next, at the least. It could prolly be refined a bit as well. Also, I didn't mess with any of the styles, and left that to you to figure out. Hope it helps. -ALEX ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Help needed
Rock on Klaus! http://webkit.org/blog/?p=61 tells me all about Drosera! On 2/26/07, Klaus Hartl [EMAIL PROTECTED] wrote: Ⓙⓐⓚⓔ schrieb: also you're better off debugging in firefox. safari is cute but firefox+firebug is the king of javascript debugging! Well, if you have to debug in Safari - because the bug only occurs there ;-) - you can download a Webkit nightly. It has a good JavaScript debugger (Drosera) and also a quite good DOM inspector. Actually I'm sure some of the features that FireBug has were inspired by that one... -- Klaus ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- Ⓙⓐⓚⓔ - יעקב ʝǡǩȩ ᎫᎪᏦᎬ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Animated Accodian WAS - RE: jquery rocks
Alex Cook schrieb: This code should give you a hint on what to do next, at the least. It could prolly be refined a bit as well. Also, I didn't mess with any of the styles, and left that to you to figure out. Hope it helps. I haven't looked in detail at your code, but noticed that you don't use any of the arguments of the change callback. Those may help. They are not very well documented, but there is one example: $('#accordion').Accordion().change(function(event, newHeader, oldHeader, newContent, oldContent) { $('#status').html(newHeader.text()); }); -- Jörn Zaefferer http://bassistance.de ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] TABS plugin: ajax tabs, $.triggerTab, and intercepting clicks ??
Brice Burgess schrieb: Klaus Hartl wrote: $('#mailing').enableTab(1).triggerTab(1); does not work, for instance. Brice, I think something else went wrong there. On a simple test page that works fine for me: http://stilbuero.de/jquery/tabs/test.html Maybe you can show some more code here... Klaus, did you try it w/ remote: true; disabled tabs? Something like; div id=mailing ul class=anchors li class=tabs-disableda href=mailing/composition.php{t}Composition{/t}/a/li li class=tabs-disableda href=mailing/template.php{t}Template{/t}/a/li li class=tabs-disableda href=mailing/message.php{t}Message{/t}/a/li li class=tabs-disableda href=mailing/preview.php{t}Preview{/t}/a/li /ul /div script type=text/javascript $().ready(function(){ $('#mailing').tabs({remote: true}}); $('#mailing').enableTab(1).triggerTab(1); }); /script The second example on the test page is done with remote: true. However I disabled the tabs like: $('#container-9').tabs({remote: true, disabled: [2, 3]}); (( remember, I need to submit a form on tab click, and only activate the clicked tab IF the form returns valid (server side validation )) That would be done like: $('#containerullia:eq(2)').click(function() { if (formIsValid()) { $('#container-1').enableTab(2).triggerTab(2); } return false; }); Well, not exactly. The problem is that you're submittig a form, and that is going to be asynchronous I assume... That's totally not supported for onClick, because I just cannot stop execution of the rest of the script while waiting for the response of the form submit. I think the easiest/less ugly way to go about this is to intercept (cancel) the onClick event if it returns false. This way I could submit the form in the onClick and return false. When the form response comes back, I can then either trigger the tab, or alert the error message. Does this make any sense? I'm not overall sure. Would that be expected behavior? Implementation wouldn't be to difficult, so I could do that, but maybe we can work out a solution with the existing code... The behavior does not seem obscure to me, and seems to offer more function than none at all -- in fact, it follows the flow of the general event system. Like I said, I could not come up with a more elegant solution... although look forward to any of your suggestions. You are making a good point here, more function than none at all. But even if I implement that, it would be useless for you, for the reason I described above. Or are you making synchronous requests? A solution to your problem would be to call $('#container-1').enableTab(2).triggerTab(2); in the callback of the Ajax request, depending on what is returned, as far as I understand. -- Klaus ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] jQuery + ColdFusion - auto complete examples?
James!!! Welcome bud. I see you posting on my blog all of the time. Glad to see you came on over to jQuery. For autocomplete functionality, I've sued this one successfully: http://www.dyve.net/jquery/?autocomplete Also, look at the plugins page (http://docs.jquery.com/Plugins) and you'll find some more options for this. Rey Priest, James (NIH/NIEHS) [C] wrote: I'm working on an administration tool and I'd like to use jQuery to populate a user field - IE the user would type in a few letters of the last name and have it find the matching names... I know there are lots of ColdFusion folks on the list - I'm looking for some examples :) I've used jQuery quite a bit in the rest of this application but it's all been for display/UI - no Ajax - so now I want to give that a try. Thanks! Jim ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- BrightLight Development, LLC. 954-775- (o) 954-600-2726 (c) [EMAIL PROTECTED] http://www.iambright.com ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] drag drop : proxy element?
Paul Bakaus wrote: we are currently working on a major rewrite on Drag Drop for Interface 2. Hopefully I will have the time to release a alpha version soon enough. Thank you very much, Paul. Rather than use a hack, I'd prefer to use the proper helper technique planned for the newer version. The project that I'm currently working on won't be due in its final version for a few months. I can use the non-helper version of the drag-drop for now and add in the helper element later on when Interface updates. I'd certainly be interested in looking at the alpha version when it's available. Thanks again for your response, Brian -- View this message in context: http://www.nabble.com/drag---drop-%3A-proxy-element--tf3281374.html#a9169679 Sent from the JQuery mailing list archive at Nabble.com. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Multiple Ajax calls and multiple loading... boxes
This is still like a proctologist performing an eye surgery How so? You have control over everything in the settings object. And you can add any properties to it that you wish. So consider: $.ajax({ url: myUrl, type: 'post', indicatorId: '#indicator3' }); $().ajaxSend(function(e,xhr,s) { $(s.indicatorId).show(); }); $().ajaxComplete(function(e,xhr,s) { $(s.indicatorId).hide(); }); ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] problem with edit in place on HTML coding.
On 26 Feb 2007, at 21:55, Mark wrote: i have a edit in place thing now and i have this text: div class=\admin_link\#INCLUDE#/div when you click on the the text field pops in BUT the content is suddently different.. the content now is: lt;div class=admin_linkgt;#INCLUDE#lt;/divgt; Which edit in place plugin are you using? jEditable ( http:// www.appelsiini.net/~tuupola/javascript/jEditable/ ) or something else? -- Mika Tuupola http://www.appelsiini.net/~tuupola/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] possible slideUp/slideDown bug?
Hello, I am using slideUp and slideDown, with each attached to a radio button via click(). Here is the code: $(document).ready(function() { // Attach hide/show functions: $(#user_type_super_x).click(function() { $(#permision_block).slideUp(1); }); $(#user_type_user_x).click(function() { $(#permision_block).slideDown(1); }); }); After I click on the first radio button and slideUp the content, if I click on the same button again, the content appears and then slidesUp again. If the content is already hidden, shouldn't it by default not be possible to make it appear again (however briefly) by repeated applications of the slideUp function? The same is true for slideDown. After sliding down the content, I can make it slideDown repeatedly. Should I check the height or transparency first before permitting slideUp/slideDown to fire? Thanks, Christopher. -- View this message in context: http://www.nabble.com/possible-slideUp-slideDown-bug--tf3296684.html#a9170964 Sent from the JQuery mailing list archive at Nabble.com. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] possible slideUp/slideDown bug?
hi, i don't really understand your code, you define two different function for the same click event... you should check SlideToggleDown function from Interface 1.2 http://interface.eyecon.ro/demos/ifx.html#slide-fx http://interface.eyecon.ro/docs/fx ++ FreakDev On 2/26/07, cdvrooman [EMAIL PROTECTED] wrote: Hello, I am using slideUp and slideDown, with each attached to a radio button via click(). Here is the code: $(document).ready(function() { // Attach hide/show functions: $(#user_type_super_x).click(function() { $(#permision_block).slideUp(1); }); $(#user_type_user_x).click(function() { $(#permision_block).slideDown(1); }); }); After I click on the first radio button and slideUp the content, if I click on the same button again, the content appears and then slidesUp again. If the content is already hidden, shouldn't it by default not be possible to make it appear again (however briefly) by repeated applications of the slideUp function? The same is true for slideDown. After sliding down the content, I can make it slideDown repeatedly. Should I check the height or transparency first before permitting slideUp/slideDown to fire? Thanks, Christopher. -- View this message in context: http://www.nabble.com/possible-slideUp-slideDown-bug--tf3296684.html#a9170964 Sent from the JQuery mailing list archive at Nabble.com. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] Tabs Plugin and fxAutoHeight
Hi, I've just been checking out the docs and demo of the tabs plugin as I want to use it in a project I'm working on.I'm keen to have all the tabs to be the same `height as I think it will look cleaner in the app. On checking the demo for the tabs plugin (http://www.stilbuero.de/jquery/tabs/) it appears to me that there is a bug in this behaviour. The 'Automatic Height' demonstration has 3 tabs that should, I think, all be the same height, but what I see (FF2.0 on WinXP) is only the first 2 tabs being the same height, and the third one being larger. Is this a bug brought about by updates to the core and other plugins and is there a workaround? Regards, David ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] TABS plugin: ajax tabs, $.triggerTab, and intercepting clicks ??
Klaus Hartl wrote: That would be done like: $('#containerullia:eq(2)').click(function() { if (formIsValid()) { $('#container-1').enableTab(2).triggerTab(2); } return false; }); Well, not exactly. The problem is that you're submittig a form, and that is going to be asynchronous I assume... That's totally not supported for onClick, because I just cannot stop execution of the rest of the script while waiting for the response of the form submit. You're right that wouldn't work.. that's why I would like to cancel tab activation if onClick returns false. This way I can do; $(container).tabs({remote: true, onClick: submitForm}); var clickedTab = false; function submitForm(tab, content, oldContent) { // pseudo code... clickedTab = index_of_tab; $(form,oldContent).submit(); // NOTE; the forms plugin is attached to the form, and asynchronously submits it. Upon form return, successCallback is called. // cancel tab activation -- *KEY* behavior return false; } function successCallback() { if(form passed server side validation) $(container).triggerTab(clickedTab); else ... (form did not pass server side validation) } ~ Brice ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] possible slideUp/slideDown bug?
jQuery already has a slide toggle: http://docs.jquery.com/Effects#slideToggle.28_speed.2C_callback_.29 There's no reason to use a plugin for it. @Christopher - Your final code would look something like this: $(document).ready(function() { // Attach toggle function: $(#user_type_super_x).click(function() { $(#permision_block).slideToggle(1000); }); }); I think you meant to do 1000 instead of 1 - all jQuery animations are measured in milliseconds. Of course, you could also do something like: slow instead. --John On 2/26/07, FreakDev [EMAIL PROTECTED] wrote: hi, i don't really understand your code, you define two different function for the same click event... you should check SlideToggleDown function from Interface 1.2 http://interface.eyecon.ro/demos/ifx.html#slide-fx http://interface.eyecon.ro/docs/fx ++ FreakDev On 2/26/07, cdvrooman [EMAIL PROTECTED] wrote: Hello, I am using slideUp and slideDown, with each attached to a radio button via click(). Here is the code: $(document).ready(function() { // Attach hide/show functions: $(#user_type_super_x).click(function() { $(#permision_block).slideUp(1); }); $(#user_type_user_x).click(function() { $(#permision_block).slideDown(1); }); }); After I click on the first radio button and slideUp the content, if I click on the same button again, the content appears and then slidesUp again. If the content is already hidden, shouldn't it by default not be possible to make it appear again (however briefly) by repeated applications of the slideUp function? The same is true for slideDown. After sliding down the content, I can make it slideDown repeatedly. Should I check the height or transparency first before permitting slideUp/slideDown to fire? Thanks, Christopher. -- View this message in context: http://www.nabble.com/possible-slideUp-slideDown-bug--tf3296684.html#a9170964 Sent from the JQuery mailing list archive at Nabble.com. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] possible slideUp/slideDown bug?
or maybe just use slideToggle (Interface not needed) Rolf FreakDev wrote: hi, i don't really understand your code, you define two different function for the same click event... you should check SlideToggleDown function from Interface 1.2 http://interface.eyecon.ro/demos/ifx.html#slide-fx http://interface.eyecon.ro/docs/fx ++ FreakDev On 2/26/07, cdvrooman [EMAIL PROTECTED] wrote: Hello, I am using slideUp and slideDown, with each attached to a radio button via click(). Here is the code: $(document).ready(function() { // Attach hide/show functions: $(#user_type_super_x).click(function() { $(#permision_block).slideUp(1); }); $(#user_type_user_x).click(function() { $(#permision_block).slideDown(1); }); }); After I click on the first radio button and slideUp the content, if I click on the same button again, the content appears and then slidesUp again. If the content is already hidden, shouldn't it by default not be possible to make it appear again (however briefly) by repeated applications of the slideUp function? The same is true for slideDown. After sliding down the content, I can make it slideDown repeatedly. Should I check the height or transparency first before permitting slideUp/slideDown to fire? Thanks, Christopher. -- View this message in context: http://www.nabble.com/possible-slideUp-slideDown-bug--tf3296684.html#a9170964 Sent from the JQuery mailing list archive at Nabble.com. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- View this message in context: http://www.nabble.com/possible-slideUp-slideDown-bug--tf3296684.html#a9171527 Sent from the JQuery mailing list archive at Nabble.com. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Multiple Ajax calls and multiple loading... boxes
Hi Dmitrii, I actually ran into this same issue recently and basically took the route of unbinding the ajaxstart event after the Ajax call was done. Here's my code: // This is the Ajax indicator $('#throbberSearch') .ajaxStart(function(){ $(searchResultsDiv).hide(); $(this).show(); }) .ajaxStop(function(){ $(this).hide(); $(this).unbind(ajaxStart); }); This effectively stopped the AjaxStart from kicking off via every Ajax call and allowed me to specify different AjaxStart() events for different Ajax calls. I ran this by John Resig to make sure I wasn't going off in the wrong direction and he said that the method was just fine. :o) It always feels good to get validation from the maker of the library. ;o) Rey... Dmitrii 'Mamut' Dimandt wrote: Ok. I'm at loss here. $.ajaxStart() is invoked for every ajax call that's made on the page. However, for one ajax call I need to display a loading... in one place, for another ajax call - a loading... in another place and for yet a third ajax call a loading in a third place. How can I do this in jQuery? Preferably, in one line (true to jQuery spirit :)) ). ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- BrightLight Development, LLC. 954-775- (o) 954-600-2726 (c) [EMAIL PROTECTED] http://www.iambright.com ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] ANNOUNCE: Thickbox Reloaded alpha
Hi, It would be nice if it also supported Internationalization of the Previous/Next strings etc. Perhaps, it already does? I'll have to check the source. Cheers, Tobbe Klaus Hartl wrote: Hi jQuerians, I just committed what I would call Thickbox Reloaded alpha version. It may look the same pretty much, but is a complete rewrite. Here's what's new: * Chainable method to bind Thickbox to links and forms (makes it easy for content that gets loaded/created later on). * Totally unobtrusive: no classes needed for links, no params in URL. * Confirm type Thickbox, triggered automatically by binding Thickbox to a form. If yes the form gets submitted unless a custom callback is defined (for example for Ajax submitting) * Automatic type detection depending on type of element, respectively on type of link: image: href is an image content: href is a hash ajax: href is internal and not image iframe: href is external and not image confirm: element is form * Improved UI blocking (Thanks to Mike Malsup and the BlockUI plugin) * Options for width/height are now passed in as settings object literal or are stored as default values via $.thickbox.defaults({ width: 300, height: 400 }) * Options top/left positioning (instead of centering), unit defaults to 'px' * Easier skinning: The look is completely separated into an extra style sheet * Scrolling via mousewheel/touchpad is blocked * Lets you define custom animations for showing the modal window via settings * Requires jQuery 1.1.1 Maybe I have forgotten something. I thought of including the required style sheets dynamically, but you would still have to include the path somehow. You can also have a look here (besides repository): http://stilbuero.de/jquery/thickbox_reloaded/ Please note that I haven't tested in other browsers than Firefox yet. I just thought I'd like to request some feedback/code review first! -- Klaus ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] problem with edit in place on HTML coding.
sorry, i forgot to mention that.. i`m using the jEditable plugin. 2007/2/26, Mika Tuupola [EMAIL PROTECTED]: On 26 Feb 2007, at 21:55, Mark wrote: i have a edit in place thing now and i have this text: div class=\admin_link\#INCLUDE#/div when you click on the the text field pops in BUT the content is suddently different.. the content now is: lt;div class=admin_linkgt;#INCLUDE#lt;/divgt; Which edit in place plugin are you using? jEditable ( http:// www.appelsiini.net/~tuupola/javascript/jEditable/ ) or something else? -- Mika Tuupola http://www.appelsiini.net/~tuupola/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] how can I improve this?
Did you consider using an Accordion? http://jquery.bassistance.de/accordion/accordionDemo.htmld It should be possible to adapt it to your needs. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of rolfsf Sent: mardi 27 février 2007 0:30 To: discuss@jquery.com Subject: [jQuery] how can I improve this? I've managed to build a rough model of what I'm trying to do, though it will be obvious from my jquery code that I have limited knowlege of how to really harness the power of jquery. This mock-up works okay in FF, a little less so in IE6 7, and doesn't really work in Safari. I've posted the page here - all code is inline: http://www.monkeypuzzle.net/testfiles/jquery/splitwindow/ The idea is that you start with a Summary View with a data table. Clicking on some data will split the screen in half vertically and open a Detail View via slideDown pertaining to that data (drill down one level). Clicking on some data in that Detail View should close (slideUp) the Summary View, and load a 3rd 'More Details' window via slideDown (drill down one more level). Closing 'More Details' should return to Summary View/Detail View split-screen. Closing 'Detail View' should kill both Detail View More Details, leaving you with Summary View full screen. Does that make sense? Can anyone advise on how to streamline my jquery (even the markup!) and get things sliding smoothly? Thanks! -- View this message in context: http://www.nabble.com/how-can-I-improve-this--tf3296960.html#a9171800 Sent from the JQuery mailing list archive at Nabble.com. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- Ce message Envoi est certifié sans virus connu. Analyse effectuée par AVG. Version: 7.5.446 / Base de données virus: 268.18.4/702 - Date: 25/02/2007 15:16 ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] ANNOUNCE: Thickbox Reloaded alpha
Klaus Hartl schrieb: Please note that I haven't tested in other browsers than Firefox yet. I just thought I'd like to request some feedback/code review first! My Feedback: -Hardcoded Titles: title=Close this window going to var defaultValues -Inline Content: you have in CSS display none, give a way to let Thickbox this setting over Option or so. For unobtrusive and JS is OFF. Thank you -- Viele Grüße, Olaf --- [EMAIL PROTECTED] http://olaf-bosch.de www.akitafreund.de --- ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] access an element with 2 classes
Hi, I am creating tooltips for a form. The text that appears in the tooltip will have two classes: span class=info email-infoText./span span class=info password-infoText./span First how can I access all the elements that contain 'info' in their class? Secondly when the user clicks on the input box i need to access the second class so i know which one it is, how can I do that? Thank you in advance Tim___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] KICK-BUTT javascript based Zoom feature
Thanks for the info, David. I'll check it out! Rick From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of David Sent: Sunday, February 25, 2007 12:49 AM To: jQuery Discussion. Subject: Re: [jQuery] KICK-BUTT javascript based Zoom feature Hi Rick, The jquery panview plugin does something similar to this. You may be able to use it as a starting point to get what you want. http://www.sevir.org/projects/storage/jpanview/index.html Regards, David Rick Faircloth wrote: Being able to move the mouse over a smaller image and have a much larger image show a close-up of where the mouse is pointing... Rick -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Sent: Saturday, February 24, 2007 11:25 PM To: jQuery Discussion. Subject: Re: [jQuery] KICK-BUTT javascript based Zoom feature Rick which part did you like? it looks like a simple ajax app. I bet the taconite plug in would do it with ease. or just plain ajax. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] access an element with 2 classes
First bit is easy: // All spans with class=info var infoSpans = $('span.info'); Second bit depends on how you have structured your HTML. Assuming the following HTML: span class=info email-infoText./span input class=hasInfo type=text ... Script (untested): $(function() { $('input.hasInfo').click( function() { var infoSpan = $(this).prev('span.info'); // do whatever with the span // show it infoSpan.show(); // test if it's a particular class if ( infoSpan.is('.email-info') ) { // do something } }); }); Karl Rudd On 2/27/07, Timothy Bowler [EMAIL PROTECTED] wrote: Hi, I am creating tooltips for a form. The text that appears in the tooltip will have two classes: span class=info email-infoText./spanspan class=info password-infoText./span First how can I access all the elements that contain 'info' in their class? Secondly when the user clicks on the input box i need to access the second class so i know which one it is, how can I do that? Thank you in advance Tim ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] how can I improve this?
I considered it, and perhaps I should look again. When I first looked it seemed like it was geared more toward typical accordion menus... Alexandre Plennevaux wrote: Did you consider using an Accordion? http://jquery.bassistance.de/accordion/accordionDemo.htmld It should be possible to adapt it to your needs. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of rolfsf Sent: mardi 27 février 2007 0:30 To: discuss@jquery.com Subject: [jQuery] how can I improve this? I've managed to build a rough model of what I'm trying to do, though it will be obvious from my jquery code that I have limited knowlege of how to really harness the power of jquery. This mock-up works okay in FF, a little less so in IE6 7, and doesn't really work in Safari. I've posted the page here - all code is inline: http://www.monkeypuzzle.net/testfiles/jquery/splitwindow/ The idea is that you start with a Summary View with a data table. Clicking on some data will split the screen in half vertically and open a Detail View via slideDown pertaining to that data (drill down one level). Clicking on some data in that Detail View should close (slideUp) the Summary View, and load a 3rd 'More Details' window via slideDown (drill down one more level). Closing 'More Details' should return to Summary View/Detail View split-screen. Closing 'Detail View' should kill both Detail View More Details, leaving you with Summary View full screen. Does that make sense? Can anyone advise on how to streamline my jquery (even the markup!) and get things sliding smoothly? Thanks! -- View this message in context: http://www.nabble.com/how-can-I-improve-this--tf3296960.html#a9171800 Sent from the JQuery mailing list archive at Nabble.com. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- Ce message Envoi est certifié sans virus connu. Analyse effectuée par AVG. Version: 7.5.446 / Base de données virus: 268.18.4/702 - Date: 25/02/2007 15:16 ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- View this message in context: http://www.nabble.com/how-can-I-improve-this--tf3296960.html#a9172723 Sent from the JQuery mailing list archive at Nabble.com. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Progress Bar Plugin
I notice it too when it's on my blog, but my standalone tester doesn't appear to do it. Anyone else notice any quirks? Josh agent2026 wrote: Same here in FF 2.0. Looks great though, nice work. Adam DavidIcreate wrote: When i tested the demo in FF1.5 on xp i noticed the content of the page jumped a bit down. it only happens when the page is loaded for the first time. -- David Duymelinck [EMAIL PROTECTED] ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- View this message in context: http://www.nabble.com/Progress-Bar-Plugin-tf3290844.html#a9172740 Sent from the JQuery mailing list archive at Nabble.com. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] jqueryplugins.com
Great idea! it would be great that you standardize as much as possible the process of PRESENTING a plugin - what is it, what it does - demo - how-to - download - documentation - support - changelog - dedicated support forum And maybe a private access for plugin publishers to maintain their own info ? -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Matt Oakes Sent: mardi 27 février 2007 1:28 To: discuss@jquery.com Subject: [jQuery] jqueryplugins.com Coming soon: The ability to search through almost 100 jQuery plugins and find your perfect plugin. The current official plugins list leaves a lot to be desired. Looking down a long list a plugin names really doesn't help you find exactly what you're looking for. The answer is (almost) here: jQueryPlugins.com. This site will allow you to look through all jQuery plugins quickly and easily. We've not finished all the details yet but we'll be launching the site soon, and some screenshots even sooner. The address will be: http://www.jqueryplugins.com but at the minute there's nothing really. But we have some screenshots to be added soon a blog once I get around to it. Hopefully the site will work well. Me and a few people I've shown it to have found it to be great for finding the plugins you want, I just need to finish up a few little things. Matt ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- Ce message Envoi est certifié sans virus connu. Analyse effectuée par AVG. Version: 7.5.446 / Base de données virus: 268.18.4/702 - Date: 25/02/2007 15:16 ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Progress Bar Plugin
looks nice :) good job 2007/2/27, mrcarxpert [EMAIL PROTECTED]: I notice it too when it's on my blog, but my standalone tester doesn't appear to do it. Anyone else notice any quirks? Josh agent2026 wrote: Same here in FF 2.0. Looks great though, nice work. Adam DavidIcreate wrote: When i tested the demo in FF1.5 on xp i noticed the content of the page jumped a bit down. it only happens when the page is loaded for the first time. -- David Duymelinck [EMAIL PROTECTED] ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- View this message in context: http://www.nabble.com/Progress-Bar-Plugin-tf3290844.html#a9172740 Sent from the JQuery mailing list archive at Nabble.com. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] jqueryplugins.com
Matt, I don't want to diminish your excitement but we're already in the process of building a plugin repository to better manage the jQuery plugins. You may want to ping John Resig to discuss your ideas. Rey... Matt Oakes wrote: Coming soon: The ability to search through almost 100 jQuery plugins and find your perfect plugin. The current official plugins list leaves a lot to be desired. Looking down a long list a plugin names really doesn't help you find exactly what you're looking for. The answer is (almost) here: jQueryPlugins.com. This site will allow you to look through all jQuery plugins quickly and easily. We've not finished all the details yet but we'll be launching the site soon, and some screenshots even sooner. The address will be: http://www.jqueryplugins.com but at the minute there's nothing really. But we have some screenshots to be added soon a blog once I get around to it. Hopefully the site will work well. Me and a few people I've shown it to have found it to be great for finding the plugins you want, I just need to finish up a few little things. Matt ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- BrightLight Development, LLC. 954-775- (o) 954-600-2726 (c) [EMAIL PROTECTED] http://www.iambright.com ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] KICK-BUTT javascript based Zoom feature
Thanks for the link. I've got to figure out how to dynamically load a new thumbnail and large image. Rick From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Marshall Salinger Sent: Monday, February 26, 2007 2:28 PM To: 'jQuery Discussion.' Subject: Re: [jQuery] KICK-BUTT javascript based Zoom feature This was posted a while back. The bottom example has the same functionality. http://www.sevir.org/projects/storage/jpanview/index.html -Marshall -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Rick Faircloth Sent: Saturday, February 24, 2007 9:43 AM To: 'jQuery Discussion.' Subject: Re: [jQuery] KICK-BUTT javascript based Zoom feature Well. anyone know how to accomplish this in jQuery? http://tinyurl.com/yubt54_spam Rick From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Matt Stith Sent: Monday, February 05, 2007 9:53 AM To: jQuery Discussion. Subject: Re: [jQuery] KICK-BUTT javascript based Zoom feature Really all that is is a image of a grid that stays aligned with the mouse, and a higher resolution image that scrolls depending on the mouse position. It doesnt even use jQuery. Im going to call this one as a lame attempt at spamming this mailing list. On 2/5/07, Andy Matthews [EMAIL PROTECTED] wrote: http://tinyurl.com/yubt54_spam http://tinyurl.com/yubt54 Andy Matthews Senior Coldfusion Developer Office: 877.707.5467 x747 Direct: 615.627.9747 Fax: 615.467.6249 [EMAIL PROTECTED] https://mail.google.com/mail?view=cmtf=0[EMAIL PROTECTED] www.dealerskins.com http://www.dealerskins.com/ ___ jQuery mailing list discuss@jquery.com https://mail.google.com/mail?view=cmtf=0[EMAIL PROTECTED] http://jquery.com/discuss/ image001.png Description: PNG image ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Validation plugin 1.0 alpha 2
ive downloaded the version you linked and for somereason its not working i copied it AS IS to my server , just changed the directory http://www.amir.cx/ajaxtest/test.html i think you have bug there... in ff its works... ie returns errors Jörn Zaefferer wrote: Stefan Kilp [sk-software] schrieb: Hi, there is a realy serious bug in your demo http://jquery.bassistance.de/validate/demo-test/custom-methods-demo.html please look at the source 7 + 4 is NOT 13 it is 11 :-) btw: great news, i like to use it for my next project Thanks for pointing that out, didn't notice it for about half a year :-) Let me know about your experience with the plugin when using it on a project. At some point I'd like to present some example serverside integrations, so if you may have anything in that area, I'm interested! -- Jörn Zaefferer http://bassistance.de ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- View this message in context: http://www.nabble.com/Validation-plugin-1.0-alpha-2-tf3256884.html#a9160415 Sent from the JQuery mailing list archive at Nabble.com. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] ANNOUNCE: Thickbox Reloaded alpha
Looks great in FF! Not there yet in IE6 though. Totally fails actually. But like you said, it's alpha. Good luck! -Kevin -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Klaus Hartl Sent: Monday, February 26, 2007 9:06 AM To: jQuery Discussion. Subject: [jQuery] ANNOUNCE: Thickbox Reloaded alpha Hi jQuerians, I just committed what I would call Thickbox Reloaded alpha version. It may look the same pretty much, but is a complete rewrite. Here's what's new: * Chainable method to bind Thickbox to links and forms (makes it easy for content that gets loaded/created later on). * Totally unobtrusive: no classes needed for links, no params in URL. * Confirm type Thickbox, triggered automatically by binding Thickbox to a form. If yes the form gets submitted unless a custom callback is defined (for example for Ajax submitting) * Automatic type detection depending on type of element, respectively on type of link: image: href is an image content: href is a hash ajax: href is internal and not image iframe: href is external and not image confirm: element is form * Improved UI blocking (Thanks to Mike Malsup and the BlockUI plugin) * Options for width/height are now passed in as settings object literal or are stored as default values via $.thickbox.defaults({ width: 300, height: 400 }) * Options top/left positioning (instead of centering), unit defaults to 'px' * Easier skinning: The look is completely separated into an extra style sheet * Scrolling via mousewheel/touchpad is blocked * Lets you define custom animations for showing the modal window via settings * Requires jQuery 1.1.1 Maybe I have forgotten something. I thought of including the required style sheets dynamically, but you would still have to include the path somehow. You can also have a look here (besides repository): http://stilbuero.de/jquery/thickbox_reloaded/ Please note that I haven't tested in other browsers than Firefox yet. I just thought I'd like to request some feedback/code review first! -- Klaus ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] jQuery + ColdFusion - auto complete examples?
And in case you wanted some code, here's the way that I used it: Main page that uses autocomplete: script src=/lib/jquery.js type=text/javascript/script script src=/lib/autocomplete.js type=text/javascript/script script type=text/javascript $(document).ready(function() { $(#sku).autocomplete(searchskus.cfm, { minChars:3, matchSubset:1, matchContains:1, cacheLength:10, selectOnly:1, lineSeparator:~, cellSeparator:|, onItemSelect:selectItem }); }); function selectItem(li) { var v = li.extra[0]; $( #sku ).val( v ); } /script CFM Called by AutoComplete Ajax method: cfsetting showdebugoutput=no enablecfoutputonly=no cfquery datasource=#request.ds# name=product select title, sku from products where (title like '%#url.q#%' or sku like '%#url.q#%') and parentSKU = '' order by title /cfquery cfcontent type=text/html reset=Yes / cfheader name=Content-Type value=text/html; charset=UTF-8 cfsavecontent variable=prods cfoutput query=product#trim(product.title)#|#trim(product.sku)#~/cfoutput /cfsavecontent cfoutput#trim( prods )#/cfoutput Priest, James (NIH/NIEHS) [C] wrote: I'm working on an administration tool and I'd like to use jQuery to populate a user field - IE the user would type in a few letters of the last name and have it find the matching names... I know there are lots of ColdFusion folks on the list - I'm looking for some examples :) I've used jQuery quite a bit in the rest of this application but it's all been for display/UI - no Ajax - so now I want to give that a try. Thanks! Jim ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- BrightLight Development, LLC. 954-775- (o) 954-600-2726 (c) [EMAIL PROTECTED] http://www.iambright.com ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] PNGs in IE
hi klaus, - first it seemed to work, now it doesn't. do you or anyone know or understand why the following freezes internet explorer (as also noted by SNF)? your tipp on the url below works fine, but the bit you posted about making this work for background images as well makes IE6 freeze. any help appreciated. cheers, s this freezes IE6: * html .png { behaviour: expression( this.runtimeStyle.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=' + this.runtimeStyle.backgroundImage + ', sizingMethod=image)', this.runtimeStyle.backgroundImage = 'none' ); } It's not jQuery, but a CSS pure solution I made (well, it relies on Dynamic Properties, e.g. JavaScript, but you put it into a style sheet): http://www.stilbuero.de/2006/03/15/png-alpha-transparency-fast-and-easy/ I could make a plugin out of that as well maybe. This works for pngs included via img element. If you follow the comments there's a solution for CSS background images as well... -- Klaus ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] addclass and json
I am trying to pass a value to addClass, If I hardcode 'green' it works if I do var = green addClass(var) It works If I try to use a value from jquery json data like addClass(json.class) addClass and jquery die with no visible error in firebug If I do json.class.toString() it works, Prior to version 1.1.1 I never had to specify toString Any ideas? ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] addclass and json
In JavaScript class is a reserved word. Perhaps that's the problem? If not then it'd be best to post a URL to an example page so we can have a look at it. Karl Rudd On 2/27/07, Richard Thomas [EMAIL PROTECTED] wrote: I am trying to pass a value to addClass, If I hardcode 'green' it works if I do var = green addClass(var) It works If I try to use a value from jquery json data like addClass(json.class) addClass and jquery die with no visible error in firebug If I do json.class.toString() it works, Prior to version 1.1.1 I never had to specify toString Any ideas? ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] addclass and json
Sidenote: If you do need to use class as an attribute / property name you could access it via: json['class'] Karl Rudd On 2/27/07, Richard Thomas [EMAIL PROTECTED] wrote: I am trying to pass a value to addClass, If I hardcode 'green' it works if I do var = green addClass(var) It works If I try to use a value from jquery json data like addClass(json.class) addClass and jquery die with no visible error in firebug If I do json.class.toString() it works, Prior to version 1.1.1 I never had to specify toString Any ideas? ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] jqueryplugins.com
I'd love to see this like the Firefox addons repository. On 2/26/07, Rey Bango [EMAIL PROTECTED] wrote: Matt, I don't want to diminish your excitement but we're already in the process of building a plugin repository to better manage the jQuery plugins. You may want to ping John Resig to discuss your ideas. Rey... Matt Oakes wrote: Coming soon: The ability to search through almost 100 jQuery plugins and find your perfect plugin. The current official plugins list leaves a lot to be desired. Looking down a long list a plugin names really doesn't help you find exactly what you're looking for. The answer is (almost) here: jQueryPlugins.com. This site will allow you to look through all jQuery plugins quickly and easily. We've not finished all the details yet but we'll be launching the site soon, and some screenshots even sooner. The address will be: http://www.jqueryplugins.com but at the minute there's nothing really. But we have some screenshots to be added soon a blog once I get around to it. Hopefully the site will work well. Me and a few people I've shown it to have found it to be great for finding the plugins you want, I just need to finish up a few little things. Matt ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- BrightLight Development, LLC. 954-775- (o) 954-600-2726 (c) [EMAIL PROTECTED] http://www.iambright.com ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- Joan Piedra || Frontend webdeveloper http://joanpiedra.com/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Progress Bar Plugin
Could you do a image preload demo? That would be interesting, some _real_ examples we could try and use in real app, and simple galleries, or other stuff. It works nice for me, except for the bug previously mentioned. Great work, keep the plugins coming! On 2/26/07, mrcarxpert [EMAIL PROTECTED] wrote: I notice it too when it's on my blog, but my standalone tester doesn't appear to do it. Anyone else notice any quirks? Josh agent2026 wrote: Same here in FF 2.0. Looks great though, nice work. Adam DavidIcreate wrote: When i tested the demo in FF1.5 on xp i noticed the content of the page jumped a bit down. it only happens when the page is loaded for the first time. -- David Duymelinck [EMAIL PROTECTED] ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- View this message in context: http://www.nabble.com/Progress-Bar-Plugin-tf3290844.html#a9172740 Sent from the JQuery mailing list archive at Nabble.com. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- Joan Piedra || Frontend webdeveloper http://joanpiedra.com/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] jqueryplugins.com
Maybe someone might want to turn to site development message in [web] list :-D On 2/27/07, Joan Piedra [EMAIL PROTECTED] wrote: I'd love to see this like the Firefox addons repository. On 2/26/07, Rey Bango [EMAIL PROTECTED] wrote: Matt, I don't want to diminish your excitement but we're already in the process of building a plugin repository to better manage the jQuery plugins. You may want to ping John Resig to discuss your ideas. Rey... Matt Oakes wrote: Coming soon: The ability to search through almost 100 jQuery plugins and find your perfect plugin. The current official plugins list leaves a lot to be desired. Looking down a long list a plugin names really doesn't help you find exactly what you're looking for. The answer is (almost) here: jQueryPlugins.com. This site will allow you to look through all jQuery plugins quickly and easily. We've not finished all the details yet but we'll be launching the site soon, and some screenshots even sooner. The address will be: http://www.jqueryplugins.com but at the minute there's nothing really. But we have some screenshots to be added soon a blog once I get around to it. Hopefully the site will work well. Me and a few people I've shown it to have found it to be great for finding the plugins you want, I just need to finish up a few little things. Matt ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- BrightLight Development, LLC. 954-775- (o) 954-600-2726 (c) [EMAIL PROTECTED] http://www.iambright.com ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- Joan Piedra || Frontend webdeveloper http://joanpiedra.com/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- yours, Gurpartap Singh ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] jqModal r7 release!
Thanks for the info, Ben. I think your application looks great, but is over my head right now. quite complicated! Good work! Hope it works out well for you. Rick From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Benjamin Sterling Sent: Saturday, February 24, 2007 5:13 PM To: jQuery Discussion. Subject: Re: [jQuery] jqModal r7 release! Rick, These are the plugins that I am using: jqForm jqDebug jqHightlightFade jqQuick (for dom) the flash plugin jqModal jqMinMax (only using it once tho) blockUI (will be getting switched out with a custom jqModal function) And the rest of the code is mine. This app is specific to a certain audience, so they need to have js and css on to run this site. I am using a ton of $.ajax, which in all accounts could be switched to $.load or $get, but i prefer $.ajax. Feel free to take a look at the code and let me know if you have any questions. -- Benjamin Sterling http://www.KenzoMedia.com http://www.KenzoHosting.com ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] TABS plugin: ajax tabs, $.triggerTab, and intercepting clicks ??
Brice Burgess schrieb: I've finally got around to using the tabs plugin am loving it! :) In due time, I of course came across a complexity that I'm having a hard time elegantly solving. 4 tabs are setup displaying forms to aid in a mailing composition; composition, template, message, and preview. The content of these tabs is pulled via an ajax request ({remote: true}). The content of each tab contains a continue button input type=submit ../, which submits the form, and if VALID, takes them to the next tab. e.g. composition - template, or message - preview. This is trivial -- I submit form using the Forms plugin, in the onSuccess callback decipher if the form was valid (server side validation) and use $.triggerTab to trigger the next tab. The complexity: In addition to the continue button, I would like the form to be submitted upon clicking another tab. Users are bound to fill in form data and click the next tab (w/o clicking continue) and expect the data to be there. I realize I can use an onClick event to submit the form -- however I can not stop the clicked tab from becoming active. I have tried returning false, etc. So; If a user clicks a tab, the content's form should be submitted, and IF VALID, activate the clicked tab. In an attempted workaround I tried disabling all tabs, and assigning custom events to trigger them (yes, somewhat redundant). This didn't seem to play well with {remote:true}.. I noticed $('#mailing').enableTab(1).triggerTab(1); does not work, for instance. Brice, I think something else went wrong there. On a simple test page that works fine for me: http://stilbuero.de/jquery/tabs/test.html Maybe you can show some more code here... I think the easiest/less ugly way to go about this is to intercept (cancel) the onClick event if it returns false. This way I could submit the form in the onClick and return false. When the form response comes back, I can then either trigger the tab, or alert the error message. Does this make any sense? I'm not overall sure. Would that be expected behavior? Implementation wouldn't be to difficult, so I could do that, but maybe we can work out a solution with the existing code... -- Klaus ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] jqueryplugins.com
Just some thoughts. I would really like information or discussion on the documentation/API side of things, as I am currently looking for the best way to document a jQuery API. This definitely needs to be better documented. There is already a very solid, consistent doc format for jQuery code. From some of the plugins I've looked at, it looks jsdoc-ish. Is it documented anywhere? Is the script to process the docs available somewhere? When I release my first plugin, I want it to conform to specs as much as possible. Thanks, Matt ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] ANNOUNCE: Thickbox Reloaded alpha
On 27/02/2007, at 1:05 AM, Klaus Hartl wrote: Hi jQuerians, I just committed what I would call Thickbox Reloaded alpha version. It may look the same pretty much, but is a complete rewrite. Here's what's new: I'm dumbstruck. Thanks Klaus and Jorn - you have made my day/week/ month. I find Thickbox so useful and it looks like Thickbox 3 takes it a huge step forward with unobtrusiveness, quality code, and best of all - all the best enhancements put together in one almighty 'box. It's truly One Box to Rule Them All again! I'll be tinkering with this! Joel Birch. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] jqModal r7 release!
Rick, don't kid yourself, it is over my head too :D. -- Benjamin Sterling http://www.KenzoMedia.com http://www.KenzoHosting.com ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] Tabs plugin / CSS problem
On this page I've setup a test for the tabs plugin which I want to use. http://waarneming.nl/h/default/test The layout is wrong in FF2 (tabs are too high and too far to the right) and in IE7 (everything looks messed up). The scripts and the CSS are inserted through php calls in a small framework. This works fine for thickbox and such, but I can't get tabs to work. I've been staring at it for a long time, so maybe I'm just missing the obvious (most probably the obvious mistake I made). If anyone would like to help me out, please take a look. Dylan ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] addclass and json
addClass(json.class) addClass and jquery die with no visible error in firebug I've found proper exception handling can help track down no visible error type bugs: try { // code here } catch(e) { alert(There was a problem with that code: + e); } But like Karl said, using class is probably the problem. Good luck with it. --Erik ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] Help with animate()
Hi, I'm trying to understand how the animate function works, but I'm not finding the documentation very helpful. As an example I would like to move one div to the right 100 pixels. I thought that the following code might do it but I get no movement whatsoever. $(#myDiv).animate({right: 100}, slow); Am I completely missing the point of the animate function? Can anybody please give me a nudge in the right direction? Regards, David ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Help with animate()
Make sure the element you're trying to move (the div in this case) has either position: relative or position: absolute. Karl Rudd On 2/27/07, David [EMAIL PROTECTED] wrote: Hi, I'm trying to understand how the animate function works, but I'm not finding the documentation very helpful. As an example I would like to move one div to the right 100 pixels. I thought that the following code might do it but I get no movement whatsoever. $(#myDiv).animate({right: 100}, slow); Am I completely missing the point of the animate function? Can anybody please give me a nudge in the right direction? Regards, David ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Tabs plugin / CSS problem
OK thanks, I thought the tabs CSS overrode the #main ul with it's .anchors definition -- I'll look into it, might have to tighten up the style sheets to make 'em play nice ... On 2/27/07, David [EMAIL PROTECTED] wrote: hi Dylan, As a quick test in Firefox2.0 I removed the '#main ul' and 'H3' styles from your css, and that got rid of the space between the tabs and the tab content. You may need to play with the margin values to get it to wrok the way you want. Regards, David Dylan Verheul wrote: On this page I've setup a test for the tabs plugin which I want to use. http://waarneming.nl/h/default/test The layout is wrong in FF2 (tabs are too high and too far to the right) and in IE7 (everything looks messed up). The scripts and the CSS are inserted through php calls in a small framework. This works fine for thickbox and such, but I can't get tabs to work. I've been staring at it for a long time, so maybe I'm just missing the obvious (most probably the obvious mistake I made). If anyone would like to help me out, please take a look. Dylan ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] Newbie Alert: Problem with Ajax
Hi, Please excuse my ignorance. I'm totally new to this. I'm trying to get some data from a PHP-script via AJAX. $(document).ready(function(){ $(a#'. $catid .').click(function(){ $(#ajaxloadimage).ajaxStart(function(){ $(this).show(); }); $.ajax({ type: POST, processData: true, dataType: html, url: getallfromcategory.php, data: uid='. $cat_result['uid'] .', success: function(txt){$(#show_'. $catid .').append(txt);} }); $(#ajaxloadimage).ajaxStop(function(){ $(this).hide(); }); $(#show_'. $catid .').ajaxSuccess(function(){ $(this).slideDown(slow); }); }); }); It works nicely in IE. When I try in FF it works kinda. When the PHP-Script only returns a small amount of data it's fine. But when larger amounts of data gets retreived FF just hangs indefinite. What am I doing wrong? Could someone please advice on what I should do? -- View this message in context: http://www.nabble.com/Newbie-Alert%3A-Problem-with-Ajax-tf3290902.html#a9153476 Sent from the JQuery mailing list archive at Nabble.com. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] Creating stylesheets in jQuery
This may be helpful to someone: I made a jQuery extension that lets you change the stylesheet styles, rather than the inline styles (which is what jQuery generally does). So you can do: $.style('p').css('color','green'); creates a stylesheet with a rule that sets the color of P elements, including any that are created in the future. That's different from $('p').css('color','green'); which changes the color of any existing P elements only. It also takes an options object that can specify the media of the stylesheet, so: $.style('div', {media: 'print'}).css('background', 'none'); sets the background only for printing. Some notes: --The selector can only be something that your browser understands; no XPath or CSS3 or other fancy jQuery stuff. --The returned object is not a real jQuery object but an array of CSS rules; most of the jQuery functions will give errors. The only useful function that works is .css(), and that only to set the style; $.style('p').css('color') gives an error. There ought to be a way to get the style, but I haven't found it yet. --For large numbers of elements, it ought to be faster to change the stylesheet than to change the style of each element, but I haven't tested that yet. The code: $.style = function(selector, options){ options = $.extend ({type: 'text/css', media: 'all'}, options); var style = $(document.createElement('style')).attr(options).appendTo('head')[0]; if (style.styleSheet){ // IE var sheet = style.styleSheet; sheet.addRule(selector, null); return $(sheet.rules[0]); }else if (style.sheet){ // Firefox sheet = style.sheet; sheet.insertRule(selector+' {}',0); return $(sheet.cssRules[0]); } }; This creates a new stylesheet (really a STYLE element) each time it's called. A fancier version that caches the stylesheets is: $.style = function (selector, options){ options = $.extend ({type: 'text/css', media: 'all'}, options); var sheet = $.style.sheets[options.media]; if (!sheet){ var style = $(document.createElement('style')).attr(options).appendTo('head')[0]; if (style.styleSheet){ // IE $.style.sheets[options.media] = sheet = style.styleSheet; }else if (style.sheet){ // Firefox $.style.sheets[options.media] = sheet = style.sheet; sheet.rules = []; // lets us use the same rules array } } if (sheet.rules [selector]) return $(sheet.rules [selector]); if (sheet.cssRules){ // Firefox sheet.insertRule(selector+' {}',sheet.cssRules.length); return $(sheet.rules[selector] = sheet.cssRules[sheet.cssRules.length-1]); }else{ // IE sheet.addRule(selector, null); return $(sheet.rules[selector] = sheet.rules[sheet.rules.length-1]); } }; $.style.sheets = []; Enjoy! Danny Wachsstock -- View this message in context: http://www.nabble.com/Creating-stylesheets-in-jQuery-tf3298905.html#a9176651 Sent from the JQuery mailing list archive at Nabble.com. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Tabs plugin / CSS problem
you may want to start with giving the page a proper doctype. than you want to nullify the default margin and padding that an unordered list has... Further more, as I read your 'problem' you assume that is correct in other browsers? Which one, surely not IE 6. When developing, start with firefox, safari or other decent browsers and then work your way down to the various IE versions. Preferably with conditional comments... When I added a doctype to your page: ?xml version=1.0 encoding=utf-8? !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; and the following css for you tabs it looks okay in ff 2 #container-1 ul.anchors { margin: 0; padding: 0; } to get the content to connect, I added: .fragment { margin-top: -10px; } Please take a look at the specs at w3c and good luck! On Feb 27, 2007, at 6:35 AM, Dylan Verheul wrote: On this page I've setup a test for the tabs plugin which I want to use. http://waarneming.nl/h/default/test The layout is wrong in FF2 (tabs are too high and too far to the right) and in IE7 (everything looks messed up). The scripts and the CSS are inserted through php calls in a small framework. This works fine for thickbox and such, but I can't get tabs to work. I've been staring at it for a long time, so maybe I'm just missing the obvious (most probably the obvious mistake I made). If anyone would like to help me out, please take a look. Dylan ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ cheers Wilfred Nas user interface specialist e [EMAIL PROTECTED] w www.wnas.nl ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Tabs plugin / CSS problem
Wilfred Nas schrieb: you may want to start with giving the page a proper doctype. than you want to nullify the default margin and padding that an unordered list has... Further more, as I read your 'problem' you assume that is correct in other browsers? Which one, surely not IE 6. When developing, start with firefox, safari or other decent browsers and then work your way down to the various IE versions. Preferably with conditional comments... When I added a doctype to your page: ?xml version=1.0 encoding=utf-8? !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd; Do not use an XML declaration if you are serving as text/html. It's wrong. It's simply HTML, not XML. Mime type matters, Doctypes don't. Besides using this declaration puts IE in Quirks mode again, thus you don't win anything and it's actually the same as having no Doctype at all. -- Klaus ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/