IE6 Error with tabs plugin
Hello, when viewing the tabs demo in IE6 the explorer shows an error (yellow exclamation mark in the lower left corner). url: http://dev.jquery.com/view/trunk/ui/demos/ui.tabs.html The actual error is shown in german. Translated it should read 'automation server can't create object'. IE shows the error in line 269 character 3 of the above mentioned page. The page looks good and all functionality seems to be there. But when I combine the tab plugin with the tablesorter plugin the tablesorting won't
maintaining "grid" of sorted objects
Page: http://education.llnl.gov/sme/photos2.lasso When the page loads, it applies a "break" between rows after every 5th li element of the ul. What I would like to do is maintain the grid if a photo is moved from one "row" to another. Simply reapplying the makeGrid function that I made isn't doing it because the "new" order isn't recognized. Here is my makeGrid function: makeGrid = function(){ $('#photos').removeClass('newRow'); $('ul li:nth-child(5n)').next().addClass('newRow'); } is there
datepicker + ajax
Hi, I want to know if anyone succeeded doing an ajax call when month are changed in datepicker. It would be very useful to have an onMonthChange method like pointed in this thread: http://groups.google.com/group/jquery-ui/browse_thread/thread/b359cd1fadaea98e/fd644da1cf3b6c63?lnk=gst&q=datepicker#fd644da1cf3b6c63 or if possible to get an example on how to extends datepicker's methods? Thanks, Blaise
Programmatically Triggering MouseDown/Drag Event
Hi.. Does anyone know how one could generate a mousedown or event or start a "drag" programmatically in order to cause a draggable to start dragging? I have a number of overlapping, absolutely positioned divs where certain sections of the background images are transparent.. What I need to do is to allow the user to drag the topmost div that is not transparent at the xy coord of the mouse down event.. What I'd like to do is to register for the mousedown event, iterate through all elements that overlap
Tabs, FOUC, Progressive Enhancement & Accessibility
Hi, Having been trying to work out a solution for the flash of unstyled content that comes with using Tabs I was pleased to discover http://www.nabble.com/jQuery-Tabs-Flash-of-Content-td13141446.html#a13715995 this reply by Klaus Hartl that makes light work of solving the problem, by coding into the html the css initial states generated through the tabs script. On reviewing this solution however, I realised that for users with Javascript turned off, the tabs styled with the class of 'ui-tabs-hide'
IE Problem
I dont know if here is the right place to ask about this. I'm using eyecon interface plugin for jquery. I'm trying to drag a table row, and drop it to another table. It works fine with firefox. but when i use IE7, the row just disappears when drag starts. When it is droped to some place in the page, a div appears in that place that contains the dragged row... Can anyone help??
Draggables and Sortables at same time
Hi all, I discovered recently jQuery. I think it's a great framework but I'm with a problem I can't resolve. Let's say, I have a DIV with several elements in it (also DIVs). This elements are sortable, but I need them to be also draggables. It seems that jQuery only assumes that they are Draggable, because I can't sort them. My question is: How can I handle this DIVs so they can be Draggable and Sortable at the same time? I don't know if you understood what I'm trying to say. Cheers. Fernando Pereira
UI Droppable bug and fix
Hi all, I'm new here but using jquery for half a year now and now using the droppables form the UI and found a bug. When you use a droppable on a hidden div (or similar element) and then open the div using show() (or similar function), you will notice that a draggable will not drop onto the droppable element. This is caused by not determining dimensions at startdrag on the draggable element. When this is not done, the droppable element doesn't know it's size and will tell the draggable wrong. I fixed
bug in slider position calculation with min-value (1.5b) with fix
Hi, when a slider has a min value, the position is not calculated correctly, when clicking on the slider or dragging the slider. To fix modify convertValue as follows: convertValue: function(value) { return this.options.minValue + (value / (this.size - this.handleSize())) * this.options.realMaxValue; }, Regards, Andreas
Sortables with Droppables in 1.5b
In 1.5a I got sortables to interact with droppables by adding the ddmanager to the sortables.js where appropriate and changing the accept statements in droppables to accept draggable.currentitem as well (ie if (this.options.accept(draggable.element) || this.options.accept(draggable.currentItem)) ). This does not work in 1.5b and I can't figure out why. Could someone steer me in the right direction? Thanks.
Best approach to combining sortable, draggable, droppable for a form builder
Hi gruppe, I hope you'll indulge this "which way should I go?" request. I've spent the last two days prototyping an interface that is a form builder for an event registration service. An organizer can sell things, ask questions to collect data, etc. We want to have a list of these "controls" and let them be placed anywhere in the form to support top-to-bottom ordering (sortable), mutually-exclusive grouping (drag/drop into a group), parent/children relationships (nesting) and so forth. I've toyed
Using Tabs to go to another page?
I'm using UI tabs from jquiry ui 1.5b. Thanks it has been working great. I would like to know how I would go about getting the tab to loading a new page on click instead of loding the conent into the current page. Would binding the select.ui-tabs event be the way to go?
Sortables using UI 1.5b - the old empty columns problem
Hi, I know this has been asked before, but I'm yet to see an answer which actually works...I thought a fresh thread which hasn't been contaminated with other questions would be useful. I have a three-column portal-style layout. When a column is emptied of sortable items it's not possible to drag items back into it. They are three individual columns which share a common class, i.e. one sortable instance (as opposed to three different sortables which are connected with connectWith). I've tried the
Sortable and Radio buttons
I have a simple sortable list of div's with one containing a group of radio buttons, such as: <div id="container"> <div>Item 1 <input type="radio" name="obj" value="K" /><input type="radio" name="obj" value="D" /></div> <div>Item 2</div> <div>Item 3</div> <div>Item 4</div> <div>Item 5</div> </div> If I check one of the radio buttons and then drag the first Item, once the div is "dropped" the value of the radio button gets unset. Why is that? It appears that in Firefox 2.0.0.12
inserting new sortable using the new ui sortables
I'm using the new sortables from the svn for a site I am developing (the sortables are working great by the way). But when I insert a new sortable it can't be sorted, but when I sort another sortable the new sortable is suddenly sortable. So what would I have to do to make the new sortable, sortable from the moment it is inserted? I looked in the source and there seems to be a changeSortable function what is this function for?
Changing specific words to links
Is it possible with jquery? I want to achieve 2 things: A) Change links href to specific page on links with specific word(s). B) Change (generally the same) words, into same links if they were not in links.
Use table rows as sortables
this is my first post on this list.. so hello everybody! my questions: is it possible to use table rows as a sortable, so you can drag and drop the rows of the table to rearrange their order? thanks, Markus
Naming convention for UI ext files
I have an app that concatenates all of my jQuery plugin files into one file (using Ant concat). The order of concatenation is based on the filename, and I ran into a problem where I was getting an error: $.ui[module] has no properties A quick search and I see that there is already a <a href='http:// dev.jquery.com/ticket/2115'>bug</a> submitted about this error. In my case, the problem was due to ui.sortable.ext.js being added to the file before ui.sortable.js because of the way the files were concatenated.
Update to the enclosed URL demo
Hello, I'm looking to use jQueryUI for something similar to this: http://host.sonspring.com/portlets/ However I'd like each portlet have its own controls to show, hide and collapse (ala netvibes) Are there any demos available showing this? Thanks
Strange behaviour of jQuery append in IE
Go url and then click all buttons with "render" http://larian.biz/dev/jquery/appendbug.html FireFox -OK Opera -OK IE7- last table is damaged. attributes colspan and valign were ignored, but html code contain this attributes Where is the bug - in jQuery or in IE? .
datepicker and cloning bug
Hi there, I have a problem with datepicker after using clone(true) function, it gives me an error : "inst has no properties var beforeShow = inst._get('beforeShow'); " I simply have an input with attached datepicker and i am cloning it but after it datepicker does not work on cloned input ... any ideas why ?? Thx
Draggable helper width
Issue assumes the following: 1. helper = 'clone' 2. original element has a percentage-based width 3. appendTo specifies a different offset parent than the original element. The width of the helper will not be correct. In my example, the original element has a parent div with position:relative, and I'm using appendTo:document.body. I've added my own fix in ui.draggable.js...underneath the helper creation in the "start" event... //Set the helper width if(this.element[0] != this.helper[0]) { this.helper.width(this.element.width());
Reproducing the Interface "Sortable Boxes" demo in UI
Here's the demo I mean: http://interface.eyecon.ro/demos/sort.html I'm trying to port this demo into UI, but I'm hitting two issues. First, the boxes lose their width when I begin dragging, instead of staying the same size and simply moving with the cursor. Second, there doesn't seem to be an intuitive way to allow sorting containers to accept each other's children -- in that demo, there are three lists, and the user can drag any box into any list at any position. With UI sortables, boxes can only
Draggable revert
Just prior to reverting, it would be nice to have a callback to stop the revert if desired. Right now if revert is set to true it will always revert even if dropped onto a droppable. Perhaps there's a better way of doing it then what I've done, but for my purposes I made a change in ui.draggable.ext.js: stop: function(e,ui) { if (ui.options.onrevert && !ui.options.onrevert.call(this, e, ui)) return; I've added an onrevert callback, where if onrevert exists, it must return true or
Enable option?
Is there a way to make something draggable, but disabled by default? I.e, is there something cleaner than $ ("#something").draggable().draggable("disable") ?
Sortable - How to prevent a certain item from being draggable
I have a list of items which I am using sortable. These are essentially divs contained in parent containers that are sortable, which is a basically 2 two-column layout However I need to prevent certain items from being draggable : - I do not want some items to be draggable - I don't want to let the users drag all the div's to another columns so that one of the columns is empty I am able to identify the current item being dragged but how I can stop if from being dragged or maybe revert it back to
UI theme contest
Why not announce a UI theme contest on the blog? http://jquery.com/blog/ None of the themes seem quite ready for showtime. Flora is the closest. Check out the current disappointing state of the themes: http://dev.jquery.com/view/trunk/ui/demos/ui.themes.html
ui-slider
sorry for x-posting: i know ui's still in beta, but does anyone else see that setting the startValue is broken ? As a workaround i tried: $j('#slider').slider( "moveTo", fontsize); where fontsize definately == Number / int. So is it simply broken ?
Alternative themes for jQuery UI.
Is there a repository for UI themes? Or has no one made any yet?
Accessibility
Hi all, We want to help make it easier for people to write accessible jQuery applications. We are very encouraged by Paul's recent work making some widgets keyboard controllable and to see the earlier ARIA plugin from Chris Hoffman. Still, there is a lot to do! If you are interested in being a part of making jQuery UI more accessible, John has created a google group: http://groups.google.com/group/jquery-a11y Please join the effort! cheers, Colin Clark and David Bolter
Destroy on dialog bug - fixed?
I have posted a possible fix for the missing destroy functionality on ui.dialog. See: http://dev.jquery.com/ticket/2341 Was hoping someone could have a look at it to see if the fix is good enough.
extending tablesorter pager
Hi, I'd like to know how could I extend without hacking tablesorter pager plugin to use a different approach of page selection. Instead of using First, Previous, Next and Last and the text input for reference, I'd like to have a dropdown menu with all available pages and the user could just click that to access. This would also dynamically change when page size is changed. I pretty much can do everything if I can inject the selected page number and trigger the moveToPage() from somewhere inside my
Tabs and pagination
Hello, I am trying to fix a bug I have in my application that uses the tabs3 UI. Can some one please advise as to how I can proceed. The site is http://uk.expert.travel And the issue that I have is that if a user clicks on the Jobs tab, here we have 6 job entries that are batched in 5 items. So when you click on the view (>>) to view the 6th job entry, this works. But when you then click on the News tab, you get the message that there is "Currently there is no news." Whereas we have news! Which is
Location of the loading graphic
Hello, Excuse my ignorance if I am asking for something that already exists, but I am not much of a programmer and have a hard time navigating through JS code. My problem is I do not want the loading graphic to appear in tabs themselves, but rather in the target DIV. Is there a setting that could be easily changed to indicate the element to show the graphic in? Thanks in advance, Mike
New BBC website using jQuery - portal question..
Hi all, The new BBC site has gone live, and uses jQuery! - http://www.bbc.co.uk Does any know of, or would like to make, a portal plugin that is robust, like the portal system used on the BBC homepage? I've seen and tried a few out, including the implementation in jQuery UI, but wondered how the BBC did it. Have they written their own custom plugin for their site and jQuery? Cheers Dan
refreshPositions - does it work?
Hi, so I'm trying to call the refreshPositions method inside the function that is called on 'update' within the original sortable - but it doesn't seem to work, because when I iterate over the items in my list, it pulls the original PLUS the newly positioned. Right now I have a fix where I delay the updating function, and that fixes the issue of the original being found, but I'd like to use the refreshPositions, because I believe that could also solve my issues. Can someone show me how I should use
Setting containment on a resizable element
Hi, I'm really new to jquery and the UI code. I was having a problem with setting a containment on a resizable element. I made it work by changing the source code of ui.resizable.js from this: if (o.containment) { var oc = o.containment, ce = (oc instanceof jQuery) ? oc.get(0) : (/parent/.test(oc)) ? el.parent().get(0) : null; if (ce) { to this if (o.containment) { var oc = o.containment, ce = (oc instanceof jQuery) ? oc.get(0) : (/parent/.test(oc)) ? el.parent().get(0) : null; ce = el.parent().get(0);
1.5b: sortable serialize query string -> array?
How do I work with the query string returned by sortable("serialize")? Are there any function that can convert that into an array of IDs? sample of the query string: http://dev.jquery.com/view/trunk/ui/demos/ui.sortable.html , and click the "Serialize!" button. I am not posting the change to an ajax call. I want to manipulate my own JS obj, so really need the serialized result to be an array of id... Thank you!
How to add edit, minimize button in jquery dialog
Hi , I need a widgets like netvibes(www.netvibes.com).Can i use the jquery dialog to make that widgets. If that then how can i do ? Also i want to know , is there any better plugin for netvibes like widgets . Thanks http://saidur.wordpress.com
jQuery UI Spotting!
http://st.deviantart.com/css/jquery2.js It seems that the web's largest online art community uses jquery.js and jquery ui elements. Is this just to show how far jquery is used on the web?
Next Page