sortable related
Hi, I am using following structure in my HTML page to sort various elements. This structure is generated dynamically. <ul id="a1"> <li id="a1b1"> <ul id="a1b1c1"> <li id="a1b1c1d1"> <ul id="a1b1c1d1e1"> <li id="a1b1c1d1e1f1"> </li> <li id="a1b1c1d1e1f1"> </li> </ul> </li> <li id="a1b1c1d2"> <ul id="a1b1c1d2e1"> <li
Nested droppable + sortable list
So here’s the behaviour I’m looking for: I have two lists: one contains a list of draggable items, the other is a droppable list. Dragging items from the draggable list onto the droppable appends a clone of the draggable to the droppable list. Simple, right? What I would also like to do is to make every item in the droppable list a droppable itself, so that dragging a draggable on top of it replaces the HTML of the droppable item with the HTML of the draggable item. So, for example, if, my droppable
Example of setDate + endDate in datepicker
Can anyone give me a quick example of how to use the setDate in the datepicker datepicker( "setDate", date, [endDate] ) I want to add a start and end date range to the datepicker, but it is asking for a string in the docs and i'm not sure what it is expecting. Thanks in advance.
IE dialog problem
Please visit the link http://contaflux.ro/greu/DialogIEproblem.jpg why combobox is not behind the dialog? could you please tell me where the probem is ?
[autocomplete] Suggested modification to moveSelect()
I've been working with the autocomplete widget to create a categorized list of choices -- similar to an optgroup in a select element. I bound a function to the autocompleteshow event to add the categories to the list, but ran into some problems with the scrolling behavior when using the arrow keys. I dug into the source, and found that on line 621 (of the 1.6rc2 code), replacing: listItems.slice(0, active).each(... with: activeItem.prevAll().each(... makes the scroll behavior work correctly even
Feedback on Autocomplete
[I sent this message via email to jquery-ui@googlegroups.com, but it seems to have been sucked into some Google black hole. On the off chance it makes it through anyway, I apologize in advance for the dupe.] I understand that Autocomplete will not be included in 1.6. Autocomplete is indeed fairly quirky. It's probably a good idea to defer it to 1.7. But it's an exceedingly useful plugin, IMO. I do have some feedback: Firstly, on Firefox, holding the up/down arrows in the popup menu does not continue
Draggable and Resizable on DIV
I have a div with a css backgorund set as the image and i want to use the draggable().resizable() in unison i have a bunch of images(products) that i drag to a canvas. once the drag has stopped i want the images to be resizable. does having the image set as the div's backgorund affect resizing. reason being the the resize demo showed here http://ui.jquery.com/repository/latest/demos/functional/#ui.resizable uses <img> as opposed to a css background. also my images are pngs which means that ie6 users
Moving an element by a specified offset
This is probably a very lame question, but I cannot seem to find the answer in the demo section of the jQuery UI website nor on Google, so here here we go: Is there any simple way to gently slide an element a specified number of pixels in some direction, and then leave it their until I tell it to reset to its original position? I would be able to cook something up myself using a timer and som css (position: relative), but as it seems quite trivial, I expect that there might be a simple library call
How to start a drag using the mousedown of a separate element?
I'm hoping someone who knows about the Draggables script might be able to help me... I've got a draggable DIV, contained within a parent element. I want to set it up so that on the mousedown event of the parent DIV, the draggable DIV snaps to be centered right under the cursor, and you can start dragging straight away (without pressing the mousedown again to start the drag). In other words, I want to be able to initiate a drag on a draggable DIV, but using the mousedown event of the container rather
Drag-n-Drop Delegation Style?
Since this is the official jQuery UI mailing list, I hope to get an honest answer from one of the UI devs. Is there a plan to provide a way for dragging & dropping through the event delegation method? It would be more efficient to attach all the necessary events once, especially when a container with elements that changes frequently. Currently it is possible to delegate a droppable through some trickery, but draggables still elude me. The only way is to destroy drag events when the contents of the
resizable: this.element.position is not a function
I'm getting this error when trying to pull the handle on a resizable in my layout. this.element.position is not a function Any ideas what this might mean? Thanks!
slider doc.body is null? No handle before click?
1. I have a Drupal 6.4 page that has a number of jquery-ui 1.5.2 sliders on it, each with a bit of Javascript that sets a corresponding form textfield. It behaves as expected in Safari, Opera, Camino... but on Firefox 3.0.1 w/Firebug 1.2.1 clicking on a slider yields "doc.body is null" in add(box.left + Math.max(doc.documentElement.scrollLeft, doc.body.scrollLeft) and the handle does not move. Am I doing something obvious wrong? 2. I would like the "handle" of the slider to not appear until the user
What is e and ui in function(e,ui)
Hi! I'm currently playing with sortable lists. I have two lists that are connected with each other. When an item is dragged from one list to the other a want to manipulate that item but i don't know how. I've fugired out that i should use the receive option. Then there are two arguments... e and ui. I don't quite understand what they are and how i can use them. I need some explenation. $("#left").sortable({ connectWith:["#right"], receive:function(e,ui){ } }); Thanks!
Version number missing in individual UI files
Why isn't there a version number inside of individual UI files? The only number I could find was inside of the ui.core.js and jquery.ui.all.js. This was from downloading the Development Bundle. If all files are considered to be the same number as the core, then it still helps to add it to the individual files in case just the core is updated for whatever reason and not the others and there is a mismatch. Lastly, if all files are considered to be the same number as the core does that mean that plugins
Date picker button image
How can I style it with CSS? -- View this message in context: http://www.nabble.com/Date-picker-button-image-tp20489961s27240p20489961.html Sent from the jQuery UI Discussion mailing list archive at Nabble.com.
jquery tabs an bindows gauge
hi i have a page with 3 jquery ui tabs , any tabs have a different bindows gauge. in firefox works fine, but in the IE dont works, only the defaults tab works, the others panels dont show nothing. this is my code, thanks in advanced Julian <div id="example" class="flora"> <ul> <li><a href="#fragment-1"><span>One</span></a></li> <li><a href="#fragment-2"><span>Two</span></a></li> <li><a href="#fragment-3"><span>Three</span></a></li> </ul> <div id="fragment-1"> <div id="gaugediv1" class="ui-tabs-panel"
appendTo problem in 1.6rc2
I wrote a simple script with 1.5.2 which used a sortable and a droppable. If you dropped a sortable element onto the droppable it appended it to another element. I used this functionality to make a sortable list with a 'trash' option. The same code doesn't work with 1.6rc2. The appendTo command is simply having no effect. Here is my code..... <script> $(document).ready(function(){ $("#trash").droppable({ accept: ".sortable", drop:
sortable_draggable
hello - from reading the mailing list archive, I realise that 'sortable_draggable' might be the solution I need for my current project. However, when I look at the tests, I'm finding two different versions. One has much more code.... the big version... http://dev.jquery.com/browser/trunk/ui/tests/sortable_draggable.html?rev=5148 the small version http://dev.jquery.com/browser/trunk/ui/tests/sortable_draggable.html?rev=5420 clearer the small version is the later revision, so i'm guessing that is the
1.5.2 datepicker BUG for Nov. 2008!
This is so weird... demo: http://ui.jquery.com/repository/latest/demos/functional/#ui.datepicker Look, we have 2 days (Sunday and Monday) are both the 2nd, and then all the dates are off! Where else should I report this bug to? Henry
Accordion Problem with Lightbox
I've gotten the accordion playing almost perfectly, but It appears to be contradicting with another element of jQuery: Lightbox. Check out www.idealpop.com/gallery and you'll see what I mean. For a split second, you should probably see about six or more images in a few of the li's, but by the time the page is fully loaded, all of the thumbnails are gone but one. Lightbox still works, however. I just have to click one the one thumbnail and and click the "Next" and "Prev" links like normal. But I can
When to go for a plugin? And when to go for a widget?
(about to do a presentation on UI Widgets at Barcamp Ghent 2 and want to have some input on this, just to make sure that I'm not spreading out some bollocks into the world ;-)) I was wondering: if I were to write a new functionality to use with jQuery, when exactly would I choose to write a plugin and when to write a widget? Take a starrater or a progressbar for example: one could code it as a widget, but one could code it as a plugin too. What are the advantages of using either one of the methods?
tracking the position of a object while dragged
hello community, i am using a draggable object "regler" which works fine to drag on the x axe (it's supposed to be like a volume control) but i want to put a action on it whenever it gets moved. for this action the position (distance to left edge) is needed. i figured out how i can get the position whenever i click on the object, the next step is to get the live position while it gets dragged. can anyone help me with this? your help is much appreciated! thanks in advance dirk #HTML <div id="crossfader">
Demos not functioning?
I have downloaded jquery UI and installed in a subdirectory for my test site. None of the demos are functional??? On the functional demos, I click on the navigation and nothing happens? On the real-world product slider demo, slider won't slide. What did I miss??? Jennifer
Caching Ajax-enabled Tabs
Is there a way to only load a tab once, so when a user clicks on another tab and then later comes back, it doesn't make the call again and refresh the panel?
Draggable helper : function getting error : e is not defined
I have this code: $('.sub-container ul li').draggable({ helper : function(){ return $('.helper'); } }); When I try to drag the li element I get an error. e is not defined. Any suggestions. Thanks
Click and Hold
I need to click and hold a button, while it's held i need to call a function at a specific interval. I'm thinking I will have to use a timer unless there's some other method? Thanks for any direction here. Great posts btw, learning a lot.
'drag stop' and 'drop' callback order
Just now upgrading from UI 1 to 1.6 and noticed that the callbacks for drag/drop happen in a different order in 1.6. In 1.0, the 'drag stop' callback ran before the 'drop' callback In 1.6 the 'drop' callback runs before the 'drag stop' callback Just would like confirmation from someone on the team that this is the desired behavior.
Change draggable grid a lot, and it screws up snap
Hello, I want to bring attention to a bug I reported at http://ui.jquery.com/bugs/ticket/3549 It's hard to explain this bug so therefore the bug report was lacking explanation, but had example and code to reproduce the problem instead. I'll try to explain in words here. Step 1. When a box is draggable with grid:[2,0], you expect the box to move horizantally 0px, 2px, 4px, 6px ... relative to the position of the parent element. Step 2. When you change the same box's grid to [5,0], you expect the box
bug in demo
hello, i'm trying to view the functional demo page on the jquery UI website, but at the end of each animation, it redirects the browser to the download page. That's quite radical marketing :) to reproduce the bug: click on "downloads" click on "demos" click on "functional demos" click on Effects > General > Bounce
UI - Colorpicker Bugs
Since the bug tracker is down I am bringing up the issues on the mailing list. So far I think the color picker is just fantastic but I have some minor issues. Firstly, the color picker doesn't work at all in IE. Even the functional demos do not render properly. Throws up a random button in the middle of the screen (before the colorpicker is even triggered). Secondly, you are unable to enter F's in the hex code section of the picker. And even if you do enter a color it just reverts to the previous
Draggable constrain in box
Hi.. I searched around for a while but no luck... I assume this is pretty straight forward but I can not figure it out. I am having trouble with my draggable divs being able to be dragged anywhere in the browser window. How do I constraint it to its parent div? For example the html : <div id="dragbox"> <img src="drag1.png" class="drag1" alt="zacs phone" /> </div> How would I constrain the drag1 image to the boundaries of the dragbox div? I think it has something to do with appendTo but I dont get
complex dialog box using ui.dalog
I would first like to start by saying that the interface you have developed is great!!! I'm trying to unlock it's full power , but I'm just a newbie and need help. What im trying to create with your UI is a dialog box that 1. on click retrieves the ID of it's activated anchor tag. 2. opens the dialog box 3. loads a external php file (via ajax-contains mysql connect and query) then passes the ID to the file for the query 4. displays a progress bar (ui.progressbar ) in the dialog box while content
DatePicker holiday option patch
Hi all. I've added a feature that ui/datepicker can take holiday option. If datepicker took an array of holiday time, check it and add a CSS class to date cell. I think that maybe useful for some people. Would you like to merge this? A working example and patch follows. http://www.catbot.net/src/js/holiday.html
complex dialog box using ui.dalog.js
I would first like to start by saying that the interface you have developed is great!!! I'm trying to unlock it's full power , but I'm just a newbie and need help. What im trying to create with your UI is a dialog box that 1. on click retrieves the id of it's anchor tag. 2
Scrollable Tab
Hi, I'm not sure whether we already have scrollable tab like this http://www.uphigh.org/tab/index.html . I'd like to hear comments and feedback from all of you. Regards, Jecki
tablesorter pagination issue
hello i am running into a problem with pagination plugin with tablesorter. I am using tablesorter along with jquery tabs, each tab contains a separate table. Following the instructions on tablesorter.com, tab1 table works out fine, but tab2 table the pagination navigation appears at the top of the page, instead of at the bottom of the table. Here is my js part: <script> $(document).ready(function(){ $("#mailcenter > ul").tabs(); $("#mailin") .tablesorter() .tablesorterPager({container:
jQuery UI dialog and asp.net: prevent form postback when close the dialog in IE.
Hi guys, When I close the dialog, postback is just not working for all the server controls on the main form. It gives me error, says "theForm.__EVENTTARGET is null or not an object". I use $.ajax(...) to fill the dialog. When I googled it, I came cross the following blog post http://blog.hurlman.com/?tag=/jquery I'm facing the same issue explained in that post, however I tried the solution and it seemed not to work for me. Do you guys have the same problem? Any workround?
form plugin: calling fieldSerialize() within an Event handler on same wrapped set - IE7 bug?
This code acts differently in Firefox and IE7: $('input').change(function() { var params = $('input').fieldSerialize(); ... }); In Firefox, +params+ includes the new value of the element that triggers the change event (say, a checkbox). In IE7, +params+ does not include this new value. Is this a bug? Is there a workaround? I can't use formSerialize() for certain reasons.
tracking an object while dragged
hello community, i am using a draggable object "regler" which works fine to drag on the x axe (it's supposed to be like a volume control) but i want to put a action on it whenever it gets moved. for this action the position (distance to left edge) is needed. i figured out how i can get the position whenever i click on the object, the next step is to get the live position while it gets dragged. can anyone help me with this? your help is much appreciated! thanks in advance dirk #HTML <div id="crossfader">
dialog height
I have a dialog with height defined as auto. The same dialog is reused, but new content is fetched based on the link that is clicked. What the dialog seems to be doing is basing the height of the the content that is first returned and not as subsequent links are clicked resulting in the dialog height being much too tall or much too short for the secondary content. I upgraded it to 1.6rc2 with the same results. Here is my code: $("#modal").dialog({autoOpen: false, height: "auto", title: "Training
Next Page