jquery-ui

How to let the div grows based on Jquery sortable grid's height?

Hi, I am new to Jquery, and trying to follow an example on JqueryUI Display Grid, and putting it on a div. So the code basically looks like this: JS code: $('#demoList').sortable(); $('#demoList').disableSelection(); var contentHeight = $('#demoContent').height() + 200; $('#demoContent').animate({height: contentHeight}); HTML code...

Is it possible to link two jquery.ui draggables together?

I have two jquery.ui draggables. I am constraining their movement to the y-axis. If one is dragged to a certain y-position, I want the other to automatically move to the same y-position and vice versa. Has anyone ever linked two of these together before? ...

How can I configure the jquery ui date field to make it a good date of birth entry?

I have an entry I need to accept a person's date of birth in. I'm using a default jquery-ui date field but it is difficult for users to enter in a normal DOB using the graphical tools (typing it in is fine, but users keep trying to use the graphical tools of the date entry and get frustrated.) The problem is that there are only about 2...

JQuery newbie - dialog

Hi there, I'm trying to use the jqueryui dialog (http://docs.jquery.com/UI/Dialog) within my html page. Has anyone got any links on the web to the javascript libraries needed to use the dialog widget? My HTML code taken from (http://jqueryui.com/demos/dialog/modal-message.html) is below - I think linking to the javascript libraries is...

jQuery Plugins vs UI vs some alternative

I've been building a web app using jQuery as much as possible. Every time I need to add some new feature, I usually search for a jQuery plugin that does what I need, then I integrated it into my web app. Of course after a while this application becomes very cluttered with all these "random" plugins from different authors, each one having...

jquery UI sortable, how can i return the text of moved <li> ?

what i'm trying to do is to return the text that is contained by the moved li, after the list item was moved. Is there a way to do that? thanks EDIT: i tried: $(ui.item).text() but i get an ui is not defined error (i imported just jquery.js, ui.core.js and ui.sortable.js , do i have to import something else?) HTML <ul id="sortable"> ...

Editing draggable after it's added to a sortable

Hey, I'm trying to work out what event I need to bind to and what property I need to use to get a reference to the DOM element for the dropped item (That is the item in the receiving list. Here's what I have so far... <ul id="toolbox"> <li>A</li> <li>B</li> <li>C</li> </ul> <ul id="existing"> </ul> <script language="javascr...

JQueryUI Tabs: OK to reuse DOM element ID's?

I am using JQueryUI tabs to display a number of lists. Each list is pulled in from an external file. While each list is unique, there is some common functionality between them - for example, the user is able to delete an item from each list. I use the currently selected tab to determine how to handle the page, like this: $("#tabs").tab...

jquery sortable, how can i get element's new position?

how can i get the <li> new position in the list ? ...

jQuery accordion: prevent pane from opening/cancel changestart event

Hi, I've got the following markup: <div id="accordion" class="leftaligned"> <div> <h3><a href="#">Stakeholder</a></h3> <div>Content</div> </div> <div> <h3><a href="#">Relationships</a></h3> <div>Blah blah</div> </div> <div> <h3><a href="#">Address</a></h3> <div>Yada yad...

jQuery, do something after loading external files.

Ok, the point is having a bookmarklet load an external js that creates jquery, jquery-ui and a css file on the current web-page, with everything being done cross-domain. For some reason by the time the jquery code runs, dialog() function which is included in jquery-ui does not exist. My guess is that jquery is executing the code before t...

Select DIV with highest z-index

Example code so I can start explaining this problem: <div style="z-index:5">5</div> <div style="z-index:2">2</div> <div style="z-index:1">1</div> <div style="z-index:4">4</div> <div style="z-index:3">3</div> (z-index values do not matter, and their order, even less. Just example code) Problem: I want to select (either using CSS or JS...

how to load all jquery tabs by default ?

Hi, I am using jquery dynamic tabs for creating/editing contents.While creating new contents, its working fine.But when we edit the same content, we need to load all tabs contents to be loaded by default so that it will be available at the time of persisting. Please, help me. Its very urgent. Regards, Arvind ...

[jQuery] Update item attributes when sorting

Hi. I'm new to jQuery and I need help with my little project. I'm making drag&drop list to move movie clips and count their times when dropped to destination target... and this is working OK... But main problem is that I want to sort positions in destination div. I don't know how to make all elements time update with sortable->change eve...

jquery-ui sortable, prevent item from being moved

i have this list <ul> <li class="line"><a href="#" class="drag">header(do not sort)</a></li> <li class="line"><a href="#" class="drag">line one</a></li> <li class="line"><a href="#" class="drag">line two</a></li> </ul> how can i prevent the first li from being moved? ...

jeditable datepicker causing blur when changing month

I'm using a jquery-ui datepicker inside of jeditable. Changing the month causes a blur. In order to be able to keep functioning after the blur, I had to set settings.onblur="cancel" But I need it to "cancel" in the case of an actual blur. Has anyone run into this issue? edit: i just hacked jeditable with: monthChangeButtonClicke...

Refresh (F5) not working in jQuery Dialog

I am using the jquery dialog widget to display a modal box. However when pressing F5, while the modal is open no refresh happens. Any idea? Interesting Update: Try this demo: http://jqueryui.com/demos/dialog/#modal-message Now when the focus is on the "ok" button, then the refresh (F5) works, however when the button does not have the f...

Jquery UI: Animating remove class on callback of animating add class fails

Hello all, When some new list item is added I want it to 'blink' by animating adding a class and removing it after on the callback. This is the code: $li.addClass('new', 1000, function() { $li.removeClass('new', 500); }); Css: #galleries-list li { margin-top: 10px; background-color: #EEFFFF; border: 1px solid #99FFF...

JQuery UI Dialog widget problem with IE and ASP.NET

The JQuery UI Dialog model form widget has an issue with ASP.NET when a button on the dialog is clicked to submit the page. It doesn't work because the form elements in the dialog window are outside the html form tags. So I used the fix of doing $("#dialog").parent().appendTo($("form:first"));. It works in Firefox but not in IE becaus...

jquery image resize and rotator

Hi, what I am looking is for a jQuery plugin capable of rotating and resizing an image using handles, like in this pic (this is the webapp). Working with jQueryUI rotating and resizing the same image is really messy and the image does not contain handles to click to rotate and move. ...