how can i stop click event in dragging started?
Hi list, I bound click event and draggable on the same dom element, I want to ignore click event when element begin dragging, I tried unbind click event in start callback of draggable and bound click event again in stop callback but click event always trigged. hope someone can help me to solve this issue, thanks in advance for any help. example: <div id="el">test</div> $("#el").click(function() { alert("clicked"); }); $("#el").draggable({...});
Bizarre "shrinking body" bug in IE
Hi all, I've just finished developing my first site using JQuery and I'm very pleased with it! However, I'm suddenly just started getting the most bizarre behaviour in IE. Basically, as soon as ANY JQuery command is issued, for example an interface binding event, a hasClass call, or slideUp iteration, the body tag SHRINKS a tiny bit, up to the top-left hand corner, until you can't see any of the web page any more! You can lose an entire page in about 2 seconds. It doesn't happen in my colleague's
Sortable helper
hello! it's any way to get the interface helper ( http://interface.eyecon.ro/demos/sort_floats.html ) on UI sortables? i've tryed with: $("#formItems").sortableDestroy().sortable({ items: '.dragThis', handle: '.move', helper: function() { var myHelper = document.createElement("div"); $(myHelper).css({ background: 'yellow', width: this.offsetWidth + 'px', height: this.offsetHeight + 'px', opacity:
Jquery Pager: Move all other items as one item is removed from list
Hi Guys, Noob here, Pls refer to the attached image for a graphical explanation: http://www.nabble.com/file/p13908011/help_1.jpg Page Function/Problem Description: - When a user clicks on an item (colored blue), it should be removed from the page (this is already done), and all other items under it (this includes items from other pages) should move up or move from one page to another (this is my problem). I used a jquery pager function here. Thanks in advance guys... -- View this message in context:
ui.tabs - switching tabs using a text link
Hello (and hope I am not re-posting): I have been using the ui.tabs [http://stilbuero.de/jquery/tabs/] for a site I'm designing. My problem appears when trying to switch a tab not from a Tab link but from a Text link I place at the bottom of the page. I know that there is an example "Click tab" on the paged I just referenced, but I cannot seem to figure out how to implement it. I would like to have a text link to all my tabs at the footer if the page. Ideally there is a line (or few) of Javascript
sortables - hoverClass appears above dragged item
Hi, I've just started playing with sortables and used hoverClass:"hole" to display something in the "empty space" where an item can go. However, when I drag something, it appears _behind_ the empty space rather than above it. The CSS I'm using for the hoverClass is: .hole { background-color: #eee; width: 135px; height: 64px; -moz-border-radius: 7px; border: 1px inset #ccc; } I've tried setting it's z-index and all sorts of things but no joy. I'm using the latest released versions of jQuery (1.2.1)
Why isn't Opacity an option as a part of .sortable?
In Interface, opacity is an option for using .sortable. In UI, it is not? Why? In fact, the options in Interface for Sortables are quite large: http://interface.eyecon.ro/docs/sort compared to UI http://docs.jquery.com/UI/Sortables/sortable#options I guess I am just still scratching my head as to why something as visually rich and flexible as 'Interface' has been dumped and not supported any longer so Jquery could move toward a UI library that seems less superior at the current time. Am I the only
Ticket #1958: UI.sortables does not call the callback update
Just posted this enhancement for the fact that the call back for stop wasn't working. The http://dev.jquery.com/ticket/1958 url have the fix for it
Load tabs in tabs (Tabs 3)
Hello, I'm trying to load tabs in tabs. The code i use is: $('#leftmenu-container ul').tabs({ load: function () { $('#tabs-in-tabs').tabs({navClass: 'intabs-nav', containerClass: 'intabs-container'}); } }); Everything works fine in FF (as it should do), but in IE only first "tabs in tabs" container is loaded correctly and in others it seems that $.tabs isn't executed... Any solutions? Thanks for the help in advance!
Sortable droppable mouse-detection problem
I use jQuery-ui to create a sortable list. Now, it's also droppable. It is set correctly to my knowledge but it just won't detect any draggables hovering or dropping onto them. What am I doing wrong? Has it got something to do with the UL and LI being floated to the left? File excerpts: /*************************************************/ /* CSS /*************************************************/ .sortableHover { background: #000; } div.emptyBlock { display: block; float: left; border:
Help with tablesorter - sorting one column by content within both input fields and textareas
Hello everyone, this'll be my first post here! I am trying to make the tablesorter sort one of my table columns by the content inside input fields and textareas. The content is loaded dynamically from a php application, and some of the cells contains input fields and some contains textareas.(it's a language translation app) I'm pretty lousy when it comes to javascript, but I use jquery because it makes things a lot easier, and I need some help with this function in order to get it to sort by all
resizable problem
Hello. I can't seem to get resizable to work. I get this error reported: Error: $(this.element).position is not a function ui.resizable.js line 196 I have been able to get draggable working just fine. Thanks very much. Marty
Sortable bugfix
I don't intend to do much for the project but I fixed this since it kept giving me errors everywhere. I guess the programmer never noticed it or something or I'm being stupid, but it fixed all the errors for me. When you've changed something in the sortable item the error will appear that $(this.helper).outerWidth() is not a function (or something) change outerWidth() to offsetWidth and outerHeight() to offsetHeight (which is just after the first replacement). Hope this is of some use to someone.
jQuery at ColdFusion United Conference
I have been chosen to speak of jQuery CF integration at the conference this summer. Anyone who has ideas they would like to share is welcome to toss them my way. ( sosensible@gmail.com ) I have ideas but the collective group has more than any individual. :)
ui.tree.js - Interface fork
Hi i was looking for tree widget, so i tried ui.tree.js from svn. The selecting-feature and the keyboard navigation is pretty nice, but i was wondering why it does not use JQuery UI's draggable() or droppable (). There was an example for a tree widget at interface.eyecon.ro that did use a draggable() and droppable() so i took that tree widet, made it work with UI's dragg/droppable() and merged the naming and some parts of the code from the current ui.tree.js. I dont't want to hinder the progress
Dialog above an IFRAME resizes slowly
<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns="http://www.w3.org/TR/REC-html40"> <head> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=us-ascii"> <meta name=Generator content="Microsoft Word 11 (filtered medium)"> <style> <!-- /* Style Definitions */ p.MsoNormal, li.MsoNormal, div.MsoNormal {margin:0cm; margin-bottom:.0001pt; font-size:12.0pt; font-family:"Times New Roman";} a:link, span.MsoHyperlink {color:blue; text-decoration:underline;}
slider handler getting over
hi, anyone know , with a 2 handlers slider,how to avoid an handler to go over the other handler?
understanding UI/Droppable Function(e, ui) from drop:
Can somebody please point me in the right direction to understanding more about the drop: option on droppables. I am seeing in the docs an option to create a function that passes (e and ui), Function(e, ui). What is e and what is ui? What properties do they offer? Specifically I am hoping to be able to get the left and top positions from the element that I've just dropped. Does this make sense? Thanks, Jeff
New plugin Jquery Fx Queues, useful for UI's FX?
Hello everyone, I just wanted to let you know that I created a plugin (http:// jquery.com/plugins/project/fxqueues) that allows to enqueue effects of different elements, but also keeps jQuery's default queueing option. Since I've seen you are working in an FX sub-project, I thought that maybe this plugin could be incorporated. What do you guys think? Thanks! PD: Besides this plugin, I would also lake to offer my help with the jQuery FX development, so let me know fi there's anything I can help with.
problem in jquery with IE6
hi i am using jquery to block user interact while submitting. it takes more than 60sec in IE6. but not in IE7 and mozila. if any one have solution means plz help me thanks in advance regards shiva
slider: multiple handles different start values
I have a 2 handle slider that needs to have the startValue of each handle set dynamically. Is there a way to do this during initialization or move them immediately after the sliders have been created? -- Pete
horizontal or vertical only resizeables (and a bug found!)
i want to request a new feature for resizeables: horizontal or vertical only resizeables; because it (the resizeables) sets the height propriety always, but i want to resize only horizontal and maintain the height = auto; i´m using the "height:auto !important" css rule as workarround, but in ie6 it still can resize verticaly. another thing i think that is a bug, i tried to use this: $('.test').css("height","auto !important").resizable(); doesn´t work, it ignores the "!important" and sets just the
Draggable, Scrollbars and Safari
Has anybody had the problem in Safari where when a scrollbar is clicked on inside of a draggable div, the mouse never releases and stops the drag? Have to quit safari just to recover your mouse.
Accordion and dynamic changes to its elements, anomalies
I have been doing some dynamic things with accordion and have found some areas that I would like to discuss to see if accordion could accomodate them, or if I should try to extend or rewrite it on my own. I'm doing some very dynamics things with the content that lives in the accordion. The problems I've found seem to stem from accordion getting out of sync with the changes that are made to the data after accordion is called and setup. I haven't unraveled why the problems are happening yet but it
Sortable questions - Injected html and table rows
Hi all, I'm using the current release of jquery (1.2.1) and have tried the nightly build to see if it helps fix my problems (but doesn't) and jquery UI 1.0. Two questions. 1. When I make a table sortable (using the row's as handlers) the length of the row collapses and positioning shoots off to the top- left, rather than contained to the parent table. 2. When injecting a html list from a popup window to it's parent, I am unable to make that list sortable, I receive the following error message: selector
Tabs UL into fragment troubleshooting
Tabs Fragment Bug (ul - li - A) Hi, i'm not shure you haven't disscussed it yet but. when you put into fragment (class="ui-tabs-panel") code like this: <ul> <li><a href="http://somedomain" title="aa">aa</a></li> </ul> it makes some mess, i have no idea how to fix that... it looks like a hrefs into list (ul-li) in fragments are inherits of css class ui- tabs-nav. Next. when you manualy fix some css.. you can see that when you click on a href.. it doesnť redirect to http://somedomein but on current
Is UI project dead or what?
Hi! There are severl week now that the svn trunk for jQuery UI isn't updated, except for the ui.datepicker. If I remember well, the 1.1 release wasn't scheduled for the mid/end of october? Ehi guys, what's happening? Any news? Why there aren'nt any updated schedule or roadmap? I'll wait for any word.... MarcelloP
Tablesorter-problem when multiple rows in thead
Hey there, I'd like to sort a table with a "fixed" first row. My "trick" is the following: <thead> <tr> <th>sort criteria 1</th> <th>sort criteria 2</th> </tr> <tr> <td>fixed content 1</td> <td>fixed content 2</td> </tr> </thead> <tbody> ... {updated with jQuery / Ajax} </tbody> However, this doesn't work. I traced the problem to tablesorter's buildHeaders-function (line 289). I don't know what the function "checkCellColSpan" does, but after calling it (line 297) the $tableHeaders-object is empty.
Getting draggable and scrollbars to play nicely
I'm somewhat new to jQuery, so please excuse the question. I've got a draggable dialog with a table in it - the table has scrollbars.. Unfortunately, when you go to drag the scrollbar, you drag the whole thing. Now, I know about the dragPrevention property, but I can't for the life of me figure out the syntax. (And can't find a single article on the jQuery site that addresses it). Any help?
jQuery FX
Hello. I just posted to jQuery Dev and got referred to here. I've been working on a port of jQuery to Rails to replace the existing Prototype/ scriptaculous libraries. During the process, I made some updates to the jQuery effects library. I'd like to help with developing the effects for jQuery UI. Basically, I'd like to port all of the existing interface effects into the new fx structure. I'm pretty close already. Still needs a little bit of cleanup for x-browser functionality but it's close. http://ennerchi.com/projects/jrails
Drop down text box
I'm not sure what's been done as far as form tools, but I thought I'd throw my hat in the ring. I've been working on a drop down text box control that replaces <select>s. Take a look at the demo: http://www.davidandcollin.com/JQuery/dropdown/ and the source: http://www.davidandcollin.com/JQuery/dropdown/jquery.dropdowntext.js If anybody thinks this might be generally useful, I'd appreciate feedback/suggestions/etc. Thanks!
Projected date for UI 1.1?
Hi friendly UI Team. I hope Paul's hand is feeling better!! Is there a projected date for UI 1.1 Beta Period? I wanted to set aside some time to test once it's out, but some projects are looming, so I'm trying to get a feel if it's this week, next week, week after, just estimates are OK. I could not find a reference to the UI 1.1 release at: http://dev.jquery.com/roadmap Is there another page with release dates for UI? Thanks, Joe
Intercept Dialog close
Hi All, I want to excute a code when the dialog is close. I can put code after 'OK', and 'Cancel', but when i use the red cross of the dialog to close it. How can i put code after this event ? $('#foo').dialog({ width: 650, height: 300, buttons: { 'Ok': function() { $(this).dialogClose(); MyFunction(); }, 'Cancel': function() { $(this).dialogClose(); MyFunction(); } } });
Interface Transferer and UI
Hello! Is any way to achive the transferrer effect with jquery UI? Thanks!
Ingrid, jQuery Datagrid : Update, v0.9.1
Hi All, I've just posted the latest version of Ingrid datagrid plugin. Incorporates a lot of feedback I've received over the last couple weeks, including: - Row selection - Saving state (page number, column sort & direction, selected rows) - Exposed object model, added helper methods like ingrid.getSelectedRows(), ingrid.getColumn(), etc - A couple bug fixes and some general code refactoring. I confess I added way too many comments. I'll get to those later... http://www.reconstrukt.com/ingrid/
code for custom drag modifier (in draggable test cases: circle dragging)
hi, I already posted in jQuery English ("draggable: manually reset position of element by drag callback handler" - Url: http://groups.google.de/group/jquery-en/browse_thread/thread/2f19a5f4fb8f94aa/#) but did not get any response (maybe because it was the wrong group and likely nobody understood my cluttered posting). At least I found out, that it should be possible to accomplish what I want because there is an example in the jQuery ui draggable test cases ("code for custom drag modifier"). Unfortunately
slowMode and draggables/droppables
What is the purpose of slowMode (the property of a draggable) and why does it depend entirely on whether the mouse cursor is inside the element being dragged? The context of this question: I've been working with UI on a project that uses drag and drop style interaction to lay items out on a screen. Most of the items are dragged around via a handle that sits on top (vertically, not in front of) the element being dragged. This has been fine, but once I started trying to drop items into various containers,
Selectables lasso code is incomplete - with fix.
I discovered that the Selectables lasso select does not work as advertised. From experimentation with the live demo and from looking at the drag/select code in the class itself I determined that the lasso only works when your mouse touches a selectee. This means the lasso doesnt work at all and it might as well be called click-drag- touch selection which has limited utility. Try the demo yourself and you'll see. If you are careful not to touch the selectable divs you can get a square around them
Dialog options
Hello, I have this in my html: <html xmlns:t="http://tapestry.apache.org/schema/tapestry_5_0_0.xsd"> <head> <title>cell Start Page</title> <link rel="stylesheet" href="js/jquery.ui-1.0/themes/flora/ flora.all.css" type="text/css" media="screen" title="Flora (Default)" /> <script type="text/javascript" src="js/jquery-1.2.1.js"></script> <script type="text/javascript" src="js/jquery.ui-1.0/ jquery.dimensions.js"></script> <script type="text/javascript"
Help resizable
Preciso de ajuda com a função rezisable(), o css que tento colocar não funciona e no exemplo não tem um bloco pratico. Agradeço a atenção desde já, abraços!
Next Page