Drag - Drop - with Layers
Hello, I've been having a problem with the UI.draggable and UI.droppable functionality. I've set up my screen like the following : http://outer-empires.com/images/Screenshots/inGame-SpaceStationHome.jpg At the bottom of the screen you can see the "cargo" and "hanger" area, people can pick up their "resource" and move it from one area to the other. Now, all of the above works - however, when dragging from the left to the right, the cloned item slides underneath the background for the hanger. Both
Draggable special containment
I have a div with id="program" and that's my containment box. Inside this I have a div with id="drag" which is draggable. The draggable content is larger then the containment box. I want to constrain the draggable elements movement in such way, that the draggable can freely move inside the containment, but if the draggable bounderies reaches the containments bounderies to stop dragging. In summary: If the draggable content moves outside the containment that is a good behaviour, but when the draggable
SlideDown/Blind effect, starting with hidden elemet
Hi. I'm new to jQuery and trying to get a blind/slidedown effect to work. I read all the tutorials and examples I could find, but for some reason I couldn't find any solution for this specific problem. I hope someone in this mailing list can help! Basically, I want a simple slidedown or blind effect. However, I want to have it start with the content hidden. Example: <html> <head> <script type="text/javascript" src="js/jquery-1.3.1.js"></script> <script type="text/javascript" src="js/jquery-ui-1.5.3.js"></script>
[accordion] - Please help with strange clearStyle behavior
Hi... I want my accordion to slide open to the adjusted height for each of the sub elements. Instead, the first time through, the accordion slides open to the tallest height (as if autoHeight were set) and then snaps to the proper height for those elements. How can I have it adjust the height for each list accordingly without it first expanding out? jQuery('#navigation').accordion({ active: false, header: '.head', navigation: true, event: 'mouseover',
dialog widget - help!!!
Hello Dialog authors! Wow is this a cool widget. It has fantastic potential. I would like to be able to open more than one dialog at a time to use as positionable content windows. It doesn't look like this can be done. Am I wrong?
NEWS: jQuery UI 1.6rc2.5 released
The legacy preview release, jQuery UI 1.6rc2.5, is ready for download and testing. See <a href="http://blog.jqueryui.com/2009/03/jquery-ui-16rc25/">http://blog.jqueryui.com/2009/03/jquery-ui-16rc25/</a> Development bundle: <a href="http://jquery-ui.googlecode.com/files/jquery.ui-1.6rc2.5.zip">http://jquery-ui.googlecode.com/files/jquery.ui-1.6rc2.5.zip</a> Svn: <a href="http://jquery-ui.googlecode.com/svn/tags/1.6rc2.5/">http://jquery-ui.googlecode.com/svn/tags/1.6rc2.5/</a> Please file any issues
Sliding list items won't stop sliding
Hi, using jquery 1.3.2. I am going to dig through the docs more on the JQuery site, but while I do that. I am trying to animate a UL of items. I want the user to mouse over the header and have it expand. Sample page is below. Just have to change the path to jquery-1.3.2.js. It works, sort of in FF and IE. There are two problems that I haven't been able to resolve. First and foremost. If you mouse over a bunch of selections quickly, they all start to expand. If you stop your mouse, they continue to
Issue with AutoHeight
Hi, I built a page using individually hard coded headings and content and the autoHeight option works as expected. However when I build a PHP page that dynamically creates the titles & content, I get a fixed height. See code below. Any suggestions? Thanks!! <!DOCTYPE .........transitional.dtd"> <META HTTP-....... GMT"> <html xmlns="http://www.w3.org/1999/xhtml"> <head profile="http://gmpg.org/xfn/11"> <link type="text/css" href="http://jqueryui.com/latest/themes/ base/ui.all.css" rel="stylesheet"
Dialog wont open on second click (1.6RC). Help!
Hi all, I downloaded the latest 1.6RC from jqueryui.com and found that the dialog window does not work as well as in the currently available stable version(1.5.3). I am not a javascript expert...what i am trying to do is open a dialog window on the click of a button. It opens fine the first time...on closing it and clicking on the button again, it refuses to open on 1.6RC version of the code....but works fine on 1.5.3. Here is the JS code I am triggering when a button is clicked. <input type=button
Is there any option to resize div's reversely, when i am resizing.
Hi Richards, I have three divs in a container(container also a div). These are resizable and draggable items. If i resize any div in it. Remaining div's automatically resizable. I have tried by all means. But i couldn't get any thing. Please help me to do this. Structure --------------- <did id="container"> <div id="id1">Draggable and Resizable</div> <div id="id2">Draggable and Resizable</div> <div id="id3">Draggable and Resizable</div> </div> With Regards sure
On IE 7, a sortable moved to a droppable target (trash bin) not deleted
I am very new to jQuery but believe this issue may have something to do with the Sortable and IE. I've created a list of draggable items connected to a sortable area. The list items in the sortable area can be dragged to a trash bin (droppable) where they can be removed by calling, ui.draggable.remove () when the drop event is caught. This behavior works on other browsers but not with IE 7. On IE, the sortable items stay permanently once dragged in. I tried catching other types of events but no use
Dialog box height smaller than 157px
<script type="text/javascript"> $(document).ready(function(){ $('.dots').hide(); $('div#working').dialog({ draggable: false, closeOnEscape: false, resizable: false, width: 170, height: 10, open: function(event, ui) { for (i = 0; i <= 1000; i++) { $('span#dot1').fadeIn(2000); $('span#dot2').fadeIn(2000); $('span#dot3').fadeIn(2000);
jQuery UI 1.7: Dialog: Shadow layer/css is missing
Hi. I have just migrated from 1.6rc6 to 1.7 and noticed that the shadow is missing from my modal dialogs. Inspecting the markup generated under 1.6rc6, I see the following div: <div class="ui-widget-shadow" style="position: absolute; left: 80px; top: 60px; width: 606px; height: 496px;"/> Inspecting the markup under 1.7, that div is missing entirely and there is no shadow on the dialog as a result. Was the shadow made optional on the dialog? Am I missing something? For the record, I am using the base
how to remove dragged element?
Hi all, I have images created by such function: function addImage(filename, width, left, top) { div = document.getElementById('ticket_canvas'); var newImg = document.createElement('img'); newImg.setAttribute('id', '_img_'+i); newImg.setAttribute('src', 'tmp/'+filename); div.appendChild(newImg); // http://aleembawany.com/2009/01/25/jquery-resizable-draggable-bug-workaround/ //http://abeautifulsite.net/notebook/68 $('#_img_'+i) .css('width', width) .resizable({aspectRatio:
How to reset my draggable li items after dragging.
Hi all, How to reset my all draggable li items list in order. Is there any option in jquery ui to do this. Any assistance would be greatly appreciated. Thanking you sure
tabs: Selecting tabs "jumps" the page.
I know that tabs are essentially anchors. Is there no way to select a tab without making the page "jump" down to it? Even if I go this route: var stuff = $('##tabs').tabs(); stuff.tabs('select', '#tabselection'); It's still making the page jump down to the anchor.
Custom Download not Working
When trying to download a customized version of the UI I am having 2 problems. Whenever I CAN get the page to download the .zip file, the file will sometimes have an extension of .CUSTOM......Not sure why this is happening, but its deffinatly not a .js file. The other problem Im having is the same that others are having, I am getting a damaged file error. Ive been fighting with this download all day, and ive tried different themes as well. Something is wrong.
dragging items from bottom of a long list
I'm dragging and dropping items between two divs. There is so much content in the source div that I need scrollbars. If I want to drag an item from the bottom of the source list I have to drag it to the top of the source div, then move it over to the destination div. Is there a way around this scrolling? Thanks, marr
Jquery ui 1.7 - sortable and serialize
I have this code <script> $(function){ $("#sort").sortable({ change:vai() }); function vai(){ alert ("ok"); } </script> .... <ul id="sort"> <li>uno</li> <li>due</li> <li>tre</li> </ul> My purpose is to get the order of my sortable list whe i sort the list, but with this code the event is not hooked: only at the loading of rthe page i get the alert box... Thank you in advance
class transitions on webkit browsers
Hi all, During my attempts to create animated class transmissions (.addClass ('class', int)) i have noticed that the animation does not work on webkit browsers (safari, chrome). moreover, once providing the integer for the transmission the whole method fails (i.e. - it doesn't even add/remove the desired class to the element). did anyone else encounter the same problem? for the time being i would like to at least be able to regress the method on webkit enabled browsers while attaining the transission
negative min/max values for slider
I get a closestHandle is undefined error when I set the min to a negative number and the max to 0. :(
ui-state-hover with ajax mode
I m setting up an example tabs page and found some weirdness with the hover event for tabs using the ajax mode. My example is below. What happens is when you first load the page everything looks okay but if you click on the ajax tab (tabs3 in example below) and then select another tab tabs3 still has the ui-state-hover class assigned to it. It's only when you click on tabs3 again before selecting another tab that the class is removed. Anyone every see this before and know what possible resolution
Customize helper on draggables
I'm trying to drag multiple rows of a tabel. Currently I'm using helper: 'clone', But this only works for one draggable row. I'm trying to custom the helper to insertAfter the each selected row. Is this possible? Or do you guys have another suggestion for this problem? Help is appreciated. Thanks.
ui slider knows what element it is associated to?
Is it possible for the "slide" event to figure out the id of the element it is associated to? For example, I am making a list of sliders that all have essentially the same functionality. However, when a user slides one it should update an input field with a value. The input field it updates depends on which slider. So, the slide callback needs to be able to figure out which element it was originally create on. Thanks
Can't download jQuery UI
Hello, i downloaded jQuery UI from the page http://jqueryui.com/download but the file .zip in corrupted! I've tried with Firefox 3.0.7 and Safari 3.2.1 on Mac Os 10.5.6. How can I do? Thank, Greg
Datepicker feedback
So, I was assembling the datepicker to use in an app. Easy enough to do. I enabled the "button bar" configuration ( http://www.jqueryui.com/demos/datepicker/#buttonbar ). I came across something odd with the "Today" button. I personally think the "Today" button is mislabeled. Today changes the calendar view back to "this month" - but, does not select "today." I fear this is going to confuse my client.
datepicker feedback
So, I was assembling the datepicker to use in an app. Easy enough to do. I enabled the "button bar" configuration ( http://www.jqueryui.com/demos/datepicker/#buttonbar ). I came across something odd with the "Today" button. I personally think the "Today" button is mislabeled. Today changes the calendar view back to "this month" - but, does not actually select "today." I fear this is going to confuse my clients.
How to download theme ONLY (like before)?
At one point I was able to download the theme on it's own. Now it seems I have to download everything in order to get the theme files. Please JQui team, fix this and bring back the theme only downloads.
Using jQuery UI Tabs with jQuery standalone framework
Hello, I'm already using Klaus' jQuery Tabs plugin (2.7.4) but I noticed some nice features (auto-rotate) on Tabs 3 that's bundled with jQuery UI. I'm wondering if I can use the UI version with my jQuery framework (1.3). Sorry if this has been answered already; I searched net all over for this :( Thanks! -Ilir
About JQuery Tab Latest Version
Hi All, I really need advises T_T. I tried this almost 3 hours but still cannot find it working. I've just updated my JQuery to the latest version from 1.6rc6. Previously, It's ok. But now It's not ok. The tab's display is weird. Please see the images attached. Any idea where I should change the CSS? Thanks a lot<br clear="all"> -- Best Regards, N3T
Jquery-UI tabs and <base>
I'm using Jquery-UI tabs on my site, today I update it to the last version and now, it doesn't works because I use the <base> tag on my web, see a example here: http://villavicastur.com/imagen/0p9inlogo.png What is happening? Thank you!
ui.tabs 1.7 w/ cookie option...need to understand the use of the "name" property
Hi Karl, I've got 1.7 up and running and want to thank you for taking care of the "fragment identifer" bug. It's working fine now. I'm trying to understand and implement the cookie option, specifically the technique mentioned in the documentation: "Since jQuery UI 1.7 it is also possible to define the cookie name being used via name property." I've tried putting the name="..." property on my LI's and my content containers but the cookie name still remains something like "ui- tabs-32" so I think I'm
JQuery images problem
Hi, I am using jQuery UI Dialog its working fine. I am using same css and js files specifird in the tutorials in my application, but i am not getting how to add imgaes or i can get imgaes from jQery site. Please help me to solve it. Thanks, Haranal.
Why my $.get does not work?
Dear Everyone I make follow jQuery program using $.get but the return always is undefined. Who can tell me why and How can I realize what I want? Thanks in advance. Wang Suya ............. <html> <head> <script type="text/javascript" src="jquery-1[1].3.1.min.js"></script> <script type="text/javascript" src="jquery-ui- personalized-1.6rc6.js"></script> <script> function d(b){ alert(b); if(b == 5){ $("input[name=bango]").attr("disabled","disabled"); } } </script> </head> <body> <table> <tr><td><input
How to restrict divs resizable
Hi Richards, In my proto i am trying to make a layout desgine . In this proto i am facing one problem. When i am trying to resize topleft div, how can it knows i am reaching topright div or bottomleft-div . Is any option to know this type of intelligence in jquery ui library. If it is there, please let me know how to implement this for my proto. Here is my code. <code> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html
IE drag problem: sortables containing sliders
I have a set of sortable divs that are constrained to sort vertically (axis: 'y') where each contains a horizontal slider. A problem I found with IE 6 is that if I drag the slider handle, IE thinks I'm trying to drag the whole sortable div AND the slider handle. This is using jQuery 1.3.2 with jQueryUI 1.7. Safari and Firefox behave as expected where if a drag on the slider handle starts, the drag is not simultaneously sent to the sortable div. Can anyone help with a workaround or point out something
About changes from JQuery UI Tab ver 1.6rc6 to JQuery UI Tab ver 1.7
Hi All, I've recently updated the version of the tab from 1.6rc6 to 1.7 I copy over the latest JQuery javascript to the previous one and change accordingly from $("#tabs > ul").tabs(); to $("#tabs").tabs(); My old css, I did not change. But, when doing changes like this, the UI is changed also though I did not update the CSS. From screen1.jpg to screen2.jpg. I'm currently still new with JQuery. Any idea so that the UI will display the same way like screen1.jpg in JQuery Tab 1.7 version? Thanks a
How can operate other frame's term?
Dear Everyone Who know how jQuery to operate other frame's term? For example $(top.framename.input[name='t1']) could be success? I tryed but failured? Who know how to do it? thanks in advance. Wang Suya
dialog-link styling off in ie7 (align-top?)
I'm trying to chase down the cause, then see if I can hack it (maybe with _style) but I have a small div with a dialog link and some textboxes and a submit button in it in which the dialog link is sitting lower than it should because of it's wanting to align with the tops of the textboxes. The dialog links height is greater than the textboxes, so it looks toolow in ie. In FF the textboxes are centered with the dialog link. Has anyone ran into this. Today I'll just increase the height of the textboxes
IE
Hi , I am just curios why the beautifull them roller ( and the good css framework ) are so heavily based on css3 ( ex: corners ). Is not sure that IE will implement this in IE8 ...... so we will be forced to have jquery UI bad rendering in IE for maybe the next 2 years...... At th eend IE is 70% of market ....so why this choice??? What do you think?? Andrea
Next Page