jquery

JQuery Draggable

I want to drag item from one list to another list with clone. After stop dragging then i want to get id of parent div where it is dragged. ...

Detect when a user chooses a file using a file input

How can I detect when a user has chosen which file to upload using a html file input. That way I can submit the form automatically. ...

how to have incremental messages with blockui

i have a long ajax call so i am using blockui like this . . $("#roadmapContainer").block({ message: '<h2>Loading Ajax Request</h2><br/><img src="/Content/images/ajax-loader.gif" />' }); $.post(timelineUrl, function(data) { onLoad(data); $("#roadmapContainer").unblock(); inside teh "onLoad()" method it takes a ...

Why does order of defining attributes for a dynamically created checkbox in jquery affect its value?

I have this code in a js file: function buildRolePicker() { var pnl = $("[id$='staffRoles']"); $.each(roles["ContactGroupRoles"], function(iteration, item) { pnl.append( $(document.createElement("input")).attr({ id: 'cgr' + item['RoleId'], name: 'cgroles', ...

closing jquery colorbox before load breaks jquery,....

I am using jquery colobox to show the popup in my asp.net mvc(C#) application. Following is the line to call colorbox: $.fn.colorbox({ href: '/User/Detail', width: "1200px", height: "560px", title: "User Detail", overlayClose: false }); UPDATE(using the below with the latest version): $.colorbox({ href: '/User/Detail', width: "1200p...

Entirely Javascript Ajax spinner?

I was thinking that Ajax spinners are really great but the image spinning is actually shown with some delay OR is loaded too early, I thought maybe I could use these old school characters to provide more accurate ajax activity feedback. |, /, —, \ lets say the target paragraph is called <p id="target"></p> How can I interchange thes...

How can I get the value(s) of the selected item(s) of CheckBoxList using Jquery ?

If I have the following CheckBoxList <asp:CheckBoxList ID="typeCheckBoxList" runat="server" RepeatDirection="Horizontal"> <asp:ListItem Value="0">Student</asp:ListItem> <asp:ListItem Value="1">Parent</asp:ListItem> <asp:ListItem Value="2">Educational</asp:ListItem> <asp:ListItem Value="3">Specialist </asp:ListItem> <asp:ListI...

Is there any javascript function, or even on the jQuery Library that does the same as PHP print_r() ?

Hi all, is there any javascript function or even in the jQuery Library (i suppose yes, because jQuery has JSON Library and is able to serialize) that does the same as PHP print_r() function? I've googled about this but I've found only functions to print mono-dimensional or bi-dimensional arrays. thanks in advance... José Moreira EDIT...

JavaScript / jQuery - Open current link in pop-up window

<a href="http://google.com"&gt;Link&lt;/a&gt; How can I open this link in a pop-up window? And prevent the browser to block it ...

Using jQuery Date picker with a custom trigger button.

How do I make the jQuery Datepicker open up by a user defined button? ...

remove table which contains certain text

I would like to remove the following table from the page with Jquery by targeting the following text "To add the above items to your cart". I tried this but didn't work as expected it removes a different parent td. Not sure how to target this td only. $("* :contains('To add the above items to your cart')").closest('td').remove(); <td ...

image preloader in jquery

hello.. i have this code but i dont know what to do next.. var toBeInsertedToAS = ""; for(j=1;j<=10;j++) { $('<img />') .attr('src','imgUrl_'+j+'.png') .load(function(){ toBeInsertedToAS += $(this).attr('src')+"|"; }); theSetDataCount++; } alert(toBeInsertedToAS...

message window triggered by browser back / window close

Hi All, Im a php developer interested in going a little more client side. I need to find a way to create some kind of dialogue when either the browser back or window close buttons are hit. Can you give me an idea of the best way to go about this. Many thanks Giles ...

How to program for matching

Is there a jQuery plugin for dragging answers from one area to another, and thereby making a "matching" quiz have a fun factor > 0? Example: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; <html xmlns="http://www.w3.org/1999/xhtml"&gt; <head> <meta http-equiv=...

Animation doesn't work in firefox and IE.

Hello guys I am trying to use jquery to show my div containers coordinate with my buttons..All div containers will be hided when page first loaded. When use clicks a button, different container will show up. My problem is that the div will only show up when click a button in Chrome but not firefox or IE. I appreciate if anyone could h...

jquery UI icons issue

Hello, why does the icons do a br> itself Heres what i mean: Source: .ui-icon-bullet { background-position: -80px -144px; } <span class="ui-icon ui-icon-bullet"></span> Hello ...

Can running 2 document.ready make them conflict?

Hi, In my application i am running $(document).ready( twice on on the same page is there going to be a conflict between them? Thanks in Advance, Dean ...

JQUERY, Creating Panels, that fade IN/Out

I have a DIV on my page that I want to be able to toggle cards/divs to fadeIN & Out of. The broken code: $('.toogle-link').live('click', function() { var toogleID = $(this).attr("name"); $('.carditem').fadeOut( function() { // Animation complete show correct card $('#' + toogleID).fadeIn(); }); return...

How to programatically scroll an overflow: scroll

I have a page that has three divs one at the top, one at the side, and one content div in the bottom left. The content div contains a series of divs. and I want a button that allows you to step through them highlighting them one at a time. However, the content div contains more data than can fit on a screen, and so I put it in an overflo...

jquery: exclude children

I know this has been asked numerous times, and I have tried all the suggestions, and read all about varying selectors, and etc. but nothing is working for me given the following piece of HTML: <div class="class1"> <p><a>link</a></p> <div class="class2 class3"> <p><font><a>link2</a></font></p> </div></div> I want to select t...