jquery-ui

check if datapicker is open

hi i have a field with a datapicker. i want know if it is open. i've tried with: $("#filter_date").datepicker( "widget" ).is(":visible") but it returns always true. how can i do? thanks ...

jQuery UI Dialog buttons

Hi Folks, when creating a dialog with buttons like: buttons: { 'button text': function(){ // do something }, do I have access to the button within the click event handler? $(this) is the context/jQuery object of the whole dialog. I doubt I have to be such cr...

jquery ui draggable custom helper element

Im working on building a jquery plugin to re-arrange the order of columns in a table NOT table rows! I'm using the jquery ui draggable/droppable libraries to do this. The table header cells are the draggable elements. Once a header cell is dragged I want the helper element to be a cloned verson of the table column. So far I've come up ...

JQuery UI - Using Widgets Polymorphically

I was planning on creating several widgets using JQuery UI, and use them polymorphically. So, say I have two widgets called widget_1 and widget_2, both of which define a "public" method called testMethod(). I would like to blindly take either object and call the testMethod. Something like: widget.testMethod() However, JQuery seem...

understanding jquery ui events

The following is an excerpt from jQuery documentation Code examples Supply a callback function to handle the selected event as an init option. $( ".selector" ).selectable({ selected: function(event, ui) { ... } }); Bind to the selected event by type: selected. $( ".selector" ).bind( "selected", function(event, ui) { ... }); I tr...

All about Jquery Widgets

I am looking for a good tutorial on jQuery Widgets. I have been following this guide (http://bililite.com/blog/understanding-jquery-ui-widgets-a-tutorial/) , and while very helpful it would be nice to have an extra resource or two to go by. ...

jquery ui sortable serialize from children

I want to send an Array with image paths and captions to a PHP script after I sorted the images. I can do 'serialize' or 'toArray' on the lists, but how to get the attributes from the img tag? <ul class="gallery"> <li id="li-1"> <img src="tn/001.jpg" alt="first caption" /> </li> <li mycaption="some caption" id="li-2"...

Loading JSON-encoded AJAX content into jQuery UI tabs

We want our of our AJAX calls in our web app to receive JSON-encoded content. In most places this is already done (e.g. in modals) and works fine. However, when using jQueryUI's tabs (http://jqueryui.com/demos/tabs/) and their ajax functionality, only plaintext HTML can be returned (i.e. from the URLs specified in the a tags below). H...

Removing empty space with jQuery after deleting Selectable item

I have two ordered lists and user can move items between them. I am using jQuery UI's Selectable for both of them. Problem is that when I move item from the middle of the list it leaves an empty space behind. How can I make list shrink according to the how many items is actually in the list? HTML <ol id="allUnits"> <li class="ui-st...

jQuery Sortable, Restrict to 1 item

I'm trying to build a jQuery sortable list that has two lists, an available, and an 'allocated'. The 'allocated' list receives items from the 'available' list, and only one item can be 'allocated' at any one time. Is it possible to enforce this kind of constraint without a lot of additional logic/checks in the jQuery UI? <ul id="availab...

jQuery Modal Dialog without jQueryUI

Hey Guys I was wondering how to implement a modal dialog with background overlay with jQuery without using the jqueryUI plugin? ...

JQUERY, Compare two Text Blocks, and then animate only the new text

I have two blocks of text Text Block 1 - Currently displayed on the page: "Ahd Hd ahaSdjdajs dadjs jasd adskadskl1lksad klasd klasd dsa Ahd Hd ahaSdjdajs dadjs jasd adskadskl1lksad klasd klasd dsa Ahd Hd ahaSdjdajs dadjs jasd adskadskl1lksad klasd klasd dsa Ahd Hd ahaSdjdajs dadjs jasd adskadskl1lksad klasd klasd dsa" But now Block 1 o...

Hover/Fadeto/Toggle Multiple Class Changing

So my problem is rather simple and complex at the same time. I am trying to create links that fade in when you mouseover them and fade out when you mouseout of them. At the same time that you are going over them I would like a pic to slide from the left. This is the easy part, I have every thing working. The image fades and another image...

Force Postback from code behind? Or reload JavaScript from an Asynchronous Postback?

Hi all, I've got a Jquery UI dialog that pops up to confirm the creation of an item after filling out a form. I have the form in an update panel due to various needs of the form, and especially because I want validation being done on the form without reloading the page. JavaScript appears to not reload on an asynchronoous postback. Thi...

JQuery UI Tabs: Apply opacity toggle to only specific inner element?

I am using Jquery UI tabs, and have it set to toggle the opacity with each slide change. I'm wondering if there's a way to apply the opacity toggle to only a single element within each tab, instead of the entire tab. My understanding of jQuery is pretty basic, so bear with me. So, If I have something like this: <div id="tabs"> <ul...

Jquery Sortable and mouseenter problem

I have sortable divs and in this divs - paragraphs. If I use mouseenter event to check if the mouse is in this divs - it doesn't work. I.e Sortable + mouseenter on the sortable elements = doesn't work. How can I fix it? Here you are some code $("#sort").click(function() { $("#ps").sortable(); $("#ps").disable...

Applying JQuery UI css to a textarea element

Hi. I'm using JQuery UI for a web based development at the University. I got some forms that I put into a dialog, so I got elements like <label for="name">ID user</label><input type="text" name="iduser" size="15" id="iduser" class="text ui-widget-content ui-corner-all" maxlength=12 /> But I got some textarea elements like <label fo...

Worth it to use jQuery UI hosted by Google?

Hi So I heard good reasons why to use the jquery hosted on google because of caching. But I am not sure about jQuery UI though. I am guessing that the jQuery UI file hosted on google has every single extension and plugin (such as Draggable, etc). So is that not kind of a waste if say your only using only jQuery UI tabs? to get all tha...

Surely eAsy but I am not able ... JQUERY UI - WIDGET - HEADER

I was making this simple trial, but can anyone tell me why the distance from the border of DIV to the H2 header is so much ? How can I reduce it ? I don't want space ... Prova WIDGET <link rel="stylesheet" href="jquery-ui-1.8.custom/css/smoothness/jquery-ui-1.8.custom.css" type="text/css"> <script src="jq...

"'data(...).options' is null or not an object" in jquery-ui

I'm using jquery-ui 1.8, and getting this error in Internet Explorer: Webpage error details User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; .NET4.0E) Timestamp: Mon, 10 May 2010 06:26:48 UTC Message: 'd...