Get it while it's hot: jQuery UI 1.5a and jQuery Enchant 1.0a!
Hi everybody! I'm very happy to announce the first alpha release of both jQuery UI 1.5 and jQuery Enchant 1.0 to all the adventurous guys out there. This is a huge update - the whole API has been standardized and updated, and many of the plugins have been completely rewritten. jQuery Enchant is the missing part of UI: A library completely devoted to rich effects. It already features all effects you know from scriptaculous/interface, as well as many more great additions: color animations, class animations
Slider change values won't work
i chenge the sliders value with $ ("#handler").data("maxValue.slider","100") i du a stop funktion like this stop: function(e,ui) { $("#scroller").css({"left": - Math.round((ui.value))}); alert(ui.value); }, but after changing the value with $ ("#handler").data("maxValue.slider","100") the maxvalue is the same than befor is this a bug, or am i doing something wrong? greet jens
Dynamic Elements creation?
Hi, can Jquery UI support dynamic element creation? E.g. $("#test").sortable({ revert: true }); If I append a `<li />` within "#test" on the fly after page load and I found that it is not sortable. Any suggestions? Thanks.
IE 6 Dialog Issue
In IE 6, dropdown elements can be seen above the dialogs. Is this a bug or do I need to wrap my elements in iframes or using z-index?
any idea about speeding up the drag & drop?
if there are many droppable items , the drag speed will be slow down a lot. Is there any way to speed up? Thx. Lucian
UI Accordion 1.5 - Using the navigation option in a nested accordion.
I'm trying to figure out if it is possible to use the navigation option of the UI 1.5 Accordion within a nested accordion. I wouldn't normally ask for assistance, but after 18 hours and a dozens and dozens of prototypes I've hit a wall. I've not been able to find anything like what I want to achieve for reference, which has been part of the battle. Essentially I am trying to achieve a nested accordion menu with up to two sub levels. I need to make use of the 'navigation' option so that the accordion
sortables & cookies
Hi all, just wondering if anyone has got sortables working with cookies? I need the sortable items to remain in position on page load but just can't figure it out.
cancelHelperRemoval doesn't seem to be working
ui.draggable.js line 226 if(this.cancelHelperRemoval) return false; but if i change it to if(this.options.cancelHelperRemoval) return false; it works fine.
Accordion options
I can't get how the accordion options are working. I want the accordion completly closed at first then the regular behavior, with the possibity to close all the divs (like the accordion is supposed to be when the page is launched first). Can someone tell me where I get it wrong in this code? <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
2 issues: initialization and date default
Hello, I am new to JQuery UI, but like what I see. I have begun trying to implement it, but am having two issues. I tried the Beta, but am now on last nights nightly, neither of which I am having success with this code below: <input type="text" name="formFld_6" id="formFld_6" size=15 maxlength=11 value="11-JAN-2008" > <script type="text/javascript"> $(document).ready(function(){ $('#formFld_6').datepicker(); }); </script> Problem 1: --------------- When the date screen tries to initialize, it places
idTabs [i have question]
Hello, I want to make such http://www.sunsean.com/idTabs/ on my site. but can't get how to do it :( There is this link => http://www.sunsean.com/idTabs/jquery.idTabs.pack.js what to do with this link? Let me know how to install that tabs on my site pls :)
draggable/droppable works in FF2, not IE7
Hi. I am using jQuery to add column reordering to a table by making the th elements draggable/droppable. It works perfectly under FF2 but fails under IE7 with a script error inside jquery-1.2.3.js at the indicated line below: jQuery.fn.offset = function() { var left = 0, top = 0, elem = this[0], results; if ( elem ) with ( jQuery.browser ) { var parent = elem.parentNode, offsetChild = elem, offsetParent = elem.offsetParent, <<<<<< error breaks here Under IE, it appears
bump
bump
Forms in sortables not running IE7
Hi, after trying to port my app to ui 1.5b, and crashing, I open this issue to ask for help!! Using ui 1.0, all is running ok, but only one thing. If the sortable container contents some forms, this forms are not running ok in IE 7. Anybody has experienced this issue? Some workaround please?
Drop bug....
Hi, I have some problems with jquery.ui 1.0, so i was porting to 1.5b, but after two days trying to port... I discovered that i cant droppables to run. Today i tested the demos in the web, but they are made with version 1.0, and the demos in the source code from 1.5b are not running either. I thinks its a very interesting library, this jquery, but... having to leave after spending a few days... drives me crazy!!
Moving elements between two sortables, callback function on both?
Hi there, When moving an element from let's say Sortable1 to Sortable2, does anyone know how to trigger the update callback in both affected lists? I need to serialize both source and target and then update the order in my db, but I only manage to get the "update" on the source list. I read in previous posts that this should be implemented in the trunk now, but I'm apparently to dumb to get that to work (downloaded the trunk version and tested). Appreciate any help! Thanks, Mickster
set content of dialog after opens
I need to create dynamic dialogs that are based on context of link that opens the dialog, how can I set the content of the dialog after it opens, or just before? I can't seem to get it to work.
stopping ui.tabs rotate (ui.tabs.ext)
Hi... I am using the rotate function with my ui.tabs, but would like the rotation to stop when the last tab is reached, rather than loop forever. Is this possible? I tried placing a stop by adding a click function on the last tab, but it doesn't seem to be triggered by the rotation. Does anyone have a suggestion? Thanks.
UI Tabs Alignment in IE
Finding the jQuery Tabs the other day saved my bacon! I am loving the ease of use. I have just one small problem that I just can't find. On Mac FF and Safari, the tabs are beautiful. On XP FF, they work great. However, on XP IE6 or 7 their is a 30px (?) gap under the tabs to the rule. I can't find any CSS to fix this. Any ideas? Page with the issue: http://adlets.org/Create+Adlet/ Thanx Marc
Overlay for modal window disappears (issue with Firefox)
Hi, When I open 2 modal windows simultaneously and close one of them, the overlay disappears. This happens in Firefox for me I haven't tried it in IE. - Moazzam
Drag on to sortable
Is it possible to have a sortable react to arbitrary draggables? I would like to be able to drag elements into a list in any position plus get the visual feedback of where the element will be placed. I could, conceivably, apply sortable to my source elements and use connectWith but I don't want those elements to be rearranged. Moreover, I want the source draggables to be cloned not moved. I poked through ui.sortable.js to see about wiring it up myself but (a) the code was, for me, somewhat impenetrable
Event delegation with UI sortables, attn. Karl Swedberg ;)
Karl's excellent website, www.learningjquery.com, has helped me no end in recent days - thanks Karl! But I can't get the technique described in his recent article on 'working with events' to work in a different context - this one being UI sortables. Here's a page containing some sample code I'm having problems with: http://www.rymix.co.uk/jquery/d13/sortables3.html Basically, #column contains divs with the class .portlet. I have a script which prepends .portlet divs into #column, but they aren't
Need to initalize empty sortables so items can be moved to it
Hi, I am trying to make a set of polls where you can have multiple questions in a poll. And, move questions from one poll to another. Currently, you need to have an item in the sortable to initialize it and I need to check if the <ul> has an <li> element before I can initialize it as a sortable. Does JQuery-UI plan on changing this so empty <ul> elements can be initialized as sortables? Thanks, Moazzam
Accordion - by Jorn Zaefferer
Hi, I am a newbie to jQuery and really liking it but I have query with regards to the Accordion plug-in by Jorn Zaefferer. All is working fine but I need a means of implementing nested accordion menus within parent accordion menus (so spanning within many parent menus and not just within one) and not sure if this is possible - if so, not sure how to do it? Basically want to have an accordion menu that can look like this: Menu1 (parent) +-----Menu1a (element) +-----Menu1b (element) +-----Menu11 (sub-parent
Accordion - by Jorn Zaefferer
Hi, Just another query on this accordion menu, I find that when I first open the page (using IE6) - it also seems to happen in the demo page as well, everyhting in the accordion menu expands quickly and then closes this up. FYI, I have alwaysOpen: false and jQuery('#list1b').accordion("activate",false); Is there a way to prevent this quick flicker of the accordion opening and then collapsing? Thanks.
c has no elements in ui.droppable.js
Hi, I'm having problems debugging javascript. I have two sortables. One of them is droppable too, and when dragging from the other sortable, i have this message: c has no elements in ui.droppable.js line 60. I'm not an expert, and i dont know whats doing this function, so... asking for some help. Nevermind, im debugging the code because im havin problems with my page, and im not sure this error is the reason, because it seems to be dropping the element im draggin ok, but there are no other errors...
UI Sortables, Droppables and Dragging
Hi, Basically I have muddled together a sortable list that is also a droppable list. I have some draggable elements that I drop/clone on the list and it all works. I have buttons on the sortable list to move the elements up and down which disable when they get to either the top or bottom of the list. Now the problem is when you drag the sortable list elements the code that updates the disabling of the up/down links doesn't seem to work (does using the buttons though). So you end up with for example
Bug in ui.dialog.js
Hello! After hours of searching I think I have found a bug in the script. It's about this section: this.activate = function() { var maxZ = 0; $('.ui-dialog:visible').each(function() { maxZ = Math.max(maxZ, parseInt($(this).css("z-index"),10)); }); overlay.$el && overlay.$el.css('z-index', ++maxZ); uiDialog.css("z-index", ++maxZ); }; I replaced the line maxZ = Math.max(maxZ, parseInt($(this).css("z-index"),10));
accordion - skip contents
I used tht accordion effect...if content with UL or extra dives...then openning tab its will not show smooth animation...just show skiiping effect....pls tell why tht issue happen css problem?
Sortable placeholder display issue in IE
When using IE (6&7), the placeholder div appears over the item being dragged. See # 4: http://dev.jquery.com/view/trunk/ui/demos/ui.sortable.html Any suggestions for fixing this?
dialog height calculation
Is there no way for the dialog to automatically calculate the height needed? Adding height: -1 works in FF but not in IE.
Sortable Tolerance
HI all - I'm working on a web app that has a three column layout, each column containing a number of modules that are sortable. Each module has a handle that is a nested h2 tag. Everything is working, now I'm concerned with tweaking it to improve usability. At the moment, when I drag a module, the portion of the module that needs to be atop the sortable container is kind of awkward: it's like, the lower third of the module. Now from the source I don't believe that the 'tolerance' option can be used
modal dialog disappear in IE7
Hi! With the latest trunk, when I show a modal dialog, while it work correctly in Firefox, with IE7 when I first click on it the dialog disappear... MarcelloP
Documentation update
Hi team, There is something unsupportable as a developper : a wrong documentation. And I have to say that with Jquery UI : there's always something wrong ! First of all, when a plugin from outside is integrated to UI, all the methods changes ... great deal :( I have used tabs, resizable, draggable, and some others for a production website and I am trying to upgrade to UI 1.5b2... And sometimes in a very strange way : * To disable a tab in Tabs 1 : .tabs('disable', n) * To disable a tab in Tabs 2
datepicker problem in ie6
hi all :) I have a problem attaching the ui.datepicker to a hidden input, as described here: http://marcgrabanski.com/code/ui-datepicker/ this works perfect in ff and ie7, but ie6 tells me that the object doesn't support the method or property... the code is very simple $('#charter_h_data_p').attachDatepicker({ minDate: oggi, maxDate: new Date(aaaa, 11, 17), buttonImage: 'images/calendario.gif', beforeShow: readLinked, onSelect: updateLinked }); the variables and functions are defined elsewhere.
"jQuery UI 1.5b" missing ui.base.js
Am i missing here something or is ui.base.js really missing from the 1.5b release. Here are the steps, 1) I went to ui.jquery.com and downloaded 1.5b from the following URL http://code.google.com/p/jqueryjs/downloads/detail?name=jquery.ui-1.5b.zip 2) I went to documentation and it says that for "slider" i need ui.base.js because it is a dependancy but i dont find the file in the 1.5b release http://docs.jquery.com/UI/Slider Can anyone help?
value attributes are missing in ('#someid').html() in firefox
Hi e.g. I have a dom like this: <div id="someid"> <input id="inputid1" type="text" name="inputid1" value="sometext"/> <input id="inputid2" type="text" name="inputid2" value="somemoretext"/> </div> when i use $("#someid").htm(), it should return everything in html format inside div of someid. It works in IE, but it doesn't work in firefox. It returns something like <input id="inputid1" type="text" name="inputid1" /><input id="inputid2" type="text" name="inputid2"/> Looks like the value attributes
How to rename the DOM ids when doing clone
Hi I was just wondering how could i rename the DOM ids when i clone them. e.g i have some code like this below <div id='cloneme'> <label id='lbl1'/><textbox id='txt1'/><button id='btn'>button</ button> </div> --- this will bind the event with the button click inside $ (document).ready(...) $('#btna').bind("click", function(){ $('#cloneme').clone(true).insertAfter('#cloneme');}); --- Everytime i click on the button, the whole div part would be cloned and inserted after the 'cloneme',but when i look
Dialog
There is a problem with scrollbars behind the dialog in FF. The Scrollbars are always ontop, so you can see the dialog divided with scrollbar. Is there any way to solve it?
dialog create and open behaviors
I would like to "reuse" a dialog on a page by modifying the content of the div depending on which link will open the dialog. If I have 2 links to "open" the same dialog, is there a test to determine if it's already created? Doing this: $('mydialog').dialog('open') when the dialog hasn't been created doesn't work. I cant' just do this $('mydialog').dialog() from both links because if it has been created and closed, it doesn't reopen when called. Are there any problems with doing this: function openDialog(){
Next Page