[jQuery] problems with unhighlight of error labels with jquery validation 1.4
my js is as follows: var validator = $('#myForm').validate({ onfocusout: false, onkeyup: false, rules: { prefix: { required: true }, name: { required: true } }, messages: { prefix: { required: 'Please select a prefix' }, name: { required: 'Please provide your name' } }, errorClass: 'formError', highlight: function(element, errorClass) { $(element.form).find('label[for='
[jQuery] Safe Validate for Salesforce
I am using the Validate plugin for validating our contact form which sends data into SalesForce. We just implemented the AdWords plugin for SalesForce and they say that using form.submit will break their javascript for SalesForce. Currently with the Validate plugin I do some custom functions using the SubmitHandler option for creating values in the fields that go into SalesForce and at the end I use form.submit. $("#EmailForm").validate({ errorContainer: container, errorLabelContainer:
[jQuery] print out td in tr without unique ids
Here's what I am trying to do - I want to print out the text value of a particular td. The easy solution would be to give each td in each row a unique id (change code below so the first td to id="row1_col1"). However if there is a way to access the text in col1 of row1 with jquery without giving each td element a unique id I'd love to know. You can look at the code below to get the idea of what I am trying to do. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
[jQuery] Accordion activate not working
I have an accordion which i am trying to activate on page load, and the .activate function doesn't appear to be working. can someone show me how i'm implementing it incorrectly? JavaScript: $(document).ready(function() { $('#childnav').accordion({ autoheight: false, header: '.toggle', event: 'click', alwaysOpen: true, active: false }); $(".toggle").activate(0); }); HTML: <ul id="childnav"> <li id="childnav_about">
[jQuery] Advice on sIEve/Drip
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns:p="urn:schemas-microsoft-com:office:powerpoint" xmlns:a="urn:schemas-microsoft-com:office:access" xmlns:dt="uuid:C2F41010-65B3-11d1-A29F-00AA00C14882" xmlns:s="uuid:BDC6E3F0-6DA3-11d1-A2A3-00AA00C14882" xmlns:rs="urn:schemas-microsoft-com:rowset" xmlns:z="#RowsetSchema" xmlns:b="urn:schemas-microsoft-com:office:publisher"
[jQuery] [validate] Issues using requred:#radio:checked with custom AddMethid validator
Hi Using JQuery + Validate plugin. When I create a new custom rule using a call to addMethod then use required:"myradio:checked" it will always trigger the validation to fail even if the radio is unchecked. This behaviour does not occur when you use the built in validation methods. $.validator.addMethod("dropdown", function(value, element) { return element.selectedIndex>0; },''); $("#myform").validate({ rules:{ mydropdown:{required:"#myradio:checked",dropdown:true} } });
[jQuery] remove() Method Causes Flicker in Firefox
Go here: http://www.theshedbbq.com/dev/franchise/events Click on one of the rows in the table and you'll see the image fade out and then flicker. var livePhoto = $('img#eventImage'); livePhoto.fadeOut('fast'); livePhoto.remove(); Not sure what is causing this but I use setTimeout( livePhoto.remove(), 50 but it did not work. Suggestions?
[jQuery] Trying to grasp basics of scrolling a TBODY
I'm trying to grasp the basics of scrolling to a particular row in a TABLE. Let's say you've got a TABLE, with a TBODY that has a fixed height and overflow: scroll. It appears I ought to be able to use core functions like offset() and scrollTop() to work out where a row is and scroll the TBODY to that position, but lots of trial and error has left me lost on why these things don't seem to work as I expect. The particular case I am looking at involves the user using arrow keys to navigate up and down.
[jQuery] Cycle Plug-in works with ajax on first call, not on subsquent calls
Hey jqueriers! I've been working on implementing a carousel on my live music site HearWhere so that I can scroll through popular shows. After playing with a few different plug-ins, I settled on the AMAZING cycle plugin by Mike Alsup. I've got the cycle working on my dev site http://zifimusic.com/cycle I load the cycle first via ajax and it works perfectly. However, using the same code on subsequent ajax calls does not work, even if I use .empty() to remove the current carousel items. the code I use
[jQuery] Day and Month Picker
Hello; I am new here, sorry if this may have been covered before but my searching on the group did not return anything useful. I need to be able to allow entry of just the month and day of a date, no year. I am aware of DatePicker but it doesn't seem to allow this. Is there a way, using jQuery or a plugin, to accomplish this? Right now I have two drop down lists, one for Month and the other for Day but no validation is implemented for an invalid number of days in a month if the user chooses Sept,
[jQuery] Can Jquery fetch file, and display download dialog?
Ok here is my problem: I have a link: <a href="http://www.myserver.com/01-01-08-PM.mp3" class="download" id="7">Download</a> I wrote this js: var $j = jQuery.noConflict(); $j(document).ready(function() { $j('.download').click(function() { var link = $j(this).attr('href'); }); }); The idea, is that I want the script to fetch the url (href), and return it in the form of a download dialog. The problem that I am facing, is that when people click "Download", it just opens up the file directly
[jQuery] please help with accordion
sorry to repost, but i'm really stumped on this one. what ive got is a very basic accordion menu, but it performs really strangely in IE 7, shifting the entire document below it and just looking terrible. you can see the problem at http://www.bulldogbucks.uga.edu/index2.html and a basically-identical, but not integrated into any page, working version at http://www.bulldogbucks.uga.edu/accordion/jquery.accordion/jquery-accordion/demo/ any advice you can give me would be really appreciated, thanks!
[jQuery] multiple select boxes with the same name submiting via ajax
hi i hope somone can help i have a couple of records which all have (the idea anyways) have select boxes. when a user changes the select box it submits those changes and the record ID to another page using ajax to update the database. so far i have $(document).ready(function(){ $("#priority").change(function() { jQuery.ajax({ data: "prio=" + $("#priority").val() + "&ID=1", url: "do_priority.asp", timeout: 2000, error: function() { console.log("Failed to submit"); }, success: function(r)
Another jQuery Reference Manual (cheat sheet)
Hi all, on my site (http://www.abspace.it/computerSpace/JQueryCheatSheet.asp) I have published a jQuery Reference Manual using, of course, some jQuery plugins. :alberto:
[jQuery] best way to pass parameters to .load()
is there a difference in passing parameters to .load $("#myDiv").load("myScript.php?var=x&var2=y&var3=z") vs $("#myDiv").load("myScript.php", {var:x, var2:y, var3:z}) also is there a size limit to how much .load can handle? can myScript.php return a couple hundred rows of data without issue?
[jQuery] Ajax cross site (same domain) problems
I am attempting to call page through ajax accross different sites within the same doman. The error displayed is: Access to restricted URI denied" code: "1012" I have set document.domain to reflect the shared domain i.e. calling foo.baz.com/myscript.php from bar.baz.com having set document.domain = "baz.com" My understanding is that setting document.domain should open up the same origin policy to allow calls between sub-domains within the same base domain.
[jQuery] JQuery Countdown
I'm trying to get the countdown from http://keith-wood.name/countdown.html working but i just dont understand the directions. is you scroll down some to the "Usage" section step 3 is where I get confused. Could someone explain what the directions mean by "Connect the countdown functionality to your divs" and also where I put the javascript, what I put on the HTML side? The type of countdown I'm trying to get to work is the Unordered List which is $('#listLayout').countdown({until: liftoffTime, format:
[jQuery] filter().find() are not returning elements
Hello, I'm still a newbie at jQuery and I'm having some trouble trying to select some nodes from XML. I'm simply trying to display the value in the Value element. For some reason, it returns zero elements. var xml = "<search><MyPlace><Value>123</Value></MyPlace></Search>"; $(xml).filter("MyPlace").find("Value").each(function() { alert(this.value); }); Also, I would have thought this would work, but it doesn't: $ (xml).filter("MyPlace").children() Do you know why? Thank you in advance for any help!
[jQuery] jQuery Show/Hide validation problem
I am using jQuery show/hide functions on click, so when you click on the contact link it hides that div and then shows a contact form. Once you fill in the contact form and click submit it shows the thanks page div. I am using validation from here: http://bassistance.de/jquery-plugins/jquery-plugin-validation/ The problem is, is that I need it so when you click on submit on the contact form page it doesn't show and hide the div if the validation has failed as it does now. Is there anyway of making
[jQuery] noob question: loading dynamic content with .load()
im kinda a noob with some of this jquery stuff. esp the ajax stuff so any help i can get here would be greatly appreciated. i am using this code to try to load new content into my content div. $("myContentDiv").load("myScript.php?var1=x&var2=y&var3=z") myScript.php generates my new content to load into my Div. there can be anywhere from 0 to 1000 rows of data returned. sometimes myScript doesnt load correctly. even if i add a callback, the callback runs but the data doesnt load. Is it best for me
[jQuery] Scroll multiple elements with one scroll bar - can it be done?
Hello everyone, this is something I'm trying to sort out, that might not be a very common issue: I need to find a way to scroll multiple elements with one external scroll bar. The elements in question is for now tbody elements with assigned ID's, they are lined up horizontally and have the same height. My idea is to create a table with 3 cells in each row. 2 of these will contain the tables with tbodies that are to be scrolled, and the third will contain the scrolling function.(the issues with IE
[jQuery] Grouping days
Hello. I'm new to javascript and jQuery. But I have been given this task to make a vacancy calendar which shall highlight an amount of days selected by a select option value when I hover it. What I would like to do: When I hover a day which is vacant, it will also highlight the selected amount of days following it, sort of grouping them together. But if there is a day which is occupied or a class="b" in between, it will higlight the "group" with red. The calendar is built up like this dynamically:
[jQuery] jquery ui tabs - screen jumps to top when clicked
I have jquery ui tabs at the bottom of my page. When a tab is clicked, the screen jumps/scrolls to top. How can I prevent this?
[jQuery] jQuery Validate and Show/Hide problems
I am using jQuery show/hide functions on click, so when you click on the contact link it hides that div and then shows a contact form. Once you fill in the contact form and click submit it shows the thanks page div. I am using validation from here: http://bassistance.de/jquery-plugins/jquery-plugin-validation/ The problem is, is that I need it so when you click on submit on the contact form page it doesn't show and hide the div if the validation has failed as it does now. Is there anyway of making
[jQuery] Remove() xml nodes doesnt work in ie
Using remove() on a xml document wont work in ie 7. (works fine in ff) Example: $(this.xmlDoc).find("gd > cd").remove(); Results in js error: "Object doesnt support this property or method" which points to line 666 in jquery, id = elem[ expando ] = ++uuid; Anyone know a work around/way to fix for this?
[jQuery] [validate] problems with invalid-form.validate and remote rules
Hi, I try to show a list of errors in an alert box when the form is cancelled by jQuery Validator. Surfing the web I see that I can use invalid-form.validate like this: $('#bpwcForm').bind('invalid-form.validate', function(e, validator) { var errors = validator.numberOfInvalids(); alert('ERR ' + errors); }); but this function is NOT executed when a submit form is cancelled by a remote rule. any suggestion or work-arround? thanks Àlex Corretgé
[jQuery] jQuery vs. jQuery UI
What is the difference between the jQuery packed version and the UI packed version? For example, I want jQuery Tabs, and jQuery Table Sort to run on the same page -- do I need to have both the jQuery and jQuery UI packed version, along with the plugin scripts for Tabs and Table Sort? It gets confusing to me when I have to combine the two scripts together -- usually CSS conflicts or other weird quirks come up and I dont know where to start Table Sorter http://tablesorter.com/docs/ Tabs http://docs.jquery.com/UI/Tabs
[jQuery] Tabs - Preserve onclick on selected tab
Is it possible to click on the selected tab so as to reload this tab? thanks
[jQuery] Another Jquery Reference Manual
Hi all, on my site (http://www.abspace.it/computerSpace/ JQueryCheatSheet.asp) I have put another JQuery Reference Manual using, of course, JQuery plugins. -alberto-
[jQuery] menu with checkmark
I was wondering if there is any plugin that would allow me to have checkmarks (and perhaps radio buttons) on the menus... Something like what is described here: http://www.balsamiq.com/blog/?p=180 I looked through the menu plugins; but couldn't find anything suitable... Felix
[jQuery] Minifed jQuery not working in Safari 2
Help! I am using minifed version on jQuery and tablesorter plugin in my application, and they seem not to work in Safari 2, unless I use the non-minifed version, is this a know issue? or is there any way I can use the minifed versions and still make it to work in Safari 2. I am using Safari 2.0 (412.2.2) Thanks, Nagaraj
[jQuery] Scroll Up Headline Reader ... with reverse button.
I just recently stumbled across jQuery while searching for a method to scroll some headlines. Not only did I find a nearly perfect solution but realized jQuery could do half the other things I wanted. All from the same library. So I'm impressed. Anyway, I would like to modify the Scroll Up Headline Reader to back- up one headline upon a button click, (ie. show the previous headline that just went by) then refresh the interval. I was thinking I would need a new function called headline_reverse that
Jquery Tabs not working correctly
I am trying to put tabs feature on my site and when i do this i am unable to display it correctly as in figure 2 and what i am getting is figure 1 Please help me Thanks
[jQuery] Syntax for specifying size of new window with window.open
OK, I know I'm not the first one to ask this, but I'm stumped. I'm working on a Drupal site, and the client didn't like my nice block I created for a little calculator, so they want a popup window instead. So, I created a separate .htm page with the HTML for the form (four fields plus a button to calculate), and all I want to do is open it in a separate small window (175X250). However, I can't seem to get the syntax right for specifying the size If I do this: $(function() { $('a[href$=.htm]').attr('target','blank').click(function
[jQuery] Addition on Strings
i have a table that gets populated with a row like this based on an event name | color | size | price the price format is e.g 30.00 when a new line with a price is added i want the subtotal to be calculated using jquery how can i achieve this?
use two plugins
i try to use both two plugins : a datepicker ui.datepicker.js and a tree jquery.treeview.js each works well, but i can't have them on the same page ? 'cause i declare twice ready.function() ... and there not the same ... $(document).ready(function(){ $("#arbo").treeview({collapsed: true}); }); $(document).ready(function(){ $("#date_in").datepicker({ firstDay: 1, }); }); how use two or more jquery plugins ?
[jQuery] Can Jquery fetch file, and display download dialog?
Ok here is my problem. I generate this link with PHP: <a id="7" class="download" href="http://www.myServer.com/2008/01-01-08- PM.mp3">Download</a> then I have this js: var $j = jQuery.noConflict(); $j(document).ready(function() { $j('.download').click(function() { var link = $j(this).attr('href'); }); }); Basically, I'm trying to have the download link show the download dialog in order to download that MP3 file, instead of opening it automatically with the associated player. Is it
[jQuery] Can Jquery fetch file, and display download dialog?
Ok here is my problem. I generate this link with PHP: <a id="7" class="download" href="http://www.myServer.com/2008/01-01-08- PM.mp3">Download</a> then I have this js: var $j = jQuery.noConflict(); $j(document).ready(function() { $j('.download').click(function() { var link = $j(this).attr('href'); }); }); Basically, I'm trying to have the download link show the download dialog in order to download that MP3 file, instead of opening it automatically with the associated player. Is it
multi callback not requested [solved]
Hi all, I'm currently working with callback of fadeOut() function. By using this function, there is a multi selector and of course, the callback is called at each time. $('#left, #right').fadeOut( function(){ alert('finished!' } ); The problem is that, I don't want 2 alerts but only one when the fadeOut is finished for the two elements. How can I do that? Thank you in advance for your help
jQuery + form submit = php session lost (need Help)
Hello i'm a jQuery new user, and i'm not aware of complex coding =P but i succeed to make it work by reading/copying the demo code. I'm using an Ajax based site, with a main page loading content in DIV... As long as i use jQuery for a form which is not in a php session i had no problem. But since i'm in a php session, once i submit the form, there is a 'kind of refresh' which close the session and users have to log back. here is how my form looks like (it's a basic adaptation of the demo code) :
Next Page