jquery

JQuery - start tutorial

Hello, i have to learn JQuery. Here is the first sample from their tutorial: <html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ alert("Thanks for visiting!"); }); </script> </head> <body> <a hre...

How to force an hidden+empty <div> to take up space?

Note that my question is not about how to fill remaining space with <div>. Background: I'm trying to use jQuery sortable with a series of horizontally laid out <div>, with class "column" .column { display:inline-block; } Now in FF, everything looks good. During dragging, the "placeholder" which jQuery sortable injects is an empty <...

How to manually trigger validation with jQuery validate?

I want to manually trigger validation including showing error messages with jQuery Validate. The scenario i am trying to accomplish is a form like this: <form> <input id=i1> <button id=b1> <input id=i2> <button id=b2> </form> When clicking b1, only i1 should be validated. hen clicking b2, only i2 should be validated. However all fi...

Better method of retrieving values of checked input boxes via jQuery?

I have several checkboxes and a fake submit button to make an AJAX request: <form> <input type="checkbox" value="1"/> <input type="checkbox" value="2" checked="checked"/> <input type="checkbox" value="3"/> <input type="checkbox" value="4" checked="checked"/> <input type="button" onclick="return mmSubmit();"/> </form>...

jQuery Ajax not working in IE 6/7/8, works in FF/Safari/Chrome

The page in question is http://matthewanderson.cc I'm a javascript newbie working on a WordPress-based portfolio site. I'm using jQuery .load() to fetch content from WordPress posts, and it works in Firefox, Safari and Chrome, but not any of the IEs. The specific Ajax code is here: $(document).ready(function(){ $("a.ajax-load").click(...

Making Modal Wizard..

How could i make a modal wizard with jquery?? ...

What Jquery Plugin or Extension could I use to construct a query string?

At this moment we construct our search query in our website with java script. We have an input box for keyword and another input box for name and so on. If a user enters keyword: test the query looks like: http://oursite.com/Search?keyword=test if they enter keyword: test and name: john the string looks like: http://oursite.com/Sear...

Why is .val() not a function?

I have a dynamic form where the user provides a name and description: <label>Name</label><br /> <input type="text" name="name[]" maxlength="255" /><br /> <label>Description</label><br /> <textarea name="desc[]"></textarea><br /> I am trying to validate the form with Javascript to ensure that if the name is specified, then a descripti...

Javascript not working in Safari in Mac OSX

I have a payment page where a customer is entering their credit card details. I have removed all of the non-relevant sections. What's weird is that my front-end validation works fine on FF, IE, and Safari for windows. It only is failing on Safari in Mac OSX. Specific user agent strings that have had issues: Mozilla/5.0 (Macintosh;...

Prototype equivalent for jQuery live function

I need to bind event listener to all dynamicaly created elements by given css selector. In jQuery, that would be $(".foo").live("click", function(e) { // bar }); Is there any equivalent in Prototype for this? ...

jquery getting stuck?

$.ajax({ url: "_includes/contactform.php", type: "POST", data:'name=' + nameValue + "&email=" + emailValue + "&text=" + textValue + "&checkbox=" + checkValue + "&submit=true", dataType:"json", success: function(data,result,res) { alert(res); console.log(data); if(data.checkbox == "true"){ $("#success h1").html("The form was sent su...

jQuery's fadeTo function makes elements disappear in Safari

Any idea as to why this is?? Here's the code: $(".main_search_big_button").click(function() { $('.Search.input').focus(); $('.theme_classic_search-box').css({'border-color': "#0078E5", 'border-width': '3px'}); $('.container, .theme_classic_footer').fadeTo('slow', 0.5, function() { $('.main_remove_button').fadeIn('fast'); })...

jQuery ajax issue

Hi, I've been at this bit of code for a while, but am not sure what I'm doing wrong. Basically I want to create a loop that prints out all items in a cart. If I take the loop out, it prints the item just added, but when I add the loop in, it breaks. I'm not too familiar with jQuery/JSAON, so if anyone could point out where I might be g...

Comparing rows in table for differences between fields

I have a table (client) with 20+ columns that is mostly historical data. Something like: id|clientID|field1|field2|etc...|updateDate If my data looks like this: 10|12|A|A|...|2009-03-01 11|12|A|B|...|2009-04-01 19|12|C|B|...|2009-05-01 21|14|X|Y|...|2009-06-11 27|14|X|Z|...|2009-07-01 Is there an easy way ...

How to show an image right in the center of the whole page with jQuery?

A simple demo would be sweet! ...

Why doesn't this clone work with ie but it does with firefox?

I have a vimeo flash object hidden like so CSS: #banner-vid-link div.object, #mainVideo, #blackSheet { display: none; } HTML: <div id="banner-vid-link"> <img src="thumbnail.png" /><br />Watch This! <div class="object"> <object width="700" height="394"><youget the idea /></object> </div> </div> And when you ...

jquery kwicks issue

Hi there, I've been working on my problem for the past few hours and am at the end of my rope. I need help. I have a staging page where I tested the code and verfied that it works, but on the live page, the code refuses to budge. I can't figure out why kwicks jq seems to be ignoring the html on the jujumamablog.com header. <-- this i...

minor jquery blip causing duplication in field

i'm trying to get jquery to add the value of a select box to both a hidden input field and a div to show in public view. here's my code <script type='text/javascript'> $("#departments_submit").click(function(){ added_departments = new Array(); var depo = $("#depo_list").val(); alert(jQuery.inArray(depo, added_departments)) if(...

Jquery selector problem

I have two in a table with ids row_26 and notificationrow_26. I want to highlight row_26. So I use either var deviceUID = 26; $("#row_" + deviceUID).effect("highlight", {}, 3000); OR $("tr[id^='row_"+deviceUID+"']").effect("highlight", {}, 3000); but when I do this. It also highlights the notificationrow_26 . Also the highl...

Remove empty <ul> tag with jquery

I have code like above ` <ul id="jsddm"> <li><a href="Default.aspx"> Menu</a> <ul style="visibility: hidden;"> <li><a href="Content.aspx?ID=153"> ...