Going for a sort-of Windows explorer-style drag-and-drop folder behavior here. The "// make chapter items droppable" block isn't working - specifically, it's not appending the draggable to the dragged folder's list. <html> <head> <script src="js/jquery-1.3.2.min.js" type="text/javascript"></script> <script src="js/jquery-ui-1.7....
I've got a simple setup using jQuery UI's default sortable/draggable functionality. I now need to add a 'palette' which will will be a list of all items in all lists (and some that may not be in any lists). Like this: <ul id="palette" class="ui-sortable"> <li class="used">A</li> <li>B</li> <li class="used">C</li> <li class="used">D...
What is the difference between jquery and jquery UI? are they both different framework? Is jquery library needed to work jquery UI? or both works standalone? what is difference between any jquery tab plugin and jquery UI Tab? which is better to use? ...
Hi, I'm creating a web application which loads tabs using AJAX. My problem is that if I have multiple tabs, jQuery reloads a tab every time I click it again (after visiting another tab). Here is my code: index.html: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd...
Hi, I am using this code: $(document).ready(function() { $("#tabs").tabs({ event: 'mouseover', fx: { opacity: 'toggle', duration: 'slow' } }) }); which works fine if I have either the FX or the mouseover, but if I combine the two, the tab content shows, and THEN fades in. Any i...
Hi, I'm doing an animate with JQuery UI. I've go an icon which I want to stick out over the edge of the div, so I'm using negative margins. The animation resizes the div and changes the background color. However, when I animate the div the areas of the image outside the div (in the neg margins) disapear for the duration of the animat...
On pdf downlaod link need to open a jQuery dialog and have a form taking name, email and a confirmation checkbox. There will be some validation on the fields eg. required min and max size etc... Have initialised the dialog on page load and the dialog is opened on pdf download link. $("#dialog").dialog({ bgiframe: true, autoOpen: f...
Dear all, i have a page with 2 columns, content and sidebar (dom (html + css) not created by me, and there is no time to recreate the system) there is some jquery on document ready, to calculate the height of the content, and make the sidebar the same height. now recently we were asked to insert an accordion, and the previous person t...
Hi, I am working on a web form that dynamically adds text fields as the user desires for multiple dates. In essence this is what happens... The user goes to the form, it has a primary date text field for the user, IF the user so desires he may add a date text field through clicking a button that says "Add Date". The javascript is as foll...
This post talks about the problem that jQuery tabs is still having with the back button. What the customer needs is fairly simple - when they press back, they want to go back to what they were just looking at. But jQuery tabs loads the first tab, not the one that was selected when the user left the page. I've read the accompanying lin...
I need to modify the dialog confirmation buttons. I want to have the confirm and cancel buttons swapped around (so cancel is to the right not the left of the confirm button). I also want to change the background image on the confirm button so that it's a different colour. I thought about doing this in seperate jQuery code so that I don't...
I have a challenge with CSS and Jquery Sortables. I am extremely new to Jquery so I have no idea how to achieve this. Here is the goal: To have a horizontal plane of Parent Menus. Parent menus can be sorted by dragging them from right to left. Each Parent Menu Has its own unique ID. Each parent menu can have 0 - unlimited sub menus. ...
Hi, when a jQuery UI dialog opens it seems to select one of the buttons and highlights it or sets focus to it etc... How can I stop this behaviour so that none of the buttons are highlighted when the dialog opens? Thanks! EDIT I tried the following in the dialog options which didn't remove focus from the buttons ... open:function(event...
All- I know this has been asked, but the previous solutions don't seem to apply to my situation. I have a simple table with a number of records in each row, with the final column being a delete hyperlink. I'm trying to use the dialog to pop up and confirm delete. This works perfectly if I use explicit names of the div where the dialog i...
I am writing a form wizard using JQuery's accordion module. The problem is I want to override any mouse clicks on the accordion menu so that the form is validated first before the accordion will show the next section. I have tried the following: $('#accordion h3').unbind(); $('#accordion h3').click(function() { if (validate()) { ...
I have a page where i have a sortable list of items (a div with class 'sortable'), which can initially have some items in it or be empty. The items are in another list on the page, and have an 'add' button. When add is clicked, they go into the sortable list. When the page loads with some items in the list already, the sorting works...
I'm using jQuery-ui draggable and droppable in my page. basically I'm implementing an accordion, where you can drag an item from one section and drop in another. I don't use jquery-ui accordion - I simply want to reveal the relevant section and hide the others when the time is right (when you hover over a section header while dragging). ...
Let's say I want to give my partners a simple <script src> tag to include some dynamic content on their site, loading from my site. Is there any way I can use some javascript framework in my .js file so I can do some more fancy things? jQuery? I assume this is a problem as it might conflict the site's own javascript code? What if they a...
I realize this is a very generic question, but I guess I'm not really looking for a definitive answer. Being new to PHP frameworks I'm having a hard time getting my head around it. Javascript frameworks, especially with UI extensions, seem to have their sort-of MVC-like approach by separating your JS code from your design. It just seem...
I've combined 3 jQuery applications - sortable tabs from jQueryUI, slideshow from Six Revisions, and John Nunemaker's FancyZoom. It can be seen here. The combined application works well in FF, Chrome, and Safari, but in IE6 the slideshow does not work properly. The slides overlap the left control button making it non-functional. Help p...