Clarification about Sortables?
I am transitioning a script that used to use Interface and jQuery 1.1.2 to now use UI and jQuery 1.2.1, but I am having a problem finding API functions that existed in Interface. I am working with a Sortable() object and I would like to know if it's possible to do the following: - handle string or DOMElement optional the handle that starts the draggable - axis string ('vertically' or 'horizontally') optional define the axis which the dragged elements moves on - tolerance
info about e, ui Objects in draggable
Hi, can anyone share more info about what type of objects are the "e" and "ui" objects in the draggable's functions? I'd like to learn more about how to use then. Thanks.
Dialog options to configure their draggable/resizable options?
When I call dialog(), is there any way to pass in options to modify their options for the subsequent calls for draggable() and resizable() ? For example, I'd like to make a div a dialog, but only draggable within a given area, or resizable up to a certain size. I envision something like this: someDiv.dialog({ title: "Some Div", resizableOptions: { maxHeight: 400, maxWidth: 500 }, draggableOptions: { containment: someOtherDiv }, }); This should be a fairly small change to ui.dialog.js, right? Just
Sortables - How do you get the new order?
When you re-order a sortable list, how do you retrieve the new order? Thanks, Jason
GoogleMaps-like behavior with a large image
How can I move a large image with drag and drop in a smaller DIV? Like the drag and drop of the Google maps. URL to my live demo: http://www.kolchose.org/demo/v9/ This is my JS: $(document).ready(function(){ $(".image").draggable(); $(".image").css('z-index', 1); }); And this my HTML: <body style="position:static"> <div id="wrapper" style="height:400px; width:400px; display:block; overflow:hidden; z-index:99"> <div class="image" style="z-index:1"> <img src="panorama.jpg" /> </div> </div>
Additional dialog functionality
I've got a few changes that I made to ui.dialog.js that add the following options: autosizing to content optional removal on close close event handler Should I post the diff to this list or to someone in particular? Thanks for the great work! Aaron
Can tablesorter do this???
Hi Have recently started using jQuery and the Tablesorter plugin and am finding it both interesting and very useful. I have come up against a problem however and wonder if any of you have ever encountered this and are aware of any solutions. I am using Smarty to loop through an array and populate a table as below. The intention is that for each row of data there is a hidden row immediately below which will be shown when the 'Show Details' link is clicked. This click will cause the hidden row to show
Hide/Show div with form
Hello, I am having problems showing and hiding the content of some of my div if form tag is inside the div. Why? Works <div class="portlet_edit"> Edit mode </div> This doesn't <div class="portlet_edit"> Edit mode <form action="/tapestry-examples/ui/portlets/jquerybasic.form" id="form" method="post" name="form"> <div class="t-invisible"><input name="t:formdata" type="hidden" value="H4sIAAAAAAAAAFvzloEVAN3OqfcEAAAA"></div> </form> </div> Regards, Borut
slideToggle bug?
I was using slideToggle in a project that had some javascript inside the div I was toggling. It seems each time I toggle this effect and display the content the javascript inside is re-executed. Here is an example of what is inside this area: <script> var newspan = document.createElement("span"); newspan.innerHTML = "my content" var container = document.getElementById("myID"); container.appendChild(newspan); </script> Should this be happening?
flora.tabs.css - somewhat broken for non-IE browsers?
Last night's SVN snapshot of flora.tabs.css looked great, but the version that ended up bundled into 1.0 is "broken" for non-IE browsers. This affects most examples on the site itself... e.g. http://docs.jquery.com/UI/Tabs It looks as if the IE hack section at the bottom of flora.tabs.css is to blame? I see some underscore magic to work around IE, but a few properties seem to also (unintentionally) target other browsers. Daniel
Resizable - proportionallyResize
I am tying multiple resizables together using a selectable so that when one is resized, all other selected ones are resized. To do this I need to recompute the options.modifyThese array in Resizable after the Resizable is constructed. This is behavior many other people will need. The code in question is here: //If other elements should be modified, we have to copy that array options.modifyThese = []; if(o.proportionallyResize) { options.proportionallyResize = o.proportionallyResize.slice(0);
table interactivity using tablesorter + pager companion
Hello, I'm currently using the tablesorter plugin with its pager companion, it's really making like simpler but there's something I couldn't figure out: I've got a table that displays the elements 5 by 5. When clicking one of the elements, I'm displaying the details of it in another div. I'd like to highlight the current element that has just been clicked in the table by adding it a 'active' class _and_ removing the active class of the previously selected element. without using the pager, doing a
UI tabs and dequeue
Sorry if this appears dumb but if I click a tab then switch to another one before the first has finished animating the following js error is thrown: jQuery.dequeue is not a function I've loaded jQuery 1.2.1 and I'm essentially trying to get the Fade Effect tabs demo to work on my site. Of course, that error's not thrown on the demo site. So I guess I need to load some extra functionality from another library somewhere? But which one and where do I get it? I thought including jquery.js and ui.tabs.js
Dialog css style problem
Hi, i downloaded jquery ui and i have a problem with loading css style in my application. Same problem i can see in the dialog demo page. When i run dialog I can see only resizable border, but nothing from dialog style (header, background, etc.). Please can somebody help me? Thanks.
Accordion compatibility issues
I seem to be running into some issues with Accordion -- can anyone verify that it's working with both jQuery 1.2 and the new easing plugin? Here's my problem: I'm using the Accordion on our company home page, and when using the files from bassassistance.de, don't have any problems. But those files cause another animation on a different page to throw this error: jQuery.easing[options.easing || (jQuery.easing.swing ? "swing" : "linear")] is not a function That other animation I know works fine with
Any update on 1.1 and IE Support?
Any update available on UI 1.1 release date for IE Support? I had seen Oct 22nd posted earlier. Is that still being used as the target date? I'd rather see fewer great looking features, and iron-clad cross- browser support, than more features and the bugginess of the 1.0/Alpha.
Download Builder not for IE?
Assume this is intentional for now? Is the Download Builder - to build a specific js for the needed UI components, not intended to be available in IE at this point? If not, i'm reporting that it does not show up on the site for IE6. Thanks, JoeM
dialog problem
Hi I got this problem with dialog where select controls are showing through in IE. I know the common solution is to stick an iframe below but isn't this supposed to be built into the dialog widget seeing that it's such a "standard" IE bug?
Non sorting rows
Does anyone know if it's possible to remove a row in a sortable table from being included in the sorting? Given the following: <table border="1" id="agentTable"> <thead> <tr> <th>ID</th> <th>Name</th> </tr> </thead> <tbody> <tr> <td></td> <td><input type="text" /></td> </tr> <tr> <td>1</td> <td>Property Owl</td> </tr> <tr> <td>2</td> <td>Amelia
UI Dialog & calling web pages via AJAX
Hello all, Do we plan to add capabilities to open web pages using AJAX calls in iFrames? On the lines what jBox provides !! TIA. Cheers Jas
dialog Focus on click / selected - is this right ?
When there are multiple dialogs on a page, I was trying to get the one I clicked on to be in focus to save me from having to move the other open ones away. So far what I have come up with is to change this item... var uiDialog = uiDialogContainer.parent() .addClass('ui-dialog') .css({position: 'absolute', width: options.width, height: options.height}); to the following... var uiDialog = uiDialogContainer.parent() .addClass('ui-dialog') .css({position: 'absolute', zIndex: "101",width: options.width,
ui.tabs issues - UL within the fragment area
I've run into an issue with the tabs, when using a UL within the fragment area of the tabs. The following examples are straight from your download. All I have done is removed the extra examples to focus on the issue and modified the first example to show off the problems. First, if you include a UL within the content of the tab, then any tabs after that will not run. http://zelph.com/sandbox/tabs/index2.html Second, if you have a UL with a link in it that links to something else on your site, it
tablesorter pagination values
Hello All, Rey Bango suggested I post this question. I am using the tablesorter plugin. On the page there is the ability to click on a row that opens a new page, essentially an edit details page. This page then goes to an update page to handle the input to the db. Once the update is complete, I would like to have the user returned to the page where the link was clicked. Example page 4 sorted by name. I am using Coldfusion 5. Is there a way to capture the current page and the current sort column into
Help with tablesorter
At this address (temporarily visible) http://67.164.209.42/html/index.html I'm trying to use tablesorter as part of a demo I'm preparing. I have a series of tables built via ajax calls. I had tablesorter working on one of the tables, but none of the others. Through trial and error it's not working at all now. I'd be grateful for any assistance. Thanks.
Tablesorter JS Error
I'm having problems with the tablesorter plugin. The error I'm getting is this: name.toLowerCase is not a function The funny thig is that when I remove the "headers:" from the conf everything works. But I need to disable the sorting on some fields, so that would be usefull. My configuration looks like this: $("table").tablesorter({ headers: { 0: { sorter: true } ,1: { sorter: true } ,2: { sorter: true } ,3: { sorter: false } ,4: { sorter: false }
JScrollPane and Jquery UI tabs problem
When i combine JScrollPane and Jquery UI tabs , i have a exception thrown saying Exception thrown but not caught. when i see the Problem i found the JQuery versions are different UI Tabs is using 1.2.1 , but JscrollPane is using 1.1.3.1 (incompatibility) . Does Jscrollpane coming out with the newer version using Jquery 1.2.1 , or does any one how to solve this problem. Thanks in Advance.
Slider curVal callback issues.
I would like to use ui.slider.curValue to dynamically update a text field, but the callback stops functioning if the users mouse is taken off the slider UI widget even though the handle continues to slide. Any help would be appreciated!
Slider curVal callback issues.
I would like to use ui.slider.curValue to dynamically update a text field, but the callback stops functioning if the users mouse is taken off the slider UI widget even though the handle continues to slide. Any help would be appreciated!
Nested Droppables
Team, I have a form builder that uses nested droppables that simply does not work. I've used jquery long enough to feel like this might be a jquery ui droppable bug. The best way to visualize this is to imagine a tool for building multiple forms. You have a canvas droppable and a palette of form elements and the form canvas as draggables. x. First drag the form mini-canvas to the main canvas. x. Then drag the form elements you want in each form to that form's mini-canvas. Unfortunately the drop of
Draggables combined with Selectables
Hi all I'm working on an app based on the selectable/draggable demo from http://interface.eyecon.ro/demos/download.html It works great but i encouter one little bug. I can't selected a single element just by clicking on the element (which does work if i don't make the element draggable). I think the draggable mousedown event 'overrides' the selectable mousedown event. The selectable code does not get executed when i click the element. Has anyone else encoutered this bug? and ifso found a solution?
sort activated via keypress and an "unsort" rule
I can add keyboard focusability to the columns in the heading row by setting tabindex="0". Once focused, however, no keypress will activate the sorting functionality. For keyboard-only users, having the ability to sort via a spacebar or enter keypress would be great. It would also be nice to be able to "shift-enter" or "shift-space" to maintain the sort, so that we can have multiple column sorting available to the keyboard. Also, there should probably be a "three-click/-keypress" unsort rule: First
UI Dialog Problem
Hi together, I want to use the Dialog Plugin. I use the examples from the documentation (http://docs.jquery.com/UI/Dialog). The only thing I do is to add some buttons like: $('#foo').dialog({ width: 650, height: 300, buttons: { 'Ok': function() { $(this).dialogClose(); }, 'Cancel': function() { $ (this).dialogClose(); } } }); When I click on a button the following error appears: $.data(el, "ui-dialog") has no properties http://localhost/Auswahl/jQuery/jquery.ui-1.0/ui.dialog.js Line 130 Where is
IE7 not dragging if position:absolute. drags only once otherwise.
I've been eagerly testing some of the new UI and I've run across a problem with draggables in IE (7). Using the following HTML page, in IE I cannot drag at all if the element is absolutely positioned. If it is relatively positioned or not positioned at all, I can drag only one time. Trying to drag the same element fails after the first time. Needless to say, Firefox and Opera work great. (WinXP w/IE7) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
dialog() property to set the ID of the dialog?
If I'm creating a dialog using someDiv.dialog(), is there some way to specify the ID (or class) for that new dialog? For some reason, .dialog().attr("id", "foo") doesn't appear to work. If there isn't a way to do this using .attr(), I think ID/class should be a property, like dialog({ id: "foo", class: bar" }). I've made a change to my copy of ui.dialog.js to make this possible in the meantime, and can submit a patch if someone wants to take a look.
Introducing a delay when using Ajax calls with Tabs
All, I have a scenario where each container generated via ui.tabs need further enrichment before it's shown to the user. To clarify, when a user clicks on a tab, the containers data is retrieved via a Ajax call (.load)...so far so good. The problem is whilst the plug-in renders the data as HTML, the data is nothing else than a JSONString. This means that I get unformatted text in my browser. Now I know I can use the callback method load: to take the content of the container (JSON data in this scenario)
encapsulating jQuery UI to run with other jQuery versions?
Ok, this might just be nuts, but I am trying to create a version of jQuery UI that can run in the same page as jQuery 1.0. The goal is to get jQuery Ui to work with Drupal 5, which includes jQuery 1.0. My naive attempt to accomplish this is to take a copy of jQuery 1.2.1 and try to put it into a different namespace. I did a find/replace on jQuery -> jQueryUI, and changed line 29 to: window.$ui = jQueryUI; Then I when through all the ui.x.js files, again changing jQuery-
Tablesorter: apply cell class based on column parser value
using tablesorter, is it possible to assign a class to a <td> tag based on the parser value? more specifically, i want to apply a class to each cell containing an integer. thanks. -- View this message in context: http://www.nabble.com/Tablesorter%3A-apply-cell-class-based-on-column-parser-value-tf4571339s27240.html#a13048279 Sent from the jQuery UI Discussion mailing list archive at Nabble.com.
Hidden droppables not droppable?
I have a 'trashcan'-droppable that accepts photo thumbnails. Works fine, but what I want is that the droppable is visible only when an item is being dragged, and hidden when the item has stopped dragging. The trashcan is hidden by default and shown when activated. See the code below. But it doesn't work. It seems as if when the div is hidden the function is disabled too. Meaning, when you drop someting on it it doesn't do anything. If you remove the 'display: none' it works fine (or hide with $("#trash").hide()
Draggable Grabby Hand
<span style="font-family: trebuchet ms;">Netflix drag and drop queue has a great cursor effect using -moz-grab and -moz-grabbing. They use cursor: (url) for IE. It would be great for draggables to use this technique. Its a far superior affordance for grabbing than the standard move icon. </span><br style="font-family: trebuchet ms;"><br style="font-family: trebuchet ms;"><span style="font-family: trebuchet ms;">Im going to try and override the draggable CSS, but I wanted to throw the suggestion
Multiple sliders cannot pass each other
Lets assume I have two handles. #1 is dragged from left to right into center of slider. When trying to drag #2 from right to left it stops over handler #1. I assumed this is a bug. But upon debugging the code this seems intentional. This behaviour is handled by $.ui.slider.nonvalidRange() around line 155. Am I missing something? How can this be disabled? My personal preference would be this to be optional feature. -- Mika Tuupola http://www.appelsiini.net/
Next Page