jquery

Getting the browser cursor from "wait" to "auto" without the user moving the mouse

I use this jQuery code to set the mouse pointer to its busy state (hourglass) during an Ajax call... $('body').css('cursor', 'wait'); and this corresponding code to set it back to normal... $('body').css('cursor', 'auto'); This works fine... on some browsers. On Firefox and IE, as soon as I execute the command, the mouse cursor ch...

jquery: see if clicked element is select form, and output all the options on a new overlay.

i am trying to do something like this in jquery. if ($(e.target) == "select"){ //var output = $(e.target).each option //display newoverlay(output) } ...

How do I incrementally build and tear down a JavaScript object?

I need a user to be able to perform these actions: Click an "Add" button. This will add a JavaScript object to either an array, or another JavaScript object. Click a dynamic "Remove" button. This will remove the JavaScript object from the array, or object, whose ID matches the button click. Submit the complete array, or object, of des...

JQuery draggable: scroll not working when helper: clone is used

I have a folder list type of situation where I can drag items from one folder to another using jquery draggable/droppable. Folder items are draggable and folders are droppable. These are in a div that is small enough to show a vertical scroll bar. I have "scroll: true" set on the draggable items so that they can cause the div to scroll....

Is there any way to use an UpdatePanel inside of a Facebox popup?

I'm using Facebox for pretty facebook style popups and I was wondering if there is any way to use it with an update panel inside of it? I have a div in a page with two drop downs, and the second drop down depends on the selected value of the first drop down. I put these dropdowns inside an UpdatePanel, and I would like to be able to sho...

How to recreate jquery dialog after destroy

Hi, I'm creating three modal dialogs on page load (using $(document).ready(function() {). I create these dialogs by calling a setDialogWindows() method, and pass it the div for the dialog. Dialog creation code is below: function setDialogWindows($element) { $element.dialog({ autoOpen: false, modal: true, show: 'blind', hide: '...

jQuery/Ajax with Zend Framework

I've been tinkering around with Zend-Framework and Jquery for a month or so, and finally started tinkering with them together using ZendX_JQuery. It seems I've ran into something that at first seemed it should be simple, So maybe I'm just missing something here. I have a view along the lines of: $this->ajaxLink( $this->escape($var->...

jQtouch and jquery loading overlay

I created a mobile app using jQtouch. I need to let my user know when an ajax call is loading after they've pressed a form button. So I want to load a mask and a simple loading gif. I can get it to work on the desktop version of the app with no problem, but on the mobile with the jQtouch framework I can't. I've tried jquery-loadmask ...

jQuery UI Sortable: Multi-item select

I'd like to (via a keyboard operator) select multiple items in an unordered list and drag them to another point in the same list with jQuery Sortable. ...

jquery: how can i create a simple overlay ?

how can i create a really basic overlay in jquery without UI ? which is a lightweight plugin ? ...

jQuery to hide all row classes except 'row2' only when the parent class is viewContainerTop

I've been to jquery select class inside parent div and Testing objects for ancestor/descendent relationship in JavaScript or Jquery and jQuery wild card character but can't seem to fit the pieces together. Thanks. <div id="viewContainerTop" class="top"> <div class="row1"></div> <div class="row2"></div> <div class="row2"></div> ...

multi-dimensional array post from form

i want to know how i can post a multi-dimensional array? basically i want to select a user and selected user will have email and name to sent to post. so selecting 100 users, will have email and name.. i want to get in php like following $_POST['users'] = array(array(name, email), array(name2, email2), array(name3, email3)); any idea...

jQuery to hide all classes that start with 'row' except ‘row2’ only when the parent class is viewContainerTop

A variation of this question... <div id="viewContainerTop"> <div class="row1"></div> <div class="NotRow1"></div> <div class="row2"></div> <div class="row2"></div> <div class="row2"></div> <div class="row3 first"></div> <div class="donthideme"></div> <div class="row4"></div> <div class="row5"></div> </div> ...

jQuery / javascript question, is a click handler executed asyncronously?

if I have $("a#foo").click(); $("a#bar").click(); dostuff(); and both have click handlers attached which do different things..is it guaranteed that bar's click handler will only execute after foo's completes? or are they dispatched asyncronously similarly..will dostuff() only execute after foo and bar's click handlers complete? ...

Translate user selected text with Google Translate API (and jQuery)

I am working on some JavaScript for a website with content in multiple languages. I would like to use the Google Translate API to allow the user to select a word (or phrase) and have a translation automatically provided. For the time being, I'm simply having it alert the result for testing. This is what I have so far: google.load("l...

jQuery Postback with Webforms

I seem to have an issue with using jQuery to do a PostBack. I can post back no problems but non of my page control values are there. The code is like this; WebForm.aspx; <script src="/jQueryPlugins/jQuery.Form.js" type="text/javascript"></script> <form id="myForm" action="MyForm.aspx" method="post"> <input type="text"...

Jquery Cycle + Firefox Squishing Images

Hey guys, I'm running jQuery Cycle for an image gallery. View the link: Here My problem is that the images are getting squished when viewed in firefox. The problem disappears when I re-load the page. This leads me to believe that the Javascript is triggering before all the images are loaded (usually the first image works fine and the re...

jQuery toggle on each?

im using jquery to toggle some paragraphs. its pretty easy with just one paragraph but say i have a very generic setup. the second paragraph is initially hidden with css. <p>some text</p> <p>some more text</p> <a href="#" class="more">read more</a> <p>some text</p> <p>some more text</p> <a href="#" class="more">read more</a> problem ...

How to create effect like following with jQuery?

here ...

Selecting a class from appended element with jQuery

I'm creating an inline edit input['text'] snippet with jQuery. the html will be like this : <div id="inline"> <span class="item">Color</span> </div> I got stuck in here (here is my code) : $('.item').each(function(){ $(this).click(function(){ $(this).hide(); $(this).parent().append( '<form method="post" action="" id="i...