[jQuery] [validate] success:
just wondering if I'm using an errorContainer and an errorLabelContainer how can I make an image appear next to each valid input box? this is what I have var container = $('div.errors'); // validate the form when it is submitted var validator = $("#newclient").validate({ errorContainer: container, errorLabelContainer: $("ol", container), wrapper: 'li', meta: "validate", submitHandler: function(form) { $("#add-form").fadeOut("slow",function()
[jQuery] help with button that hides some <tr> elements in a table
Hi, I want to make some groups of <tr> tags collapsable, and the button should be in another <tr> which of course doesn't have to collapse. To explain it better heres and example code: <table> <tr> <td class="catdiv"><a href="#">Hide/Show</a></td> </tr> <tr> <td>Stuff</td> </tr> <tr> <td>Stuff</td> </tr> <tr> <td class="catdiv"><a href="#">Hide/Show</a></td> </tr> <tr> <td>Stuff</td> </tr> <tr> <td>Stuff</td>
[jQuery] Jquery Tabs + Minimal CSS Requirements
Hi I'm looking for a nicely degradable, compliant tab solution for a site I'm working on. I've heard a lot about jquery, and have viewed the demos - one of which is a nice tab widget... so I thought I'd hit gold. I'm a little confused though. I tried to play around with the example code (which makes use of the 'JQuery UI Tabs 3' feature), but I couldn't get the tabs to work at all. I was pretty stumped for quite a while - because no matter which way I included jquery + core ui + tabs ui files, I
[jQuery] Tablesorter column order - how to sort on a column id
Hi there, I am using Christian's tablesorter plugin for a large table, and this table has a varying number of columns displayed based on a user's cookie settings. Sometimes a user wants to see 20 columns, sometimes only 4 - it depends on what they are interested in monitoring. All these columns have a unique id, so they can be addressed individually. However, my problem is that in the tablesorter code the sortList method is based on integers representing the columns (which I know makes sense). Because
[jQuery] Ajax help
Hi.... I really have no clue how to get this done.... I have a form with a few textboxes and a select box as well.... I want to have the form fill itself if you happen to select one of the options of the select box.... the data is at a mysql database.... I know this is probably fairly complicated so you dont need to explain it step by step, I would just appreciate a link to an example of this being done.... thanks in advance Just in case you want more backgorund info.... I have name, last name, ID,
[jQuery] [validate] Validation Rules based on IDs rather than Names
Hi Joern, I have come across an interesting problem regarding your jQuery Validation script that I am sure you already have a solution to, but I can't find it! I need the validation rules to look at the form input IDs rather than the form input names. I have a form that iterates 10 times (when you click next), so the the names of the inputs increment by 1 each time, whilst the IDs stay the same. (This is not my doing, so I have to live with the naming convention!) For example: Form1 has input names
[jQuery] How to match this or that?
I have some code like this: $("input[type='text'][name='start_time']").datepicker(); $("input[type='text'][name='stop_time']").datepicker(); In other words, I'm adding a datepicker to both the start_time text box and the stop_time text box. Is there a way to provide two selectors and match both at once? I need to use the names because there are a lot of other text fields I don't want to alter. I know I can add a class to them both and then select that class, but I don't want to.
[jQuery] the thickbox thing
i want to made a sick box myself, because i dont want to load pictures, i want to load html code or php. know my question is: how do i manage a click outside my popup, so i can close it / hide it again. like in every lightbox thing. my code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http:// www.w3.org/TR/html4/loose.dtd"> <head> <meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1"/
[jQuery] select change() event
<html><head><style type='text/css'>p { margin: 0; }</style></head><body><div style='font-family: Arial; font-size: 12pt; color: #000000'>right now I have the following, the current code works fine until there are multiple .parent-jqueryColor objects. Basically what I need to solve this is a way to get the selected option of the $(this). $(".parent-jqueryColor").change( function() { var opt = ($".parent-jqueryColor option:selected"); id = "#" + $part + "-colorSwatch"; if
[jQuery] UI/Tabs multiple CSS unselected tab
Is it possible to be able to specify different CSS for the unselected tabs? By this I mean that in the interface I'm creating, we're having a number of tabs with default settings that the user can override. If the user overrides the default settings, I'd like to change the color of that tab so they can see where they have made modifications quickly. This could easily be done (from my perspective) by adding an additional CSS class for that tab. I'm just not sure how to go about making it actually
[jQuery] Jquery Modal and wysiwyg
Hi i am facing a problem in one of my forms. I want rich text box editor in the nyromodal which is one of the jquery plugin. But for some reason i am not been able to use any kind of rich text box editor (or wysiwyg ) plugins of jquery in any of modal box (like nyromodal, bolockUI) .. Anyone who has experienced the same issue and have solution please help.
[jQuery] Superfish background pop issue IE
Hi, Im working on making a menu with superfish and got it working fine except for one thing: In IE the background image pop's in after the fade. It seems to work fine in FF. I've read that it might be an issue with width's and paddings and tried it by removing them all bot I dont seem to get it to work. You can see the example at: http://www.particulieropdrachtgeverschap.nl/pog08/javascript/menu.html I could just remove the shadow but like it better with it working... Any suggestions are welcome...
[jQuery] adding functions to objects
Hi Im new JQuery user and I have one question: How can I add methods to object via JQuery ? I found way to manage attributes: http://docs.jquery.com/Attributes/attr#keyvalue And Im looking for something simillar for functions. Regards Daniel
[jQuery] URL instead of hash
<div dir="ltr">Hi all, I'm pretty new to jQuery but I'm really loving it so far! I'm currently having a login form appear when a link is clicked, and that link has the address set to the hash symbol "#". $('#sign-in-link').click( function () { $('#sign-in-panel').fadeIn(); }); I was wondering if I could set the link as a real URL (incase the user doesn't have JS enabled), to "/login" perhaps, but instead of the user being taken to that page, the JS kicks in and does the animation
[jQuery] superfish menu 100% borked in IE7
I'm working on a menu using superfish and have got it looking good in FF and Opera, however when I look at it in IE7, it's completely borked and I don't know why. Also the logo on the left doesn't display in IE7 and I also don't know why. The only thing in the source code is the ul list and links to the CSS & JS files You can see the page here: http://www.createsean.com/dev/ Thank you for your assistance.
unordered list but not first
Hi I want to change the css on single items in a list on hover apart from the first. I try and do it with this code: $(this).not(".mylist li:first").css("background", "#EEFF03"); it just doesn't work so i guess i'm doing it wrong, I can get it work if i put a class on the first element and then do it like this: $(this).not(".firstli").css("background", "#EEFF03"); but i don't want to put classes on them. Does anybody know of how to get that working? Thanks,
[jQuery] :hover script bug in IE6
Hi I have this list that displays a border on hover. I works fine in FF and IE7 but in IE6 it pushes the other blocks out when hover. You can see an example here http://racingmedia.dk/test.html What is wrong?
[jQuery] $(document).ready(function()) versus $(function())
Hi, another beginner question (who probably is missing some crucial point): I do not understand the difference between $ (document).ready(function()) and $(function()). Consider the following code (linked to the jQuery lib): <html> <head> <script type="text/javascript"> $(function(){ alert('anonymous function here') }); $(document).ready(function(){ alert('document ready here') }); </script> </head> <body> ... <div class="vb" id="demo"></div> <script type="text/javascript">alert('end doc
[jQuery] Adding a specific <td> within JQGrid.
Im a real beginner at Javascript Im trying to create a dynamic add up of one specfic <td> within a table created with the JQGrid plugin. The row class is jqgrow and I want the 4th td in each row and just a running total of that cell. I found some code online along these lines, that doesnt seem to work, especially in terms of selecting the correct cell. $('span#pd').remove(); var i = 0 $(".jqgrow td:eq(3)").each( function () {; i = i + parseFloat( $(this).text()
[jQuery] firefox 3 RC1 : tremendous slow down
hi friends, i just checked my jquery application using Firefox 3 Release Candidate 1 and whatever animations that are smooth and fluid in FF2 are staggering in FF3 RC1. Does anybody have the same issue, or knows why? the test is here: <a href="http://m2">http://m2</a> .<a href="http://lab-au.com/">lab-au.com/</a> (choose 'projects'). thanks for your feedback, Alexandre<br clear="all"> -- Alexandre Plennevaux LAb[au] <a href="http://www.lab-au.com">http://www.lab-au.com</a>
[jQuery] JQuery - different approaches for writting plugins
Hi Im trying to write my first JQuery plugin and I have serious problem with deciding which approach to choose. I want to write plugin which enhances tables with keyborad navigation (changing, adding, deleting row). I have few approaches of doing this and I dont know which one should I choose, and which is best supported by JQuery ? The problem is that I have to add behaviour (changing active row, deleting row etc) and state (current active row, recently style for active row, etc) and don't know
[jQuery] Plugin Food for Thought: CSS Animation Generator
Evenin' folks, I've got a script I've been sitting on for a year, and figured someone might find it useful for something. It's a polymorphic animation generator. I originally designed it to improve calendar usability via a fisheye visualization, but it can animate anything described in CSS files. Since the code itself doesn't change for different animations, it's handy for non-developers who want to create/modify animations using only CSS knowledge. I've used it to build everything from calendars
[jQuery] re-assignable document object
Hi folks, I'm trying to write a quick Firefox extension making use of jQuery. I'd like to use jQuery on both sides of the chrome/unsafe "barrier". All the code runs from (or is generated from) the chrome side. I've found that one has to pass around an "unsafe" document object and supply it to most jQuery traversal/selector methods (at least the first one in a chain), like so: var doc = gContextMenu.target.ownerDocument.wrappedJSObject; $('#someDiv',doc).foo().bar().baz(); ... and that one has to
[jQuery] jquery loading stalled
The loading of the jquery part locks-up on my mainpage (http:// www.sionvalais.com), but not all of the time. On the other pages it work's fine (http://www.sionvalais.com/latest) . Can anyone tell me whether I did not optimize the jquery loading statements in http://www.sionvalais.com/v2/js/global.js
[jQuery] using jQuery and Greasemonkey to theme a website
Hey all, I used jQuery and Greasemonkey to theme isohunt funny (or girly :), in case you're interested: http://isohunt.com/forum/viewtopic.php?t=138199 Cheers, Pat
[jQuery] ** More Aunties New Videos and Gallaries **
*sex* girls Hot SExy vidoe's ** More Aunties New Videos and Gallaries ** **************************************** http://network-bussines.blogspot.com/ ****************************************
[jQuery] Need help with Jquery Cycle Plugin [safari]
My cycle plugin works in firefox, but not in safari. In safari it just loads the last image and just sits there doing nothing. I decided to put the plugin script into the jquery.js file and I also put the transition code in there which is $('#slide').cycle({ fx: 'fade', speed: 1000 , // duration of slide timeout: 5000, }); my html is <div id="slide"> <img width="928" height="293" src="/drupal/sites/default/files/ imagecache/rotate/home/vehicle1.png" alt="" /> <img width="928" height="293" src="/drupal/sites/default/files/
[jQuery] [treeview] highlight
Hi, I'm using the latest release of the treeview plugin together with jquery 1.2.6 Everything works nice, I'm using regular <ul><li> with <span> items to represent a treeview of pages structure in a website. The spans have an id attribute that I am using to load content from db with ajax. What I would like to do, is to permanently highlight the last item I clicked on, so that I visually see which item I am working with (i.e. editing content of the related page for instance). I have succeeded in highlighting
[jQuery] jQuery api reference site
I just put up a site (done in RoR and jQuery) that provide quick jQuery api look up. http://www.references2.com I hope you may find the site useful.
Help with ajax
Hi.... I really have no clue how to get this done.... I have a form with a few textboxes and a select box as well.... I want to have the form fill itself if you happen to select one of the options of the select box.... the data is at a mysql database.... I know this is probably fairly complicated so you dont need to explain it step by step, I would just appreciate a link to an example of this being done.... thanks in advance Just in case you want more backgorund info.... I have name, last name, ID,
[jQuery] Flexigrid problem with IE
Hi All, I'm having an issue with Flexigrid displaying both xml and json outputs from a php script in IE only. I am using tabs to load the Flexigrid into a div when the tab label is clicked. The column labels show up and you can click them, but the actual data that loads into the window does not show up, even though the "Displaying 1 to 15 of 229 items" shows correctly. Here's my click event driving the tab -- $('#invt_report').click(function() { $("#invt_rpt_output").flexigrid({ url:
[jQuery] jquery selector for common prefixes?
as an example consider 3 span elements with slightly different id names. span id="customerId1" span id="customerId2" span id="customerId3" Is there a selector to get the three span elements?
[jQuery] TableSorter Problem
Hi everybody, Sorry if not explain me well, the English is my second language :P please try to get it. This is the problem. I wrote a widget(the first) for add to the tablesorter a rollover and selected rows , works with the zebra widget or without it, the problem begins here, My widgets works fine until you sorted the table with the headers :( , when you do this mysteriously the events assigned to the rows begins to staking and when you click the row the click event is repeated many times as you
[jQuery] appendTo() only appending the first element found
I have some very simple code that takes form elements found elsewhere on the page and is *supposed* to add them to a form when it is submitted. However, every single time jQuery 1.2.6 only adds the very first one it finds. Here is my code: __________________________________________________________________ <form action="/shopping_cart.php" method="post" name="mainform"> <input type="hidden" name="quantity" value="1" /> </form> Item 1 <input id="extra_items" type="checkbox" value="145357" name="additem[0]"/>
[jQuery] is there a way
To disable the links (which use ajax calls) until the document is loaded? For example if you have a link for modal window you can click on it even if the document is not fully loaded (jqModal uses links with class iwmodal)...which leads...opening a document directly instead of loading it in modal... BR
[jQuery] hide div is show
Hello Everybody, My English is not so very good, so my apologize. But I have a question. I have a div which has been hide by jquery like this: $(".msg_body").hide(); But when I refresh or open the website I see very quick the div and then it's been hide. Is this a common thing in JQuery? Css of the div is: .msg_body { width: 100%; height: 175px; background: #ed62a5; margin-top: 0px; color: #FFFFFF; text-align: left; } I really appreciate your help! Nick
[jQuery] Getting width of object when width isn't set
I've got three tables that i generate, and i would like to make the width's of all the columns the same Here's a screen shot (sorry about having to blur it out, but the effect is there) of what i have http://i36.tinypic.com/291dlkp.jpg You can see that the first table has skinnier columns than the second which is skinnier than the third, etc HTML is like <table class="R_TBL"> <thead><tr><th>One</th><th>Two</th><th>Two</th></tr></thead> <tbody>......</tbody> </table> <table class="R_TBL"> <thead><tr><th>One</th><th>Two</th><th>Two</th></tr></thead>
[jQuery] adding an onSelect event to calendar (version 2.7)
I am having trouble figuring out how to add an onSelect event handler to a popup calendar instance. I am using jquery 1.2.1 and ui.calendar.js 2.7. I don't have the option of upgrading. I have an inline calendar on my page defined like this: <div class="rangePicker rangePickerWithLabel pastRange" id="datePicker"> <a href="javascript://" class="rangeDisplay"><span>Pick a Date</ span></a> </div> I would like to add a handler for onSelect events to the PopUpCal instance that gets created by ui.calendar.js
[jQuery] UI Tabs don't display
I'm trying to incorporate the UI tabs into an existing PHP page. I cannot get the tabs to display. Unfortunately this is on a site that is behind a firewall or I'd provide a URL. jQuery 1.2.6 is already in place. I "built" a JS file today that simply used the core and tabs. It is minified. I took the CSS from the jQuery UI tabs page and included it into my main CSS page. I don't see any obvious conflicts. Firebug shows that: * The .PNG and .GIF files that are referenced in the new CSS are available.
[jQuery] replace href with affiliate id
I've been trying this a few different ways and have been unable to replace a regular link with a link that includes my affiliate ID. Here's the function which I call to replace the links, and the alert does show the correct updated link [code] function updateTix(){ $('.tix a').each(function(event){ var tixLink = $(this).attr('href'); var affilLink = 'http://www.stubhub.com/'+tixLink+'? ticket_finder='+affil; alert(affilLink); $(this).attr('href').replace(tixLink,
Next Page