[jQuery] Re: Feature suggestion: animating through stylesheets
Simple fix: provide a CSS file with the plugin which the author can integrate themselves. Then selectors can be made as specific as needed, and it would enable lots of CSS-savy designers with little Javascript skills to customize the effects. -- Jeroen Coumans On Jul 5, 9:56 pm, Scott Sauyet [EMAIL PROTECTED] wrote: I don't want to discourage you from trying, but I think it's more complicated than this. Specificity has to do with the number of id's, the number of classes (and pseudo-classes), and the number of elements in the selector. For instance,
[jQuery] Re: tableSorter - sorting
Hi Phil, In the 1.x release there is a option called disableHeader Here is a example: // disable one header from being sorted disableHeader: 0 //disable more then one disableHeader: [0,5,8] /christian 2007/7/5, Phil Glatz [EMAIL PROTECTED]: Christian Bach wrote: And to leak a new feature: it will contain multiple column sorting. One more suggestion, if it isn't in there already: the ability to exclude some columns as sortable. The column wouldn't display the sorting class in the header, and clicking on it would have no effect. Maybe a list (array) of column names to use as sortable, or excluded from sorting. -- POLYESTER* Wittstocksgatan 2 115 24 Stockholm Phone: 08-660 73 50 / +46-8-660 73 50 Mobile: 070-443 91 90 / +46-70-443 91 90 E-mail: [EMAIL PROTECTED] http://www.polyester.se
[jQuery] Re: Preview: Brand new tablesorter 2.0, multi-column sorting and more
Paging, will have to be a upcoming feature, i will provide a new filter system that will allow developers to write small functions that will be applied after a sorting has finished. I will include a zebra table filter as default, of course these can be extended to allow paging etc. /christian 2007/7/6, MichaL Sanger [EMAIL PROTECTED]: I have same wish, paging is a must! =) MichaL 2007/7/6, Michael Stuhr [EMAIL PROTECTED]: Christian Bach schrieb: Hi, I put together a demo/preview for the upcoming release tablesorter 2.0 release. The main features of the upcoming release will be: - Multi-column sorting - Robust support for adding new data to the table, provided with the new update method - Support for custom filter (thinks zebra tables etc) and support for writing your own in the same manner as parsers. However the upcoming release will NOT be back words compatible, as a have chosen to rewrite it from the ground up, it will however be a smaller filesize than the old release. Feedback and bug reports, is as always appreciated. The demo/preview is located here: http://lovepeacenukes.com/tablesorter/2.0/tests/demo.html great news! one question: is paging supported ? micha -- POLYESTER* Wittstocksgatan 2 115 24 Stockholm Phone: 08-660 73 50 / +46-8-660 73 50 Mobile: 070-443 91 90 / +46-70-443 91 90 E-mail: [EMAIL PROTECTED] http://www.polyester.se
[jQuery] Re: Preview: Brand new tablesorter 2.0, multi-column sorting and more
Great point Stefan! Will be adding it shortly. /christian 2007/7/6, Stefan Petre [EMAIL PROTECTED]: May I suggest something? When you sort: first click sort ascending , second click sort descending ; third click clear sorting. 2007/7/6, tlob [EMAIL PROTECTED]: an ajax mysql connection for editing datas inside the table and I owe you BIG time! ;-) GREAT WORK!! On 6 Jul., 13:34, Christian Bach [EMAIL PROTECTED] wrote: 2007/7/6, Kia Niskavaara [EMAIL PROTECTED]: Multi-colum sorting is great news. Good work!! Reverse multisorting on one column and normal sorting on another column doesn't seem to be working (yet) Is it possible to add a custom sorter that sort using the initial order? Custom sorter will be supported in the same way as the old version did. I just updated the demo so the reversing on column won't revers all the selected columns and an options to append 500 rows of random data (for speed testing). http://lovepeacenukes.com/tablesorter/2.0/tests/demo2.html /christian -- POLYESTER* Wittstocksgatan 2 115 24 Stockholm Phone: 08-660 73 50 / +46-8-660 73 50 Mobile: 070-443 91 90 / +46-70-443 91 90 E-mail: [EMAIL PROTECTED] http://www.polyester.se
[jQuery] Re: Preview: Brand new tablesorter 2.0, multi-column sorting and more
Hi Andy, I will provide methods for clearing and resorting the table in the same way the update method works. Here is a example: $(table).tablesorter(); // new data has been appended to the table $(table).tablesorterUpdate(); // clear sorting $(table).tablesorterClearSorting(); /christian 2007/7/6, Andy Matthews [EMAIL PROTECTED]: Or better yet a clear sort button. That would be a bit more useful I think. -- *From:* jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] *On Behalf Of *Stefan Petre *Sent:* Friday, July 06, 2007 6:58 AM *To:* jquery-en@googlegroups.com *Subject:* [jQuery] Re: Preview: Brand new tablesorter 2.0, multi-column sorting and more May I suggest something? When you sort: first click sort ascending , second click sort descending ; third click clear sorting. 2007/7/6, tlob [EMAIL PROTECTED]: an ajax mysql connection for editing datas inside the table and I owe you BIG time! ;-) GREAT WORK!! On 6 Jul., 13:34, Christian Bach [EMAIL PROTECTED] wrote: 2007/7/6, Kia Niskavaara [EMAIL PROTECTED]: Multi-colum sorting is great news. Good work!! Reverse multisorting on one column and normal sorting on another column doesn't seem to be working (yet) Is it possible to add a custom sorter that sort using the initial order? Custom sorter will be supported in the same way as the old version did. I just updated the demo so the reversing on column won't revers all the selected columns and an options to append 500 rows of random data (for speed testing). http://lovepeacenukes.com/tablesorter/2.0/tests/demo2.html /christian -- POLYESTER* Wittstocksgatan 2 115 24 Stockholm Phone: 08-660 73 50 / +46-8-660 73 50 Mobile: 070-443 91 90 / +46-70-443 91 90 E-mail: [EMAIL PROTECTED] http://www.polyester.se
[jQuery] Re: Using AutoCompleter, how do you pass parameters
Thanks. Can I get that customer number from the hidden field, though? I'll try $('#CustNo').val() but if that doesn't work, I'd be at a loss . . .
[jQuery] Re: Convert XMLDocument to text
Heh, hours of searching, and the minute after you post your question you find the answer... :) var x = (new XMLSerializer()).serializeToString(xmlobject); On Jul 7, 11:26 am, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: I have received an XMLDocument object through an Ajax call and has subsequently changed some of the nodes in the object. I now want to convert it to a plain text string so I can pass it on as a parameter. Is there any way in jQuery to do this?
[jQuery] Re: load function then slide
Try looking at this, maybe it will be useful: http://www.nabble.com/jQuery-1.1.3-and-easing-plugin-t4012212s15494.html On Jul 6, 1:17 pm, jsteidl [EMAIL PROTECTED] wrote: This has worked in the past, but now I am trying with the new version of jquery and the easing plugin. I want my html to load into a div, then slideDown with easing. Everything loads fine for me...but no slide effect. Any help would be fantastic. script type=text/javascript $(document).ready(function() { $(#tools a).click(function(){ $(#toolsLoader).load(this.href,function(){ $(this).slideDown({duration: 1000, easing: easeout}); }); return false; });}); /script
[jQuery] Re: Creating a button like this, using jquery?
I'm not sure what you're asking...The most obvious button on Jyte is the Green/Red thumbs up/thumbs down button, which changes when the user hovers his mouse over it. So if you're asking how do you make the color change from grey to green or grey to red, you could use hover and addclass: $(div.mybutton span) .hover( function(){$(this).addClass(activated)} , function(){$(this).addClass(greyed)} ) If that's sort of what you want, then look over this: http://www.learningjquery.com/2007/02/quick-tip-set-hover-class-for-anything You may also want to look at hoverIntent, which has a timer function. That allows the user to travel over an element without triggering it. Hover triggers immediately when the mouse goes over it. Does this help? On Jul 6, 5:55 pm, inVINCable [EMAIL PROTECTED] wrote: Sorry guys, but I cannot get my head around this one. I am trying to create a vote button that looks like the ones here, jyte.com I already have ALL of the backend logic programmed. I even already have everything working, the problem is, I am using CSS to display the buttons. This does not allow me to resize the button on a MOUSEOVER state like I was told javascript was able to do. I know there is a mouseover function in jquery, but I am confused about what I should do, display an image or what? And how to go about doing that. Here is what my javascript looks like atm, using css. $(document).ready(function(){ $(div.mybutton span).html($currentvote); $(div.disagree span).html($disagree); $(.mybutton span).click(function(){ $(div.mybutton span).load(/stories/vote/ + $idof); }); $('.disagree span').click(function(){ $(div.disagree span).load(/stories/disagree/ + $idof) }); }); Maybe someone knows a way to do what I want, I'm really quite lost here so any advice would be GREATLY appreciated. Thank you.
[jQuery] Re: Some fun with jQuery
@Marshall - To create the video: ishowu, then I converted it to an flv using ffmpegx (though I've never worked out how to get sound in the conversion). On Jul 6, 6:40 pm, Marshall Salinger [EMAIL PROTECTED] wrote: This is very cool! Slightly off-topic... what did you use to create the demo video on your site? -Marshall Remy Sharp wrote: Since it's Friday - here's something I made for fun with jQuery: Have you ever looked at a picture on the Internet, say on Flickr or Facebook, and thought it would look great with a speech bubble with your own commentary? I wrote a jQuery based bookmarklet that allows you add speech bubbles to any page on the web, and share it with friends via the 'copy' link. http://leftlogic.com/lounge/articles/speech-bubbles/ Here's an example: http://tinyurl.com/2cqgd5 Let me know what you think, Remy.
[jQuery] [JCarousel] Auto Scrolling
Hi all, I want to auto-scroll images using JCarousel horizontally. I can notice it scrolls automatically from right to left, but when it reaches the end it doesn't go from left to right. I can notice in the code it is supposed to do so, has anyone a fix for this ? Thank u for any help.
[jQuery] Re: Incompatibility between jqem.js and jQuery 1.1.3
On 4 juil, 21:02, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: Hi all, Since installing jQuery 1.1.3, a major memory problem has arisen in which 99% of the cpu is used. I did lots of tests and tracked it down tohttp://davecardwell.co.uk/javascript/jquery/plugins/jquery-em/0.2/ With FireBug, I tracked the problem further and it it the .width() that is performed every 100 millisecond that is responsible of the problem. You can see it on http://www.pyrat.net/ With FireBug, look at the body tag and you will notice that there is a style that is added to it : body style=position: static; then body style=position: relative; And so on. Regards.
[jQuery] Re: Toggle div and change class
So many thanks Mike, you've helped me a lot. My background is pure CSS so the onload stuff confused me somewhat. Thanks again Steve On Jul 7, 1:10 am, Michael Geary [EMAIL PROTECTED] wrote: You're not the first person who has gotten tripped up on this point. Because jQuery uses CSS-like selectors, it's easy to assume that they work like they do in CSS stylesheets. But there is a key difference. When you use a CSS selector in a stylesheet, that selector applies to all matching elements, regardless of when or how the elements are made to match. For example, if you have this style: .hideme { display: none; } Then any element with the hideme class will be hidden, even if you add that class to an element dynamically. The element will be hidden at the time you add the class. But when you use a selector in jQuery, it matches only those elements that satisfy the selector *at the time you execute the code*. The selector isn't saved away to be magically applied to elements that may later match. So, in your ready function, when you use $(.sidebarContent h3.headerHidden), that matches only the elements that have the headerHidden class at page load time, not any elements that may later have that class added. One easy way to fix your code would be something along these lines: $(document).ready(function(){ $(.sidebarContent h3).click(function(){ var $this = $(this); if( $this.is('.headerShown') ) { $this.next().slideUp(slow); $this.removeClass('headerShown'); $this.addClass('headerHidden'); } else { $this.next().slideDown(slow); $this.removeClass('headerHidden'); $this.addClass('headerShown'); } return false; }); }); -Mike From: SteelSoftware I'm trying to show/hide sections of my site using jQuery, but also changing the class of the element I'm targeting when the slide is toggled. This is the HTML div class=sidebarContent h3 class=headerShownTop Scorer/h3 div class=content The club's top scorer is: ul lia href=xxxUrn /a - 18/li /ul /div /div The jQuery I'm using is: $(document).ready(function(){ $(.sidebarContent h3.headerShown).click(function(){ $(this).next().slideUp(slow); $(this).removeClass('headerShown'); $(this).addClass('headerHidden'); return false; }); $(.sidebarContent h3.headerHidden).click(function(){ $(this).next().slideDown(slow); $(this).removeClass('headerHidden'); $(this).addClass('headerShown'); return false; }); }); Basically, when it's hidden, the class changes, making the background image on the h3 element change. My problem is that although the jQuery script says it's changing the class to 'headerHidden', it won't slide down because it's going on the original DOM, not the current one. I'm sure the answer is to have some sort of conditional statement in it, but since very few jQuery statements return a boolean, I'm not sure how to.
[jQuery] Re: jquery.forms incorrect object usage in fileupload() with IE
Hi lordb, Does your form have an input element with the name action? That could be a problem. I'll see if I can find a generic solution for this situation. Other input names that will likely cause the file upload code to bork are target and method, and of course there is a long list of element names that are wise to avoid: http://groups.google.com/group/jquery-dev/browse_thread/thread/7cc518e4b7a6978e/dc941c551ba27123#dc941c551ba27123 Mike On 7/6/07, lordb [EMAIL PROTECTED] wrote: Error correction for jquery.forms plugin (http://www.malsup.com/jquery/form/) Error oberved when send a form containing file field with Internet Explorer 7 A possible solution to solve it : form.action is an object under IE7 so an error occured when the script try to replace it by an url i replaced form.action by form.action.href and that work ^^ form.action.href = opts.url; -- View this message in context: http://www.nabble.com/jquery.forms-incorrect-object-usage-in-fileupload%28%29-with-IE-tf4030286s15494.html#a11448178 Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Re: jquery.forms incorrect object usage in fileupload() with IE
My form is simplest as possible just the form tag which contain an hidden field form the max file size and the file fild with name=fichier With the modification proposed the fileupload seems to work, so I has send it here to help other people with the same problem. I tried to execute original jquery.forms code with different security level in IE7 and with medium or low level I have no more error ... but for a working code in all case my modification seem to be good. form.action.href seem to be better than form.action Hope this can help people (sorry for my poor english) malsup wrote: Hi lordb, Does your form have an input element with the name action? That could be a problem. I'll see if I can find a generic solution for this situation. Other input names that will likely cause the file upload code to bork are target and method, and of course there is a long list of element names that are wise to avoid: http://groups.google.com/group/jquery-dev/browse_thread/thread/7cc518e4b7a6978e/dc941c551ba27123#dc941c551ba27123 Mike On 7/6/07, lordb [EMAIL PROTECTED] wrote: Error correction for jquery.forms plugin (http://www.malsup.com/jquery/form/) Error oberved when send a form containing file field with Internet Explorer 7 A possible solution to solve it : form.action is an object under IE7 so an error occured when the script try to replace it by an url i replaced form.action by form.action.href and that work ^^ form.action.href = opts.url; -- View this message in context: http://www.nabble.com/jquery.forms-incorrect-object-usage-in-fileupload%28%29-with-IE-tf4030286s15494.html#a11448178 Sent from the JQuery mailing list archive at Nabble.com. -- View this message in context: http://www.nabble.com/jquery.forms-incorrect-object-usage-in-fileupload%28%29-with-IE-tf4030286s15494.html#a11481151 Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Re: jquery.forms incorrect object usage in fileupload() with IE
Thanks for that info, lordb. I just checked in an update which I think will fix the problem: http://jqueryjs.googlecode.com/svn/trunk/plugins/form/jquery.form.js When you get a chance, let me know if it works for you. Mike My form is simplest as possible just the form tag which contain an hidden field form the max file size and the file fild with name=fichier With the modification proposed the fileupload seems to work, so I has send it here to help other people with the same problem. I tried to execute original jquery.forms code with different security level in IE7 and with medium or low level I have no more error ... but for a working code in all case my modification seem to be good.
[jQuery] jquery-1.1.3.1 with interface slider trouble
Hi all, When i try jquery-1.1.3.1.pack.js with interface slider last pack on IE6, i get a usual Object doesn't support this property or method on the $('.sliderPrice').Slider( line, even if i set no options. Works fine on ffx. $('.sliderPrice').Slider( { accept : '.indicator' } ); Anybody has any idea what i should try? Regards, Phil
[jQuery] Re: How to define var to ajax in onClick?
Can you describe this scenario a little more? It may not be quite clear what you're trying to achieve. Cheers, Georgr im loading my pages through ajax and id like to have one script for all pages by adding: var page = './page.html' to onClick=javascript:name(); Is that possible? How to do that?
[jQuery] Drag- Droppables using Interface
I just found this group yesterday, and I've already found a lot of good advice from reading old posts. But I couldn't find a solution to some weird behaviour I'm having. I am using jquery together with Interface to play around a bit with dragdrop + ajax. So a basic test was to move an element between two lists. The code I've come up with looks like this: $(document).ready(function(){ $('body').mouseover(function(event){ if ($(event.target).is('li')){ $(event.target).Draggable({revert: true, fx: 300, ghosting: true, opacity: 0.4}); } }); $('.group, #charter').Droppable( { accept :'character', activeclass:'activeGroup', hoverclass: 'hoverGroup', tolerance: 'pointer', onDrop: addCharToGroup } ); }); var addCharToGroup = function(dragged) { var groupID = $(this).attr('id'); var charName = $(dragged).html(); $('#' + groupID + ' ul').append('li class=character' + charName + '/li'); $(dragged).remove(); } I'm not sure if binding the mouseover event to add .Draggable to new list items is a ghetto solution, but it seems to be working fine. My problem is that every now and then, the item I move will duplicate itself. Is there any other way I should be removing the original item after moving it? / Fredrik
[jQuery] Re: jquery-1.1.3.1 with interface slider trouble
interface isnt supported under 1.1.3 On Jul 7, 10:22 pm, philguillard [EMAIL PROTECTED] wrote: Hi all, When i try jquery-1.1.3.1.pack.js with interface slider last pack on IE6, i get a usual Object doesn't support this property or method on the $('.sliderPrice').Slider( line, even if i set no options. Works fine on ffx. $('.sliderPrice').Slider( { accept : '.indicator'} ); Anybody has any idea what i should try? Regards, Phil
[jQuery] Flash External Interface call and jQuery - page reloads?
I am on my first week using jQuery and have a question regarding rewriting a standard function that gets called from Flash using External Interface: The html page has a div id=flashheader at top that is resized from a parameter (sent from flash) the function is pretty standard: function animateFlashDiv(param) { var targetHeight = Number(param); $('#flashheader').animate({height:targetHeight}, {duration: 1000, easing: easeinout}); } The resizing works, However, the call is interpreted as a page reload so the flash file 'reanimates' - goes to frame 1 and plays over again. Might there be another way to phrase or register this function to jQuery that the paramater is passed by the flash file - but the page reload is not interpreted Here is the flash code as well: function callInterface(param){ ExternalInterface.call(animateFlashDiv,param); } pointers appreciated - quite perplexing atm cheers
[jQuery] Re: tutorial needs additional material
The use of the this keyword is always a bit tricky to wrap your head around, but these two posts helped me to understand things at a fundamental level: this in general javascript : http://www.quirksmode.org/js/this.html and a bit more jQuery specific: http://groups.google.com/group/jquery-en/browse_thread/thread/d670a83c308961d3/92e29565dff28d32 Somebody might be inclined to write this up for the tutorial part too. Regards Angelo On Jul 6, 5:22 pm, Josh Nathanson [EMAIL PROTECTED] wrote: If each of your target td's has a class clicktd... $(.clicktd).click(function() { $(this).siblings(td:eq(1)).children(div.class).show(); }); Something close to that should work...someone will jump in and correct me I'm sure! Basically on an event such as click, $(this) will point to whatever was clicked, so that's the starting point for any DOM traversal that follows. -- Josh - Original Message - From: Rick Pasotto [EMAIL PROTECTED] To: jquery jquery-en@googlegroups.com Sent: Friday, July 06, 2007 3:35 PM Subject: [jQuery] tutorial needs additional material In the main tutorialhttp://docs.jquery.com/How_jQuery_Worksthe third section is 3. Callbacks, Functions, and 'this' however there is no discussion or even a mention of 'this'. Could someone who understands it help this newbie out? The specific thing I'm trying to figure out is, given a lists of trs how can I attach a click() to the first td of each tr that does a show() on a div.class in the third td of that tr? -- I'll take unequal justice to equal injustice any day. Rick Pasotto[EMAIL PROTECTED]http://www.niof.net
[jQuery] Re: Drag- Droppables using Interface
Fredrik, Welcome to the list! Not sure what you mean by qhetto solution, but your way seems fine. Is there a live version I can look at? No exactly sure what you are doing with $('body').mouseover and then what $(this) is reffering to. But, doing something like (untested): $(dragged).clone().remove().appendTo('#' + groupID + ' ul').wrap('li class=character/li'); The above should: clone dragged, remove drapped, append cloned to 'groupID' and wrap cloned in the li item. Let me know if that worked and if you can show me a live version. -- Benjamin Sterling http://www.KenzoMedia.com http://www.KenzoHosting.com On 7/7/07, Fredrik Karlsson [EMAIL PROTECTED] wrote: I just found this group yesterday, and I've already found a lot of good advice from reading old posts. But I couldn't find a solution to some weird behaviour I'm having. I am using jquery together with Interface to play around a bit with dragdrop + ajax. So a basic test was to move an element between two lists. The code I've come up with looks like this: $(document).ready(function(){ $('body').mouseover(function(event){ if ($(event.target).is('li')){ $(event.target).Draggable({revert: true, fx: 300, ghosting: true, opacity: 0.4}); } }); $('.group, #charter').Droppable( { accept :'character', activeclass:'activeGroup', hoverclass: 'hoverGroup', tolerance: 'pointer', onDrop: addCharToGroup } ); }); var addCharToGroup = function(dragged) { var groupID = $(this).attr('id'); var charName = $(dragged).html(); $('#' + groupID + ' ul').append('li class=character' + charName + '/li'); $(dragged).remove(); } I'm not sure if binding the mouseover event to add .Draggable to new list items is a ghetto solution, but it seems to be working fine. My problem is that every now and then, the item I move will duplicate itself. Is there any other way I should be removing the original item after moving it? / Fredrik -- Benjamin Sterling http://www.KenzoMedia.com http://www.KenzoHosting.com
[jQuery] Re: jquery-1.1.3.1 with interface slider trouble
Phil, As Terry said, Interface is not supporting 1.1.3+, if there are no real need to use 1.1.3+, then I would suggest sticking with 1.1.2, if you need a copy, let me know. FYI, there will be a new FX library coming on line sometime in the near future, just not sure when. -- Benjamin Sterling http://www.KenzoMedia.com http://www.KenzoHosting.com On 7/7/07, Terry B [EMAIL PROTECTED] wrote: interface isnt supported under 1.1.3 On Jul 7, 10:22 pm, philguillard [EMAIL PROTECTED] wrote: Hi all, When i try jquery-1.1.3.1.pack.js with interface slider last pack on IE6, i get a usual Object doesn't support this property or method on the $('.sliderPrice').Slider( line, even if i set no options. Works fine on ffx. $('.sliderPrice').Slider( { accept : '.indicator'} ); Anybody has any idea what i should try? Regards, Phil -- Benjamin Sterling http://www.KenzoMedia.com http://www.KenzoHosting.com
[jQuery] Re: [JCarousel] Auto Scrolling
Hi, On 7 Jul., 16:42, Thomas Thomas [EMAIL PROTECTED] wrote: Hi all, I want to auto-scroll images using JCarousel horizontally. I can notice it scrolls automatically from right to left, but when it reaches the end it doesn't go from left to right. I can notice in the code it is supposed to do so, has anyone a fix for this ? Thank u for any help. check the configuration option wrap. http://sorgalla.com/projects/jcarousel/#Configuration Jan