jquery

jQuery disable button (NOT Submit) until field validates + Validation Plugin

I have 4 buttons on my form, a Submit, Cancel, Add and Remove button. All are working as expected but I would like to disable the Add button until the input field validates. I'm using the Validation plug-in and I think this can be done with a required validation with a callback but I'm not sure. Could someone point me in the right direc...

create an unordered list with jquery using xml

Hi Folks, I have an xml file which i want to convert to an unordered list using jquery. so far I managed to get the list working, except for the third level of the xml. Currently my code writes all child items of 'Navigation_sub_3'. What I'm trying to figure out is how to write only the child nodes that are in level_2, so the output wou...

jquery simple menu roll-over (animation queue question)

I have a simple unordered list with listitems as menu item i created the jquery just to have a funny rolover effect beeing: $('#nav ul ul li').hover(function(){ $(this).animate({ marginLeft: "20px", }, 300 ); }, function(){ $(this).animate({ marginLeft: "0px", }, 300 ); }); the problem with this script i...

webservice in jQuery returns collection type

I have an ASP.NET WebService that returns an object of List public class Students { public string StudentName { get; set; } public int Age { get; set; } } I am accessing this webservice using this jQuery code $.ajax({ type: "POST", url: "/Students.asmx/GetStudents", data: "{}", contentType: "application/json; charset=utf-8"...

How can I add a list item in order using jQuery?

Does anyone know how to add an item to a list but do it so it's ordered alphabetically using jQuery? I've got the following code that just adds an item from a dropdown to the end of the list: $("#projectList").append( "<li>" + $("#Projects :selected").text() + " <span class='removeProject' projectId='" + $("#Projects").val()...

Jquery - How to dispense child element from click event

Can somebody help me with this. There is HTML code: <h3> <label> <input type="checkbox" name="country" value="us" /> United States </label> </h3> <p>Some content goes here</p> I want to toggle p element by clicking on the h3 tag, but I don't wan't to toggle if I clicked on the label $('h3').click(function() { // Do...

why won't this validate (jquery problem) ?

On my site I'm using the jquery cycle plugin for a slideshow with a pager. This example: http://malsup.com/jquery/cycle/pager.html So in the head of my document, I have a script similar to: <script type="text/javascript"> $('#s4').before('<div id="nav">').cycle({ fx: 'turnDown', speed: 'fast', timeout: 3000, p...

How to dynamically add a style for text-align using jQuery

I'm trying to correct the usual IE bugs around CSS 2.1 and need a way to alter an elements style properties to add a custom text-align style. Currently in jQuery you can do something like $(this).width( or $(this).height( but I can't seem to find a good way to alter the text-align w/ this same approach. The item already has a class ...

Is there a way to grow/shrink an image on hover using Jquery?

Is there a way, using Jquery to grow and then shrink an image (with animation so it looks smooth) on hovering without affecting the layout too much (I'm assuming the padding would have to shrink and then grow as well). ...

jQuery UI Tabs with $(document).ready equivalent

I'm trying to use jQuery UI tabs much like a Master Page in ASP.Net. I have specific javascript that needs to run once each tab is loaded. I've tried to have a $(document).ready function in each page, but I've read that's bad practice and only seems to work in IE. I know there's a load event, but I need to the event to be specific for...

JQuery "Constrain" plugin - Weird Javascript Error

Background: Our web app uses the jquery.constrain.js plugin to handle data entry in some text boxes, to only allow valid characters to be added. This plugin allows various constraints upon the data, using regular expressions, whitelist/blacklist characters, etc. Until today, we were running the 1.0 release of this plugin, unmodified. ...

On jQuery, Metadata, and XHTML Compliance

I want to add some jQuery functionality to our sites where one piece of markup will have a click handler which will need to cause action to happen on another piece of markup, i.e. A is a trigger for action from B. There's no guarantee about the relative structure of A and B, so I can't rely on a jQuery selector, plus each unique A will ...

jQuery: Validation plugin breaks when changing from jquery 1.2.6 to 1.3.2

I recently upgraded from jQuery 1.2.6 to 1.3.2 Now on the page I'm using the form validation plugin I get the exception: [Exception... "'Syntax error, unrecognized expression: [@for='registration_primary_email']' when calling method: [nsIDOMEventListener::handleEvent]" nsresult: "0x8057001e (NS_ERROR_XPC_JS_THREW_STRING)" location: "...

How to get current position of an image in jQuery?

Hi, I've been developing a image manipulation script which has a background and user can upload one or more images onto that background. I want users to be able to drag and move around the BG and finally they can generate final image. However, I have no idea how to get the position of draggable image position on BG. I've been searching a...

jQuery - Hiding a dynamically created table row on click

I'm currently trying to hide a dynamically created table row after a button has been pressed. So far I have managed to handle part of the dynamic functions. Each dynamic row has a "Cancel" and "Save" button, I have managed to respond to these with ease. My problem is actually working with the row itself. $(function() { $(".add").cl...

Tab key with JEditable fields

I have a page using JQuery and Jeditable to create editable text elements on the page. While editing an element, I would like to be able to tab from one element to the next. I am unsure of how to: Use jeditable or jquery to capture the tab key event (keycode = 9) Once that event is detected, move focus to the next element and acti...

Drag & Drop involving accordion panes (VB/ASP)

Hello all, I have an accordion control in ASP 3.5, with multiple accordion panes. For the sake of simplicity, I will only focus on one pane as the problem is pane specific. Using JQuery, I created a draggable function and applied it to my .drag cssclass. On Page_Load, I create a bunch of image objects and assign that class to them, in ad...

Objects detected by Livequery in ie7

Hello, Can anyone figure out why this gives me blank alert boxes in ie7? $("#bottles a").livequery("click", function(event) { thetitle=$(this).attr("title"); alert(thetitle); return false; }); For each new A tag loaded, ie7 alerts a blank message (FF correctly shows the respective titles) However, when thetitle= $(this).htm...

Creating unordered list in a DIV

I have a DIV. I want to dynamically generate a bulleted list inside the DIV using jQuery with a items list I have with me for (cnt = 0; cnt < someList.length; cnt++) { someList[cnt].FirstName + ":" + someList[cnt].LastName + "<br/>" // what to write here? } Thanks! ...

Two Js files in Jquery

Hi, I m having the following js files in my code for EditInPlace... <?php echo $javascript->link('jquery.js');?> <?php echo $javascript->link('jquery.editinplace.packed.js');?> Both these are working good. But i now need to have a calendar in my app..So i have a another js file <?php echo $javascript->link('jquery-u...