UI Sortables callback functions still buggy
Hey all, I just downloaded the latest build to see if the problem has been fixed, but it appears to still have issues. I'm using Firefox (latest build) and when I pass an update callback function, I receive an object back, but I get an infinite loops of errors that spam my Firebug. Hopefully this can be fixed so the sortables can actually be used! Thanks, reply if you think I am doing something wrong or know what I'm doing wrong.
Tablesorter / removing rows
I have the following situation. I have a table with lots of rows, and there's an option to delete rows. Now when I initiate the tablesorter plugin everuthing works fine, but when I remove a row ( $ ("tr#row-179").remove() ) I need the plugin to refresh the table. What happens is eg. I have 10 rows per page and I remove a row on page 4, then that page only has 9 rows. What I would like to know is of it is posible to somehow refresh the plugin so the rows get redistributed through the pages. I hope
Need some events for Tablesorter
Thanks to Christian Bach for wonderful tablesorter plug-in. I need events like beforeSort() and afterSort() to show some message to user while the table is sorting. Currently I couldn't do this, and while the table is being sorted it took about 4 seconds before the table is shown to user. How could I block the table and show a message before sorting starts, and unblock it after sort ends? Any help would be appreciated. Best Regards, Hooman,
UI Tabs update: cookie option
Hi, I've added a cookie option to the UI Tabs plugin to retrieve the active tab to start with from a cookie. Looks like: $('#example').tabs({ cookie: { expires: 30 } }); Set this option as an object like the cookie plugin expects for cookie options, more information: http://www.stilbuero.de/2006/09/17/cookie-plugin-for-jquery/ You need to include the cookie plugin of course. --Klaus
Performance on mousemove?
Any tricks to improve the performance when using mousemove?
lift and jQuery
Hi, for anyone who doesn't know lift yet: http://liftweb.net/ Its a web framework built on Scala, yet another language running on the JVM, though statically typed and with some interesting features. lift takes the best parts from othe modern web frameworks and combines them in interesting ways, though its just at its beginning. Therefore I thought: Wouldn't lift and jQuery be a good combination? Looks like there are a few points David Pollak, the main author of lift, needs to get solved: http://groups.google.com/group/liftweb/browse_thread/thread/8fe069762cd3d99a
Tablesorter question
I have a simple question. Is it possible to somehow reinitiate the tablesorter plugin? What I mean eg. I have a table and the contents in <tbody> are loaded via ajax. After the load i call the tablesorter(). But the contents of <tbody> can be changed (2 rows added, 1 removed...), is there a way to somehow reinitiate the plugin. When I try to call the plugin one more time, the contents in <tbody> are duplicated.
Sortable callbacks?
Well done on UI. Howcome there no callbacks for Sortables? Interface had many. The jQuery UI docs state "You can additionally supply a great range of options to make them fit your needs". This "great range" seems to be limited to just four options, which include no callbacks. Can we expect callbacks sometime soon? Cheers, Chris
What's the secret?
We know that there is a jQuery FX. But what's new in next UI? Is seems an amazing release coming...? (Lots of wishful hearts here?...)
Tree Control User Experience Advice/Notes
I just wanted to draw the jQuery UI design team's attention to the excellent article <a href="http://commadot.com/?p=647">The UX of Trees - Design Pattern</a> by Glen Lipka, which covers various nuances of tree control design/implementation which are often overlooked. It would be wonderful if the jQuery UI team could follow (or at least consider) his recommendations with regard to their tree implementation - it could easily become the ultimate tree control, setting a new standard for implementation
Drag items between sortables
Hi, I have two sortables which both accept the same kind of items. I want to be able to drag items from one sortable to another. I'm a fiarly experienced JS coder and it sounds like it shouldn't be that hard, but I find the ui library code fairly cryptic and I just can't figure it out. I could do this natively with the interface library, (which is no longer supported with the current jQuery), or Prototype + script.aculo.us (which conflicts with jQuery in Drupal). Is this possible with the ui library?
How to access attributes of dropped elements?
Hello all, I'm a beginner with UI and I would like to know how to detect name, class or id the dropped element with the droppable feature. So the question is really on how to access attributs of the dropped element? In my example: $("#draggableAreaMask").droppable({ accept: ".ui-draggable", activeClass: 'droppable-active', hoverClass: 'droppable-hover', drop: function(ev, ui) { $("#draggableArea").prepend();
Draggable Containment
Hi there! I was trying to use a image of about 500x500 pixels inside of a <div> with hidden overflow and 300x300 width/height. When I set $ ("#myImage").draggable({ containment: 'parent' }); and I try to drag that, it will kind of center the image and keep it held there still. If you have a bigger container than the draggable object, the containment works fine, but when the opposite is true the containment won't work as expected (maybe as I expect would be the correct statement here). So far, what
Some bugs on the UI website
Hi, I just went take a look on UI website and noticed some bugs. 1) Accordion demo not working, getting message : $(this).outerHeight is not a function 2) http://dev.jquery.com/view/trunk/ui/apps/gallery_advanced/ When you disable cache via FF's plugin Web Developer Toolbar, the behaviour of the animations when clicking on an image gets different. Why ? Matthew. -- View this message in context: http://www.nabble.com/Some-bugs-on-the-UI-website-tf4665467s27240.html#a13327443 Sent from the jQuery UI
Prevent comment SPAM with jQuery draggables/droppables
Hey people, I came up with an idea to help fight comment spam, the stuff most of us hate. It's just an idea, maybe it won't even work. But take a look and tell me what you think, or tell me why this won't work. It's basically a captcha that requires user action with draggables/ droppables. http://www.strezlab.com/dropcomment.html I'd love to hear what you guys think! Gavin
"var" missing in jQuery.ui.Slider
That might have been reported already, but in line 270 from the uncompressed code of ui.slider, the variable 'm' is missing it's preceding var, and thus it is global.
Newb question - how to stop event bubbling from ui draggable
Hi, I hope someone can help me with this very basic issue. I'm trying to let the user grab a draggable and move it within a containment div without firing the click() event of the containment div when the draggable is released. i.e., how do I stop the click from propagating outside the draggable? If it is just stopPropagation, apologies for being slow but I can't figure out how/where I'd need to use that. Here's the relevant code: $(".container").click(function() { alert('clicked in the container
Layout support in Jquery UI
Hi, I have gone through the widget and components available in jq ui, however there are no ready made layout components as such which can be used. I don't wish to use third party plugins such as ext, scriptaculous etc for that. Is there something I am missing or layouts are not natively part of the JQ UI? ~Shishir
$.ui.undroppable needed...
Hi Team, I just startet playing around with UI yesterday and I'm really amazed on how stable everything works after such a short time of development! I've come over a problem with droppables: I use quite a lot AJAX in my application so it happens, that basically the same droppable element disappears from the DOM and the re-appears some time later without a complete page-reload. That's the point where I need to remove the old ddmanager-instance of the droppable and create a new one. If I just call
tabs and history plugin
Hello, I am trying to implement the UITabs within my site. The plugin is great, thank you, but I am unsure which is the best way to use in order to remember last displayed tab after refreshing a page? Following the comment http://www.stilbuero.de/2007/02/05/tabs-plugin-update-support-for-unobtrusive-ajax/#comment-25582 There seems to be two options: Cookies History Which one should I use, or is this already implemented in tabs-3, if this is the case, how do I use it? Many thanks Norman
Accordion resizing
Hello, I am using the Accordion plugin with autoheight set to true. Is there a way to ask the accordion to re-calculate that height if the font size changes? I would like to use something similar to this article from A List Apart to do the actual detection: http://www.alistapart.com/articles/fontresizing Once I detect a change has been made, I'd like to ask the Accordion to recalculate the height of the longest panel. Is this possible? Thanks much. Jon
Drag-and-drop with forms
I have a project that I'm looking to implement a drag-and-drop page for a user setting up their menu preferences. Basically there will be a list of menu items on the left and a container (or containers) that users will drop their preferences into. I have the drag and drop working, but what I'm wondering is how to take what they drop into the drop zones and get that into a POST array so that PHP can do it's magic and update the database. Any ideas?
Multiple animate problem
Hi all, I realised something like http://demos.mootools.net/Fx.Elements with JQuery with background image transition. But images are not resized simultaneously, so the last button sometime get down. You can see it in action on http://denon.joomlation.org Maybe there is a better way to do so...
multiple sliders
hi there, could someone tell me (a beginner concerning jquery), how to get the values of one slider with two handles? I finally managed to build a slider with two handles (copying the example from docs.jquery) but I don't know, how I get the diefferent values? I hope you know what I mean... Thanks a lot, Daniel PS: Maybe you have an example on a site, which I could study...
UI Tabs Autoheight
Klaus, I saw this elsewhere in the groups in regard to the tabs migration into the jQuery UI: * removed autoheight option (it was ugly) - I think that can easily be achieved with CSS alone and this option was often mistaken as being a CSS substitute anyway. I apologize, I've dug around trying to figure this out before posting, but I can't get a CSS solution to work. Could you offer a few pointers? Thanks!
ui.tabs bug.
I've found a ui.tabs bug. To recreate 1. create a tab that uses ajax to load the tabs <script type="text/javascript"> $(function() { $('#maintab ul').tabs({ remote: true }); }); </script> ... ... <div id="maintab" style="width: 100%;"> <ul> <li><a href="boys.html"><span>Boys</span></a></li> <li><a href="girls.html"><span>Girls</span></a></ li> </ul> </div> now, from firebug console add a new tab $('#maintab ul').tabsAdd('boys.html', 'Chat') now click on the any of existing tabs... thier tab captions
ui tabs - declare remote div to load ajax content
all, i'm using the tabs plugin and would like to declare an arbitrary div to load the tabs into. right now i can only get it to load directly underneath the ul. The page i'm working on is set up in this structure: <div id="cntrCol"> <div id="adBanner"/> <div id="contextNav"> <div id="updater">...</div> <div id="tabSection"> <ul id="tabs"> <li>4 of these</li> </ul> </div> <div id="contentContainer"></div> </div> I need to load a different remote URL for each tab section as well as pass 4 parameters
IE7 ClearType fix for ui.tabs.js
I ran into a minor issue with the tabs widget and found the following change to work in my environment. Use at your own risk as I haven't done extensive testing for it. Background: IE7 has an issue with ClearType rendering such that you can't use fade effects (or anything using a filter) without losing the ClearType. In the ui.tabs.js file there are two places with the following code: if ($.browser.msie) { $hide[0].style.filter = ''; } I believe the intention of that code was to turn off the filter
Resizables north/west dragging incomplete - with fix
After enabling north and west resizing I discovered that elements in the proportionallyResize array do not scale north and west. They scale in size but not in position. Imagine you have your Resizable div next to a div that is in your proportionallyResize array. You resize your Resizable in the north direction (which works fine), but the div in the proportionallyResize array gets taller but doesnt move north. This means that one grows up, while the other grows down. This isn't what is expected. We've
UI TAB: tabsClick by ID
How to call [tabsClick] inside [add] method? How to call [tabsClick] by ID (not number)? tabsClick('#new-tab'); Thanks.
show a example of jquery + django
http://www.duolequ.com/salary/
draggable with 'clone' helper
Hi, My idea is quite simple: drag and drop an image (wrapped in a div) to another, bigger image (also in a div). I also want the draggable images to be cloned so that they can be dragged and dropped again. For a start I made the draggable images draggable: $(".draggable").draggable( { helper: 'clone', ... } ) and the big image droppable: $("#canvas").droppable( { accept: ".draggable", tolerance: "fit", ... } ) The drag and drop functionality works, if I show a "success message" when the image is
draggable with 'clone' helper
Hi, My idea is quite simple: drag and drop an image (wrapped in a div) to another, bigger image (also in a div). I also want the draggable images to be cloned so that they can be dragged and dropped again. For a start I made the draggable images draggable: $(".draggable").draggable( { helper: 'clone', ... } ) and the big image droppable: $("#canvas").droppable( { accept: ".draggable", tolerance: "fit", ... } ) The drag and drop functionality works, if I show a "success message" when the image is
Selectables triggerHandler question
TriggerHandler code like this is in the selecting/unselecting methods: unselecting: function(self, ev, options) { $('.ui-selected', self.element).each(function() { if (this != ev.target) { $(this).removeClass('ui-selected').addClass('ui-unselecting'); $(self.element).triggerHandler("selectableunselecting", [ev, { selectable: self.element, unselecting: this, options:
IE6 and theme images
I have some divs that are both "draggable" and "resizable" using jQuery.ui. Everything is working but on IE the resizer handle background image is being requested ("HTTP GET") continually as the elements are either dragged or resized. Is this unavoidable? or a bug? Thanks, Justin
move an element when dragging another one
I am trying to recreate the navigation tool in photoshop with javascript. So far I have achieved that when you navigate in the preview, the image scrolls accordingly, but I can't work out the reverse, that is when I drag the image, the rectangle on the preview should position over the preview accordingly. This is the test I am working on: <a href="http://dev.getconveyor.org/panorama_experiments/19a/">http://dev.getconveyor.org/panorama_experiments/19a/</a> Any help is much appreciated! -- Best Regards,
tablesorter on numerics with comma
hi, it seems that the tablesorter doesn't sort quite well on numerics with comma. is there a way to make it work right? thanks james
centralise draggable object to mouse position
When I drag the object, I'd like its centre to always be under the mouse pointer. How can this be achieved?
jQuery UI Resizables: Handles
While working with the new ui.resizables I've noticed that no matter what I specify for the "handles" option. jQuery is adding the three default (s, se, e) handle divs. Is there a way to prevent the addition of these default handle elements?
tabs inside the accordion widget
Is this possible ? I tried to embed a set of tabs inside an accordian widget, but it didn't work very well ..............
Next Page