Slider documentation does not seem to correspond with code
1) The code seems to pay attention to an option called "values". That option is not mentioned in the API documentation. 2) The documentation describes an option called "handles", but it doesn't look to me as if the code pays attention to it. 3) The documentation says that event handlers will be passed an object that includes a reference to which handle has changed, but that does not appear to be the case - the code to me indicates that the callback is only given the value of the changed handle. Am
Body Droppable
Having no luck with this. Searched the group and couldn't find anything similar. Is it possible to make the body element droppable? I've tried the code below and with some console logging I can see the droppable being bound to the body but the drop events do not seem to activate. Any clues? $('body') .droppable( { accept: ".nl-tool", drop: function(ev, ui) { a = ui.draggable.data("toolDrop"); if (a != null) { a( $(this) ); } }, greedy: "true" } ); kevin
love your progress guys
May I just say ... that the quality of work coming out of the jQuery UI team is just stunning. I'm especially fond of the level of transparency you've provided via the wiki site (http://jqueryui.pbwiki.com/) .... I mean, I wish all open source projects were so well presented. And what you've done with UI Widgets & Theming is just amazing!! You all deserve awards!! I'm one happy jQuery developer, thanks so much :)
How to find out if a dialog is on top (or relative z-order)
My page opens multiple dialogs. If a user clicks an element within one, I automatically close the dialog. However I only want this to happen if the dialog is the top-most dialog, otherwise the default behaviour (of bringing the dialog to the fore) should remain. Is there any way to determine if a dialog is currently the top-most one?
[accordion] 1.6 rc 4 and 5 - assignment of selected class (both default and selectedClass) assigns it to the wrong div
Hi, as in subject, assignment of selected class to the active accordion element (both default and via selectedClass) assigns it to the wrong div, actually to the accordion content div. It works as expected with ui 1.5.3 . div structure: <div class="content-box"> <div id="test-accordion" class="accordion"> <div class="accordion-item"> <div class="accordion-toggle">Introduction</div> <div class="accordion-content">
Pleasr Help me with dialog (how i can close it ?)
hello all .. i want to do this : i have a form it views with dialog .. i want when i click submit button the dialog close .. ho i can do it plz ?
UI Tabs: How to change Text of a Tab
Hello, how can I change the text on a tab after the element is created? Thanks, Stefan Sturm
Accordion Problem with latest svn version
Hello, I use the latest svn version and jQuery 1.3. I now get this error using an Accordion: The Accordion get displayed OK and when I click on a header, it opens the correct part. But after this I get this error and the Accordion is no longer responding: o.toShow is undefined [Break on this error] o.toShow.add(o.toHide).css({ ui.accordion.js (Linie 359) Where is the problem? Greetings, Stefan Sturm
1.6r5 Dialog close button
My first question was going to be about proper CSS, but then I realized I'd forgotten to include ui.dialog.css...but my second question still stands. How do I disable/hide the close button? I want to just have two button on the bottom to the effect of "Okay" and "Cancel", but no close button. I tried using the "buttons" dialog option with {"cancel": null} but this of course didn't work. Thoughts?
droppable demo doesn't work
The example on the Droppable page does not work here: http://docs.jquery.com/UI/Droppable It does not append "Dropped!" upon drop. This is the only demo that I've found that does not work. FYI I am using Firefox 3.0.5 on Mac OS X 10.5.6. If you fix this, can you please tell me what was broken? Because I am also having trouble getting the drop function to work. Thanks.
jQuery 1.3, UI Tabs 1.6r5, ajax...
using jQuery 1.3 and jQuery UI 1.6r5 On a page I've got some ajax tabs. Now in a global.js file I initialized tabs before I switched them to ajax. //initialize tabs $("ul.tabs-nav").tabs( defaults = { navClass: 'tabs-nav', selectedClass: 'tabs-selected', unselectClass: 'tabs-unselect', disabledClass: 'tabs-disabled', panelClass: 'tabs-panel', hideClass: 'tabs-hide', loadingClass: 'tabs-loading' } ); Some of the tab contents contain UI Datepicker enabled textboxes (which I also had originally initialized
UI Datepicker - 1.6r5 not working in IE6?
Can anyone confirm that UI Datepicker is working in the latest versions in IE6? The datepicker is appearing, but it doesn't seem to be transferring the clicked date to the text input the demo's appear broken on the UI site, in IE6
UI Tabs, custom loading icon/spinner
I have some tabs that I've added various 'flags' to - basically icons that indicate various states and qualities about the content. The markup looks something like this: <li class="tab-flag"> <div class="icon status-loading"></div> // status-ok, status- invalid, etc <a href="test-ajax.htm"><span>Performance</span></a> </li> basically, the 'tab-flag' just signifies a tab that has a flag (modifies the basic dimensions to allow the positioned div.icon), and the 'status-X' class determines which icon
similar to igoogle ??
hello i want to use "draggable" interaction and show/hide effect in my website.. when the user drags or hides a div block, i want to save the new settings (position of block, visible or hidden setting) for each block.. so, when the user logs in again to my site, his preferences should be used.. i know basics of html javascript, php, and mysql.. pls help me thank you
UI Tabs with Facebox in IE7 throw a Exception
Updating my projects to jQuery 1.3... And now using jQuery 1.3 and UI revision 1636 at SVN http://jquery-ui.googlecode.com/svn/trunk/ui/ But in IE 7 I get a script error: Exception thrown and not caught What that error can be? In jQuery 1.2.6 and older UI Tab, It's was work fine. Some body help me?
Snap after drop
Hello, Is there a way to have a draggable snap to the exact bounds of the droppable in which it is dropped (they are the same size), but not snap until it is dropped? -Josh
3d carousel effect - just like on previous UI website
can you tell me, what was that plugin?
[Dialog] Close event broken in 1.6 rc4 ?
Hi everyone. After upgrading to 1.6 rc4 dialog's "close" event functionality seems to seize working for me. Here is a test code: <div id="test"> Test </div> <script type="text/javascript"> $(function() { $("#test").dialog ({ autoOpen: false, modal: true, overlay: { opacity: 0.5, background: "black" }, close: function(e, ui) { alert("close"); }
customizing/fine tuning themes in jQuery UI
I've just started playing with the updated jQuery & jQuery UI, as well as a very basic theme from themeroller. I'm currently working on something that uses UI Tabs --I've been using the pre-UI versions of tabs for a while now-- and there are a few things to get used. For example, I've noticed that jQuery UI throws a class="ui-corners-all" on my ul.ui-tabs-nav. It's part of the theme, but I don't want it on my tabs. Is there a way to specify that jQuery UI not attach "ui-corners-all" to my tabs? Or
UI Modal Feature
Hello, Congratulations on the new 1.6 UI release. It's looking great! I just have one request thus far.... Can the modal feature of the dialog be used without requiring the dialog widget? Or can it be added to the interactive APIs. For example: $('div#myid').modal(); Best regards, Raymond Irving
ToolTip for objects (not form elements)
Hi, I'm looking for some nice tooltip script, which will show a tooltip for an image. The requirement is that the user has to be able to move the mouse over the tooltip as well, as there are some clickable links in it. any ideas? Most results I found were tooltips for form elements, or fancy but useless for me scripts which hidden the tooltips as soon as user moved the cursor over the tooltip.
jquery needs array module for drupal
Hello :) I've just found jQuery and I wanted install it on my drupal site... But, it needs array module, and I have no idea where to find it... On drupal.org/projects/modules is only pagearray module and that's not what I need... Does anybody can help me ? Have any idea where I can find "array" module ? Or maybe there's any other way top install JQuery'a on my site . Regards, kroolek :)
help for using options with selectable
Si there something wrong with these lines, I don't manage to get the ending event of the selection: $(document).ready(function(){ $("#myList").selectable({ stop: function() { alert("stop"); } }); }); I tried to add 2 arguments in the callback function, but it does not work. (I am using jquery_latest). Thanks, Eric
ui widget factory: init callback problem
Hi all, I'm using the ui.core framework to develop a few widgets for a site at the moment. I ran into the problem below. I'm developping with ui 1.5.2 but the problem still exists in SVN, as far as I can tell from the code. My widget constructor (method init) takes a callback function as one of its input options. The callback is fired from within the method init itself. The callback function (or any function called by it) then attempts to call one of the method of the widget via the call $ ("query").mywidget("some_method").
Dynamic Tabs URL
I have read every post that I can find re: changing the URL prior to loading UI Tabs, all to no avail. Here is my problem... 1. Create a URL from text value of the tab and several dropdown values. For instance, if the text within a tabs /<span//> tag says "para1", then I use that as one of my parameters in my URL. According to my alert boxes, I have this part working.... 2. Alter the href of the currently selected tab to the URL created in Step 1 <u>prior</u> to loading the panel via AJAX.. This
jQuery UI Dialog data passing example needed
is there an example of data passing using the "open" option in jQuery UI dialog? the documentation states that "The data passed is the opened dialog options object." but how does that work exactly in code? thanks,
ui.Sortable issue in 1.6rc5 and jQuery 1.30
Apparently, not is possible to remove the placeHolder, indeed to end drag, are two placeholder. I use a handles (div.RESIZE div.SORT) in a structure <ul class="ui-tabs-nav"> <li><div class="RESIZE"><div class="SORT"><span class="NAME"></ span></div></div></li> </ul> I'm created a datagird widget with reorder of columns and data, works perfectly in jQuery 1.2.6 y jquery.ui 1.6rc4. And someone that tell me where can upload a ui plugin? Thank you, and sorry for my english, I'm a speaker spanish.
uiDialog and jQuery 1.3 Issue
First, sorry for my poor english. The issue occurs, when set the callbacks to open or resize, this not function, not be call it. The ui Version is 1.6rc4. and thanks you, the library jQuery an UI is a great saving of time. Bye!
jQuery dialog option draggable
Hallo all. I got a problem with a div dialog. It seems not possible to pass any options to the draggable option. When i use the draggable api on a div I can pass an options list: $("#div2drag").draggable({ containment : 'window' }); but if I want to have a dialog draggable with the same option is not possible $("#div2drag").dialog({draggable:{containment : 'window'}})}); Is there any way to achieve this task. Kind regards Max
Draggables' activeClass
I upgraded to jQuery 1.3 and jQuery UI r5 from jQuery 1.2.6 and jQuery UI r4 to solve one Draggable bug only to have another crop up. After upgrading to r5, activeClass no longer seems to work. Is it broken, or did it change in some way? Any pointers would be appreciated.
plugin incompatibilities could cause problems
I thought it might be worth a quick mention to save anyone with the same problems I had when I first tried using 1.6rc5. A bunch of really fundamental jquery things stopped working for me when I upgraded. For example, when performing a query like $("#clients li.client") it was only ever returning a jquery object with a single element in it - the first. Because this upgrade was not limited to just jquery-ui but also jquery core needed to be upgraded to 1.3, I was a bit worried about what might have
UI Themeroller
In the past I havent really used the themeroller much. Today I created and downloaded a few themes and I have to say that the Themeroller is a fantastic utility! The background patterns are excellent and system for apllying color overlays is impressive. This kind of a theme system is every web designers dream! With that said, I'd like to make one request/suggestion. Would it be possible to run a string replace on the image names? It would be great if, for example, they read something like: header_toolbar__3d_boxes__#eee.png
theme not being applied
what is missing to make a themeroller theme apply to this sample ? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript" src="jquery-ui- personalized-1.5.3.min.js"></script> <link type="text/css" rel="Stylesheet" href="ui.all.css" /> <script> $(document).ready(function(){ $('#example').datepicker(); $('#exampleRange').datepicker({rangeSelect:
Tabs .bind callback with v1.3
Hi, Im using jQuery 1.3 with ui 1.6 - the following works in 1.2.6, but not 1.3 $('#tabs').bind('tabsload', function(event, tb) { var sTab = $(tb.tab).html(); alert(sTab); // Alerts the string in the a tag }); further testing, all the `tb` info is undefined.. tb.index, tb.panel and tb.tab are all undefined. Any ideas?
how to apply themeroller theme
I am unable to get theme to be aplied to simple test page. what am I doing wrong ? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript" src="jquery-ui- personalized-1.5.3.min.js"></script> <link type="text/css" rel="Stylesheet" href="ui.all.css" /> <script> $(document).ready(function(){ $('#example').datepicker(); $('#exampleRange').datepicker({rangeSelect:
Problems on dialog
Hello I have a problem about dialog. I wrote a function which runs onClick event. function Delete(idd) { $("#dialog").dialog({ bgiframe: true, resizable: false, draggable: false, autoOpen: true, height:140, modal: true, overlay: { backgroundColor: '#000', opacity: 0.5 }, buttons: { 'Delete': function() { $.ajax({ type: "POST", url:
themeroller + datepicker not synchronized
I just downloaded the datepicker today along with the standard theme. Here's an slightly edited html fragment produced by the datepicker: <a class="ui-datepicker-prev ..."> and here's the css rule for applying the prev arrow image: .ui-datepicker-next a, .ui-datepicker-prev a { It appears originally there was a <div class="ui-datepicker-prev"> element that contained an <a>Prev</a> element in an old datepicker version. The new datepicker however has gotten rid of the <div> tag and has placed the class
Dialog - whats changed?
I'm wondering what's changed with Dialog. In jQuery 1.26 and UI 1.5.3 I, for the most part, I never had any difficulty with the Dialog window. I'm updated to jQuery 1.3 and UIrc5 but my Dialog window consistently opens with only the title-bar visible and then snaps to the "full" dimensions upon re-size. I have min-height/width, height/ width and max height and width values defined which is why it snaps to the predefined dimension. Regardless of the min to max dimensions I set the Dialog always opens
UI1.6RC5: accordion under IE6
From first RC to the actual one the icons leading the accordions are not positioned correctly under IE6. They are fine under IE7 and FF. In the Demo you can see them with a huge offset far below the actual accordion control. Anyone noticed ? By the way: I find the look of accordion and tabs rather poor under IE6 and 7 with the new UI 1.6. This is mainly because of the missing round corners. Under UI 1.5 they where rendered much nicer, mainly because of more differentiated CSS. Will there be any improvements
Accordion Glitch Fest in Safari 3
I am having some seriously nasty problems with the accordion animating and redrawing in safari on a page that I'm developing... http://www.dotbounce.com/creativehc/v4/ Anybody know what's causing this? The accordion was skinned using the theme roller. Everything seems to be running fine in Firefox 3 on both PC and Mac.
Next Page