[jQuery] [validate] How to integrate validation with masking?
Hello, I am validating a form but one of the fields has a mask: 99-99-9999 99:99:99 This is: Day-Month-Year Hour:Minutes:Seconds How can I integrate my validation with my mask? I am using: http://digitalbush.com/projects/masked-input-plugin http://bassistance.de/jquery-plugins/jquery-plugin-validation/ I am not sure if these are the right plugins for this ... at least this is what I have been using. Could someone, please, help me out? Thanks, Miguel Here is my code: // Form mask jQuery(function($){
[jQuery] stepcarousel (using jquery.scrollTo) issue.
Having a bit of trouble with the step carousel script from the dynamic drive site (http://www.dynamicdrive.com/dynamicindex4/ stepcarousel.htm) Its all working fine and dandy for me, but I wanted to have the panels automatically move after a set period of time. Id also like to save this timeout option as a parameter in the config holder. Has anyone used this script? Any ideas? I've tried doing the obvious as in simple setTimeout on the body HTML tag, but I didnt know about the issue with calling
[jQuery] Form set to display:none isn't updating on page load
I'm using the following code to plug empty input fields' "alt" attributes in as their values as soon as the page is ready: $(":text[alt][value=''],textarea[alt][value='']").each(function(){ $(this).attr("value",$(this).attr("alt")); }); The problem is, it's not working on the input fields in a form set to display:none. When the form is visible on load, everything works as expected, and as well when I include alert($(this).attr("alt")); in the loop it displays the appropriate values for those fields
[jQuery] [tooltip] allowing tooltips on table rows?
I'm utilizing the jQuery tooltip plugin and was wondering if it were possible to set it up to provide a tooltip on hover for each row in a table. Currently, I've set it up to read: <tr class="hover" title="Modified by Doe, John on April 15th, 2008"> and it's working fine in Firefox. However, Internet Explorer isn't playing nice at the moment. When I move the class to other elements it works fine, but not on the <tr> element. Does anyone know of a work around or fix for this? Thanks! ~Daniel
[jQuery] Remote validation of a telephone number using validate.js
I am using Jörn's validation plugin to validate a form and I want to validate a telephone number against a database using the remote function. The telephone number is in the format 999-9999 and it is being passed to my database as a calculated number instead of as a string. Does anyone know how I can pass it as a string?
[jQuery] credit card validation UK
I'm using the validation plugin for jquery on our e-commerce site. I was told that a large percentage of users were dropping out on our payment page. In the UK card numbers are of the format 1111 1111 1111 1111 so this is naturally how users will type them in. Basically add a space in to the plugin to let users use space delimiters line 1032. this'll probably make the company some extra cash! code: // accept only digits and dashes if (/[^0-9- ]+/.test(value)) packed version attached.
[jQuery] [validate] dynamic form question
Hi Jorn and all, I had a question about the validation plugin. I'm hoping to integrate the plugin into a page where I am also using the treeview plugin to display a dynamic JSON form. Essentially the form's shape is completely dynamic, so I use livequery to add/remove elements. If I want to validate dynamically created elements, is livequery the way to go? I'll try and give an example: Person + - id='person' name='person' name: matt + - id='person.name' name='person.name' the +- buttons for Person
[jQuery] Autocomplete: Custom output, multi-dim JSON array
Hi Jörn (and whomever else) I'm trying to do something a little more complex with the Autocomplete plugin. I want to return a Spotlight-like result, so I have a multi- dimensional JSON array being returned, something like this: {"names":[ list of names here ], "emails":[ list of emails here ]} Based on this, I want to create a structure using a definition list, like: <dl> <dt>Names</dt> <dd>Name</dd> <dd>Name</dd> etc. <dt>Emails</dt> <dd>email</dd> <dd>email</dd> etc. </dl> I've looked through the
[jQuery] $.waitFor: Calling a function only when another has completed
I've put together a simple jQuery method that puts functions 'on hold' so that they are called at the right time and with the right arguments. I thought that some of you may find it useful so here it is. In my case, I used this in creating editable areas with FCK text editor. Instead of using timers and a bunch of functions to check if the textarea exists yet, and if fck's javascript has loaded, and if the editor is ready, I used this. For lack of a better name, I called this function 'waitFor'.
[jQuery] [validate] Validation + Mask + Regex. Please, help me out. Thank You.
Hello, I am using masking and client validation in a form using: Validator Plugin - http://bassistance.de/jquery-plugins/jquery-plugin-validation/ Masked Input Plugin - http://digitalbush.com/projects/masked-input-plugin In an input I have a Date Time in the following format: yyyy-mm-dd hh:mm:ss I am adding the masking as follows: jQuery(function($){ $("#UpdatedAt").mask("9999-99-99 99:99:99"); }); How can I validate my field integrating it with the mask and using a Regex to be sure that the date
jQuery and setTimeout
Having a bit of trouble with the step carousel script from the dynamic drive site (http://www.dynamicdrive.com/dynamicinde ... rousel.htm) Its all working fine and dandy for me, but I wanted to have the panels automatically move after a set period of time. Id also like to save this timeout option as a parameter in the config holder. I've attached the code from stepcarousel.js //Step Carousel Viewer: By Dynamic Drive, at http://www.dynamicdrive.com //Created: March 19th, 08' jQuery.noConflict() var
Multiple show/hide images on a single page jQuery
I have some images on a web page that I want to show and hide. The javascript (using jQuery) looks like: $('#one').click(function(){ $('#main').show(); $('#chef').hide(); $('#guy').hide(); }); $('#two').click(function(){ $('#main').hide(); $('#chef').show(); $('#guy').hide(); return false; }); $('#three').click(function(){ $('#main').hide(); $('#chef').hide(); $('#guy').show(); return false; }); if, i click one (-- 1|2|3 --) it displays content and image of the first div and click 2 it displays second
jquery and the collapsor plugin
I've just downloaded the jQuery Collapsor demo (http:// plugins.jquery.com/project/collapsor) for use on a navigation system and was wondering whether anyone knew how to achieve the following. I'm a newbie at js so i really have no idea. Ideally what i want it to do, is when i click on a link thats is within the accordion/collapsor div, i want that collapsor to remain open when i am taken to the link page - at the moment the navigation closes as soon as i move to a new page, so i have to open it
[jQuery] jQuery Tooltip Problem - Hover on <tr>
I'm using the tooltip plugin by Mr. Zaefferer and trying to get it to appear on the hover event of a table row. It works absolutely fine in Firefox, but of course IE won't display the tooltip. I know the plugin is setup correctly because when I move it to another element, it works fine in both browsers. Has anyone tried to get this working before or have some possible solutions? Thank you in advance! ~Daniel
[jQuery] thickbox onload doesn't work on all systems
That's right! I'm using the following code to show a modal box on document ready: jQuery(document).ready(function(){ tb_show('Age verification','age_verification.php? KeepThis=true&height=140&width=550&modal=true', null); }); The problem is that it works on vista but not on xp or ubuntu linux. No matter what the browser is. Any ideas as I'm pulling my hair really hard on this one.
[jQuery] Reversing slideDown/slideUp behavior
Hello, I have what seems like a pretty basic question about the slideDown/ slideUp effects, but I'm new-ish to jquery and haven't been able to find a way to do what I'm after. Is there any way to reverse the default slideDown/slideUp behavior--so that, when the content is revealed, it slides upward, and when it is hidden, it slides downward? I going for something kind of like the pop-up bubble effect achieved in this tutorial: http://jqueryfordesigners.com/coda-popup-bubbles/ But instead of the opacity
[jQuery] Tablesorter plugin and zebra striping
I have the following in my $(document).ready: $(document).ready(function() { $(".zebra tr:not([th]):even").addClass("even"); $(".zebra tr:not([th]):odd").addClass("odd"); $("table#sorttable").tablesorter(); )}; This allows my table to sort columns by clicking on the column headers and works great. What I need to be able to do, is have the zebra striping happen after each table sort. Is there a way to set this up? Thanks, Ken
[jQuery] Does jquery's ajax method's identify requests as being ajaxed
What I mean to say is, do the native jquery ajax methods append any parameters that can inform our server side scripts that the request was submitted using ajax? (e.g. ajax=1) If not, what could be done to implement this so that we don't need to repeat ourselves on each and every form? Thanks
[jQuery] How can I make jquery work with Konquerer?
Hello, I am using konqeror 3.5.8 in unbuntu. I can't seem to get any jquery to work in Konqueror. Is there a setting that I have to change to make it recognize it? Thank you in advance. -- View this message in context: http://www.nabble.com/How-can-I-make-jquery-work-with-Konquerer--tp17982462s27240p17982462.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] prevent more than one submit in ajaxsubmit
Guys I need some litle help. var v = jQuery("#send_form").validate({ ..... ...... .... }, submitHandler: function(form) { jQuery(form).ajaxSubmit({ dataType: "json", success: process_result }); } }); how i can prevent or hide or disable the submit button or it behaviour when the first submit happend?
[jQuery] 32-bit PNG, Internet Explorer & jQuery's Animate Opacity
Hello! I discovered two problems in jQuery work with IE 7: 1. When I try to apply animate-opacity to <div> element no effect comes in IE 7 or 8 (but in 6 version it works!). 2. When I try to apply animate-opacity to <img> (particularly, I'm about a 32-bit PNG with transparency) Internet Explorer (any ver.) makes its edges ugly. My blueprint: $('#-div-or-img').hover(function(){ $(this).animate({'opacity' : 0.5}, 400);}, function(){ $(this).animate({'opacity': 1}, 400); }); There are
[jQuery] find table row not containg another table
Hello, i have table with few rows and last row contains in some cases another table. I need to find last row which not contains table. Thank you for you help.
[jQuery] jEditable and .load
I have a bit of code that uses jEditable to do inline editing of the content. An additional jEditable content block appears just below the last entry to allow for more data to be entered. Here is the issue: I need to refresh the div that this information is contained in. If I use .load, the content is not editable. I have even created some static HTML in a separate file, used .load to import it, but editable regions are not active. Has anyone else ran into this issue. Any help would be appreciated.
[jQuery] jQuery best practices
Hi, I'd like to know if is there a document, article, or anything that a can show for the JavaScripts developers here in the company talking about best practices; Best regards
[jQuery] xml parsing error
Hello, I have a problem and I googled it for the solution but it seems that there is no solution for it !! I used $.get and $.ajax but the same problem could you take a look at the source .... just open index.html in IE and FF and see the difference also take a look at the comments in parse.js ... http://www.4shared.com/file/51709870/9e323fe8/xml.html appreciate it
[jQuery] contains(text) - is there a contains(html) method?
PROBLEM: I am trying to remove the comment mark-up around an IMG element <!-- <img src="pic" /> -->. I tried using the :contains(text) selector but as a <!-- comment -> is mark-up, I need to do something like :contains(html). CODE: $('element':contains("<!--").each( function() { var $this = $this() var t = $this.html() $this.html(t.replace('<--', '')); } ) NOTE: I have checked the replace function and it removes the <!-- just fine. My issue is how can I "contains(html)" or is there another way to
[jQuery] find table row not containg another table
Hello, i have table with few rows and last row contains in some cases another table. I need to find last row which not contains table. Thank you for you help.
[jQuery] find table row not containg another table
Hello, i have table with few rows and last row contains in some cases another table. I need to find last row which not contains table. Thank you for you help.
[jQuery] find table row not containg another table
Hello, i have table with few rows and last row contains in some cases another table. I need to find last row which not contains table. Thank you for you help.
[jQuery] find table row not containg another table
Hello, i have table with few rows and last row contains in some cases another table. I need to find last row which not contains table. Thank you for you help.
Get and then use the selected option from a select menu
Hello, This is my first post. Hopefully this will be a really easy question... This is my HTML... <select blah... > <option select="selected">Choose a company</option> <option value="comp1">Company One</option> <option value="comp2">Company Two</option> <option value="comp3">Company Three</option> </select> If a user selects 'Company One' (not submit, just the action of selecting) then a button elsewhere on the page is given the class "hide" and another select menu has the class "hide" removed. I'm
[jQuery] jquery and collapsor
I've just downloaded the jQuery Collapsor demo (http:// plugins.jquery.com/project/collapsor) for use on a navigation system and was wondering whether anyone knew how to achieve the following. I'm a newbie at js so i really have no idea. Ideally what i want it to do, is when i click on a link thats is within the accordion/collapsor div, i want that collapsor to remain open when i am taken to the link page - at the moment the navigation closes as soon as i move to a new page, so i have to open it
[jQuery] Naivgate with lightbox / thickbox etc.?
Hi all, Working on a site for a client at the moment and they would like to do the following: Given a list of search results, when a result is clicked a "widget" opens - currently in a new window. Our client would instead like this widget to open over the top of the current page, thickbox style. The widget consists of several separate pages navigable via a tab bar at the top of each. So not only would we need to open the widget in a thickbox, we'd need to be able to navigate within the thickbox as
[jQuery] Help with tabsLoad
Hi thanks for reading I am trying to load a link in a tab with this function with no result :-( function loadTab(tab){ var tab; var $tabs = $('#container-8').tabs; var selected = $tabs.tabsSelected(); $tabs.tabsLoad(selected,tab); } </script> The tab variable contain the page to load but noting happen what wrong with that ? Thanks you very much !!!
[jQuery] WordPress plugin to submit form?
Hello, I was wondering if anyone could point me in the direction of a jQuery plugin for WP that pops up a form. Something like a tell-a-friend form is what I'm ultimately looking for. If there is some way to integrate cforms into popup, that would be even better. Thanks Matt
two form, one file javascript.
Hi guys :) I have this code: /* For #joinusFastForm */ $.validator.setDefaults({ submitHandler: function() { document.getElementById("joinusFastForm").submit(); //$("#joinusForm").submit(); } }); $().ready(function() { // validate signup form on keyup and submit $("#joinusFastForm").validate({ rules: { site: { required: true, url: true, remote: "/youminiweb/js/action.php" }, category: {
[jQuery] help with appending a script after wrapping a dive with jquery
In the pursuit of cleaning up templated code, I am attempting to push a third party test vendor we use into one area of our templated system. Background: I have js on every page (all the same), js on pages that are unique to the pages, and js on each page that are unique to each 'boxed' area to be tested. Using jQuery I am able to wrap the span tags around the areas that I want 'boxed', but immediately after the there is supposed to be a <script> that runs. I can't figure out how to do this in a
[jQuery] jquery form plugin - post method do not work in firefox3
Hi guys, I am just testing my application on firefox3 and found that form data after doing post do not get submitted correctly ... I am using APACHE::ASP mod perl. so following code is combination on perl and javascript. And data posting is done by jquery form plugin. Here is my simple test code: <<<<<<<<<<<<<<<<<<<<<<<<<< this is testPost.asp file <head> <script src="js/jquery.1.2.6.js"></script> <script src="js/form.2.12.js"></script> <script type="text/javascript"> $(document).ready( function()
[jQuery] object parent object
My code is working well, but I don't find it very smart, if someone could give me some leads ... ;(function($) { // create closure // constructor: $.dict = { keys : [], hash : [] }; // iterator: $.dict.iterator = { idx : -1, self : $.dict // static pointer on my current constructor not elegant a nicer way? }; ... I would prefer something like this $.dict = { keys : [], hash : [], iterator : { idx : -1, self : how to get the
[jQuery] jQuery Cycle question
<html> <body> Hello folks, I'm having a problem with the captions associated with a series of slideshows generated by the Cycle plugin. I use the plugin to display the images and captions of indvidual slideshows that are injected into a page via the function getNextPage(). In its simplest form my problem is this. Suppose I have two slideshows, A and B. Slideshow A runs properly. However, when I replace slideshow A with slideshow B through an ajax call, the captions associated with slideshow A
Next Page