sortable => put in database
hi folks, so far i've got the sortables working. i'd like to assign each entry in the database a position id. now: is there a way to get the id of the target of the sorted item? if a user pics one i'd get the current id with this.getAttribute('id'); ... but not the id of the item which is "replaced". what i wanna do is just switch the position id's instead if saving a serialized string to the database :) thanks in advance, spine
jARIA now supports :ariaRole(role) and :ariaState(state=value) selectors
The jQuery ARIA plugin, jARIA (http://www.outstandingelephant.com/jaria) now supports selectors for ARIA roles and states. I've added the following selectors: :ariaRole(role) -- selects elements by ARIA role :ariaState(state) -- selects elements with state set to 'true' :ariaState(state=value) -- selects elements with state set to value Examples: Select all of the sliders that aren't at zero: $(':ariaRole(slider)').not(':ariaState(valuenow=0)') Select all of the checked checkboxes: $(':ariaRole(checkbox):ariaState(checked)')
Extracting date object from calendar
Hey, loving jQuery - just a quick query about Calendar (which, I assume, has superceded Datepicker?): Using onSelect, I want to pass the a date object of the selected date to another function. I've had a poke around the code, but haven't found anything obvious - I assume Calendar assigns a date object with the selected date at some point, but that might not be correct. If not, is there access to the current day/month/year? That way I can format a string before passing it. It's not ideal, but I'm
Proper way to 'remove' a dialog that calls removeData correctly?
Hi, If I use something like $('#SomeDialog').dialog(....); And then do a dialogClose(), the result is that the dialog is hidden but still in the DOM. I would like to remove it from the DOM, but am unsure of the safe way to do this. You can't use $('#SomeDialog').remove(), because this leaves the generated ui-dialog parent divs in the DOM. You can't use $('#SomeDialog).parents('.ui-dialog').remove() because if I understand it correctly this won't call remove() on child elements, (and removeData is
Accordion Help
Hello, I am using the Accordion widget and would like to put some extra links in to the accordion to perform various functions. Given the structure: Parent1 Child1 Child2 Child3 I would like to be able to put a set of links next to "ParentX" and "ChildX" so I have: Parent1 Link1 Link2 Child1 Link1 Link2 Child2 Link1 Link2 Child3 Link1 Link2 However, if I add in an anchor tag after ParentX or ChildX, the accordion no longer works properly. Any ideas on how I can do this? Thanks. Here's my code (in
Problems with floating a box underneath a resizable box
Hey everybody, I am trying to accomplish the following: 1. I have a table which is on the left of a wrapper floated to the left. 2. I have a box (A) which is within the wrapper but floated to the right, so that it displays just next to the table. 3. The box A is made resizable. 4. Now I want it to be resizable onl to the south, west and southwest and when it overlaps the table, the table should snap underneath box A. I played a lot with floating..as in removing floating from the table, proportionallyResizing
Sorting by checkbox status
Quick question guys, how can sort tables by a checkbox status with the tablesorter? Thanks, Karol
resizable options
<div>Hi,</div> <div>I am trying to use resizable object and set its options so that the se and nw handles are displayed and functions are called when start/stop resizing occurs. However for some reason, the options seem not be set. </div> <div>Here's the code:</div> <div>var options={ handles:{se: '.ui-resizable-se', nw: '.ui-resizable-nw'}, start:function(e,ui){$.log('start map resizing');} }</div> <div> </div> <div>Can anyone help me with this?</div> <div><br clear="all"> -- Best
Draggable/Droppable + AJAX = performance leak
Hi all, The code is something like: <div id="box"> <div ..></div><div ..></div><div ..></div><div ..></div> ... </div> And I append draggable- and droppable-functionality to some of the divs in the #box-div. Now I reload the content within #box and append the same functionality again. The more often I do that, the more CPU is used by the script until a simple drag takes about 5 seconds and more. This is no AJAX Problem - I did the same amount of reloads adding drag/ drop only after the last one to
div height problem
a div has a style of "height:65%;overflow:scroll" ,but it doesn't work in firefox.(it's ok in ie) who can help me? the source code as following: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <style type="text/css"> <!-- .gabby{ font-size: 10px; font-family: Verdana,Arial,Helvetica,sans-serif; } a:link,a:active,a:visited { text-decoration: none; } .gabby_top {
time in calendar?
i can't find option to add time, all i can get is date without time. i want "2007-12-01 12:24:33", not "2007-12-01". any tips/tricks? Aljosa
problem incorporating tabs
Hi. To cut it short: I have a page (index.html) with two div elements: "navigator" and "content". Whenever a link pointing to a page is clicked that page is loaded via $.ajax into the "content" div. When I tried to use the sample code from this article (in a form of a page which I load into the "content" div) I figured out that tab's script won't work. When the page is viewed standalone it does work perfectly as is expected. I guess there is something wrong with loading pages into divs via $.ajax,
Drop Shadow Plugin
A few days ago I posted here about a new plugin I'm developing that creates soft drop shadows on nearly any element, including text and transparent images. A few people suggested I post an address to a sample webpage along with the source code. Well, I did that later the same day, but nobody replied. I don't know if nobody noticed or if everyone just thought it was too lame to bother. Well, I think it's pretty cool and I don't give up that easily. I haven't seen anything like it for any other Javascript
slider: sliderMoveTo
Hi, I was wondering how sliderMoveTo works. I can't seem to find where this function is declared in the source. I have a feeling if I can figure this out, some of my other problems might get cleared up, but let me ask about these too in case someone has dealt with them. I have a page with several sliders (each with 2 handles). I want to access the slider values outside the $('#div-id').slider( ... ) statement. For example, I'd like to be able to submit the values via an ajax call. I have buttons
Is jQuery UI up to date as regards the datepicker?
Hi -- I'm just trying out UI (having fallen rather in love with jQuery), but am having a problem with the datepicker. The example source code calls a script containing the datepicker, but the UI source I just downloaded today only has a file called ui.calendar.js. Is this still waiting to be updated, and if so, where could I access the libs to duplicate the example code? Thanks alot, Doug.
append on drop and revert
I have something similar to this: $('.item').draggable({ helper: 'original', revert: true, }); $('dock').droppable({ accept: '.item', tolerance: 'touch', drop: function(ev, ui) { $(ui.draggable.element).appendTo(this); } }); It didn't work as I expected it because the revert is trying to get the item back to its original place even when it is dropped successfully. I know I'm doing something wrong, I want the item to revert to its original place when the drop fails ie: when it is dropped outside the
Webpage examples are not working
I don't know if I shuold be writing this here, but I've not found a better way to say this. Some examples in the webpage are not working, basically the ones that use de dimension.js library. The thing is that they go for it in a place that no longer exists (some folder under http://dev.jquery.com/view/trunk/). I think that is a really easy thing to fix and would give a much better impression of this library. If it was the first time I visit the ui homepage and most of the demos weren't working I
Datepicker not positioning correctly when inside a scrolled div
The datepicker doesn't position itself correctly when it is inside a div which has overflow and is scrolled away from its top possition. It seems to be positioning itself where it would be if the div wasn't scrolled.
Nested Tabs
First let me say that the more I use jQuery and the many fine plug-ins the more I am impressed. The tabs plug-in is particularly elegant and feature-rich. Not to mention it's fine cross browser support and small footprint. Anyway, enough of my gushing. Has there been much thought given to nested tabs? Is anyone considering an extension or a revision to let one set of tabs support a hierarchy of tabs? I've gone down the obvious path of putting a set of sub-tabs into a container/panel of the currently
Sortable behaviours
Hi, I've recently switched from interface to UI, and I have some problems with the sortable plugin. I have 4 floating (sortable) div, 3 in the first row and 1 in the second (see the image http://img265.imageshack.us/img265/3856/screenshot073ok0.png). When I drag the box number 4 up, all the boxes moves to the right; and I get the sequence: 4-1-2-3. This is normal I think, but the behaviour that I need is different. I would to switch the places of the 2 boxes without move the other boxes. In this
tableSorter and IE6 - Strange ?
Hello, I don't understand why this page give a strange result : http://mege-services.xserve.fr/RapidWeaver/Plugin/pages/rapidTableDemo.php This page is working with Safari, Firefox, IE7 on Vista. Can someone help me ? Thanks. Dominique.
Multiple dialogs broken in latest trunk
I've noticed that revision 3722 of ui.dialog.js breaks multiple dialogs on a page (the 'new' keyword is now missing) and submitted a ticket (#1990: http://dev.jquery.com/ticket/1990) and a patch. Just thought I'd post here to make sure people are alerted to it. -Rob
scrollable and resizable div
how do i make a div scrollable (overflow:auto) and resizable at the same time? when i try, the resizing handle moves when the div is scrolled. is there some positioning i can set to keep this from happening? thanks.
Having trouble using ui.tablesorter.js
Hello, I'm having trouble getting tablesorter to maintain even/odd classes assigned to table rows after a column is sorted. I've tried using widget: zebra, but I'm afraid I don't understand it. Any help would be appreciated. Regards, Marty
Droppable Help
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40" xmlns:ns0="urn:schemas-microsoft-com:office:smarttags" xmlns:ns1=""> <head> <meta http-equiv=Content-Type content="text/html; charset=us-ascii"> <meta name=Generator content="Microsoft Word 12 (filtered medium)"> <style> <!-- /* Font Definitions */ @font-face
Request for Clarification
Hello, The API for the Slider plugin mentions this: "Takes arguments e and ui, for event and user-interface respectively. ui.slider.curValue will yield the value that the handle has when the event is raised." Would somebody mind taking a moment to explain what is meant by the two arguments? There's no mention of what 'e' and 'ui' are, or what they do... the example listed on the page uses them but it's not clear to me. Also, is 'ui.slider.curValue' the only property of the object? Does it only return
dialog questions
hi, I just started setting up a few dialogs, I have a few questions... I want to setup a few dialogs inside the site, for showing and controlling some of the aspects of the site can someone tell me how to prevent the content to go over the border? here is the image: www.crm20.com/dialog1.png another question is how can I make adjustments to colors of dialogs without modifying .css file? also a position, I want to send to the server the current position of window when user is finished moving it, with
slider minValue doesn't seem to affect ui.slider.curValue
I have a slider in which I don't want the minimum value to be 0, but instead start with something else. And as I drag the slider, I want to update a span tag with the current value. It works great if my minValue is 0, but not otherwise. In the case below, my minValue is set to 65, but as soon as I start moving my slider around, it behaves as if my minimum value is back to 0. $('#superSlider').slider({ minValue:65, maxValue:149, startValue:65, steps:15, slide: function(e, ui) {
Probably a dumb question... sortable list - sending sort order to a database - SOLUTION COMPLETE
Thanks for the replies guys! Got me headed in the right direction and I now have it working. Here's my solution, in case i's useful / of interest to someone else: on the actual page: $('#categories').sortable({ update: function(){ sendOrder('calendar'); } }); callback function: function sendOrder(section) { serialData = []; var submitData = ''; list = $('#categories li'); for (var count = 0; count < (list.length-1); count++) { var thisElementId
New UI Plugin
OK, so I have this little UI plugin I've been working on. It creates soft drop shadows under any element, including text and transparent images. I know jQuery UI has some sort of shadow plugin, but it doesn't seem to work very well (or at all in IE) and it only creates rectangular shadows. Mine still has a few small issues, in complex situations, but it's pretty stable in the major browsers, for most uses. Can anyone tell me what I'm supposed to do next? How do I get the thing out there for other
How to test ui fresh from the svn ?
Hello, I did check out from the svn : $ svn info Path: . URL: http://jqueryjs.googlecode.com/svn/trunk Repository Root: http://jqueryjs.googlecode.com/svn Repository UUID: c715fcbe-d12f-0410-84c4-316a508785bb Revision: 3936 Node Kind: directory Schedule: normal Last Changed Author: aaronchi Last Changed Rev: 3936 Last Changed Date: 2007-11-26 16:39:17 +0100 (Mon, 26 Nov 2007) and it contains a ui folder. However, I can't make the demos work successful (well, the few a tried). For instance: http://localhost/jquery/ui/apps/gallery/
Probably a dumb question... sortable list - sending sort order to a database
Hi All, I'm having a brain fart with sortable lists. I have the dragging / dropping / sorting working fine as far as the js is concerned, but I can't think or see how to put that into the database. I've done this sort of thing before when I was using prototype and scriptaculous, there they have sortable.serialize(). Should I be doing something similar with UI.sortables? If someone can shove me in the right direction I'd be most grateful. I'm using php to interact with the server and am pretty comfortable
why jquery 1.2.1 is so clean ?
Hi, I just looking for documentation about some functions but i couldnt have it in jquery 1.2.1 (usually i look at the source and i found some examples, the last one that have it in 1..1.3 ) why the jquery 1.2. look so clean ... with no clear documentation and examples in the source (although it mentions that it include documentation)
Uploader dead?
I just grabbed the Uploader component off of SVN and with some effort sort of got it working, but it appears that most of the stuff that's in the (old) documentation just isn't there. Is this project abandoned?
jQuery FX 1.1?
Hey guys. I just finished porting over all of the effects from Interface 1.2 (except for transfer) to the new jquery fx/enchant. They've been tested and seem pretty complete to me. If you'd like to test them out (and see if you can break anything) please check out the effects in fx/ experimental. I'll get that transfer effect in after Thanksgiving ;) Peace.
Tablesorter creation fails when called on empty table
Calling tablesorter on the following table fails: <table class="tablesorter" id="emptytable"> <thead> <tr> <th>header</th> </tr> </thead> <tbody> </tbody> </table> It fails at jquery.tablesorter.js (2.0.1) line 482 with the error: 'parsers has no properties'. I can bypass the error by adding a dummy row in the tbody and using display:none.
Sortable Callback Not Working
I'm attempting to use the stop and update callbacks in for the sortable. $("#div").sortable({hoverClass: 'sorthover', stop: function() { alert('updated'); } }); or $("#div").sortable({hoverClass: 'sorthover', update: function() { alert('updated'); } }); neither of which work. However, the start callback does work.. $("#div").sortable({hoverClass: 'sorthover', start: function() { alert('updated'); } });
newby: trying to get tabs to not load anything until clicked
Hi: I have a set of tabs (a ul) that needs to do an ajax load of the remote content. I want it not to load anything until the user clicks on the tab. I have been trying the following code: $(document).ready(function(){ $("#termModule > .yui-nav").tabs({unselected:true}) }); and the html looks like: <div id="termModule"> <ul class="yui-nav"> <li> <a href="#" title="Spring 2008"><strong>Spring 2008</ strong></a> </li> etc. Don't worry about the YUI names, this is a refactoring of a YUI tab page.
UI broken?
Well, Ive been lookin for a suitable UI library for jQuery. Im pretty much left with UI and Interface. Interface was broken with the jQuery 1.2, and UI is nothing but a major pain. The droppable example provided by jQuery is broken, the droppable boxes dont even move when you go to drop them, and various other quirks. Anyone have any ideas what to do? I really dont want to have to change from jQuery to another javascript framework just for a UI.
manually start resize
Hi all, I'm trying to do a kind of drag-select thingy using resizeable. So I have it all setup to create the resizeable on mousedown, but then I want to start the resize process in that same event so that the user can create the resizeable and give it an initial size with one click- and-drag. I've tried calling the start and resizestart methods on the object, but they don't seem to exist in the DOM object's instance namespace. Any ideas? Thanks, Ian Here's something along the lines of what I'm doing:
Next Page