Overlapped droppables
Hi all, I'm using droppables for a while but now I'm stuck. I have a droppable box inside another droppable box. The problem is when I drag an item to the top box the lower box is also activated, which I don't want. Does anyone here had something similar to this? How can I solve this? Thanks in advice.
ui.dialog -- overlay not being removed
Hi folks, I'm using jquery-ui.1.5.b2, and when I make a modal dialog, it seems to work okay, but when the dialog closes (by clicking on the 'x' in the corner of the dialog) the overlay is not removed. This is occurring in IE 6 and FF 2.0.0.14. Has anyone seen this behavior before? I checked out the group archives, but didn't see anything addressing this specific problem. Is there something special I need to do to get the overlay to go away? I hope someone can help me out. Chris
Sortables in 1.5
Hey everyone, I just implemented some custom stuff using your lib - overall it was really good, sometimes too easy. However, I'm having a couple of issues I was hoping to get some help with. I'm using UI 1.5b2 and jquery 1.2.4a. I've got a fairly basic <ol> that I'm making sortable. 1. Containment - axis: 'y' doesn't work at all for me. Containment: parent works, but it constrains to the parent of my ordered list instead of the <ol> itself. Maybe this is intended. 2. Scroll - My <ol> has a height
JQuery Combobox
Hi guys, I am not quite so sure if this is the right group but anyways. Does anybody know if there is ExtJS Combobox style built with JQuery? I found a plugin but it does not work the way a combobox is expected to work. Thank you.
modal dialog problems...
Hi folks, I'm using jquery-ui.1.5.b2, and when I make a modal dialog, it seems to work okay, but when the dialog closes the overlay is not removed. This is occurring in IE 6 and FF <a href="http://2.0.0.14">2.0.0.14</a>. Also, as a bit of a side note, dragging the dialog box works in IE, but not in FF. This is less important to me as this app *does not* have to work in FF (sad I know, but true none the less). Has anyone seen this behavior before? I checked out the group archives, but didn't see anything
help me decide how to attack this use-case using jQuery...
Hi, I have written a simple jQuery application to allow users to arrange a "page" worth of photos from a larger set of pictures. A real life analogy would be a box of photographs sitting next to a small desk space... the person pulls photos out of the box and positions them on the desk in the order they choose. They can also put a photo back in the "box" if they don't want it anymore. I've attacked this by using two jQuery UI sortables connected through "connectWith." The sortables sit side-by-side,
sortables: dragged item disappears in certain circumstances
Hi, This problem can be seen in a file I've uploaded: sortable- disappear.html In my example, there's two sortables, each on separate DIVs and one of the DIVs is scrollable. When an element is dragged from one list to the other, it disappears as soon as you cross the boundaries of the DIV. This happens in IE7, Fx3b5, Fx2 and Safari. Is there any way around this, perhaps by using the zindex or something? I looked briefly over the code and noticed an "iframeFix" property.. does that have anything to
Menu from jQuery UI, what happen?
I'm new to jQuery, coming from YUI, and I'm looking to replace all my UI components in all of my projects. I found a "first party" menu from jQuery UI and the links to download the code and run a demo are not available no more: http://docs.jquery.com/UI/Menu I'm not sure if the menu has multi-level drop down, but please reinstate the jQuery UI Menu. I hope the menu is not cancelled? :( Thanks, William Chang http://www.creativecrew.org http://www.diehard.cc
ui.draggable.js, How to get at the dragged element?
Hi, In my little test project I have a DIV element that I've made draggable, and I have specified a callback function, fstart(event, ui), for the 'start' option. This DIV contains some bold face text like <B>Hello</B>. If I start the drag with a mousedown on the Hello text, then the target property of the 'event' parameter of the fstart callback points to the B element, not the DIV. In my case I would need a pointer to the dragged DIV itself. Could the 'ui' parameter be used? I have tried ui.instance
slider range draggable help
Can anyone repond on this and tell me what i am missing I've made the slider range draggable along it's "X" axis but how can i make it so when you drag the slider range left or right it also moves the slider handles? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http:// www.w3.org/TR/html4/loose.dtd"> <html> <head> <link rel="stylesheet" href="css/sliderStyle.css" type="text/css" media="screen" title="Flora (Default)"> <script type="text/javascript" src="js/jquery-1.2.3.min.js"></script>
ui.datepicker - pops up in wrong position after panel slides
Hi Guys I have a date picker which is located on a sliding panel. When the panel is slid out and the date picker invoked, the calendar pops up in the wrong position (the position it was in before the slide occured) Is there a way to reset this position so that it pops up underneath the new position of the date input field after the panel has slid? I noticed that, if the panel is dragged, it updates the datepicker and the calender appears in the correct place. Has anyone ever sussed this one out before?
Multiple connectWith using sortables
Hi, I needed to connect a single sortable list up with a number of other lists, here's how I done it: ui.sortable.js (1.5b) - change the refresh function to the following - refresh: function() { this.items = []; var items = this.items; var queries = [$(this.options.items, this.element)]; if(this.options.connectWith) { for (var i = this.options.connectWith.length - 1; i >= 0; i--){ $(this.options.connectWith[i]).each(function(){ var inst = $.data($(this)[0],'ui-sortable');
Ajax + Google maps
Hi guys, we are developing an aplication and we are using ajax and java script.What we want to do is to get a point at the map and calculate the distance from this point to others points that we have at a xml file. Until now we could read the xml file. Our problem is that we could not build the map at the frame and we could not get this distance. to calculate this distance we are using a function from google maps called "gdir.load" and "getDistance().meters" regards!
Killer Feature Request: Morphing
I did a search through the jQuery UI mailing list and nobody made a feature request on "Morphing" effect. I think it a pretty new idea and have not gain popularity. Even though, I'm new to jQuery. I was researching different JavaScript frameworks and find that "Morphing" is a pretty awesome feature using "style sheet" (CSS) to make a quick and simple animation. I think it should be standard and be part of jQuery UI. Or better, jQuery itself. However, jQuery UI 1.5 is at beta 2 and almost nearing
Web 2.0 Theme
OK... I am looking to build a Web 2.0ish theme for my jQuery UI. (Yes, I like rounded corners... :) ) I am building the jQuery UI into some custom tags for a ColdFusion library and want it to look this way. Here is a picture of some logos we are going to be using to get an idea of the look I am going for... http://www.sosensible.com/index.cfm/blog/entry/66/ This page also shows a move to jQuery UI being 2.0 ish. http://ui.jquery.com/ Here is my thoughts. * Tabs that look rounded like the lettering.
Toolbar for UI
Hi, I'm in need of a toolbar for jQuery UI. As I didn't like the one in ui-experimental that much, I wrote my own one. A demo is online at http://vmx.cx/jquery/ui/ui-toolbar.htm I have tested it with only FF2 at the moment, but I'll test other brothers soon. Does an official UI toolbar need to be based on the current one in the experimental branch, or would it be possible to have a completly different implementation like mine? Comments and critics are welcome, Volker
[ANNOUNCE] New Twitter Account for UI Project
In an effort to maximize announcements about upcoming jQuery UI updates and releases, the team has created a new Twitter account: <a href="https://twitter.com/jqueryui">https://twitter.com/jqueryui</a> I urge you to follow the account, along with the mailing list, for updates and news. Rey jQuery Project Team
Datepicker use as a calendar?
Hello, very new to Jquery and trying to learn... Question: Can you use Datepicker as a standalone calendar? And if so, can you resize it? If not, is there any such widget out there that does this? Thanks a bunch!
Slider Binding draggable object
I got a few things hopefully i can get some help. I've got a slider with a range in which i'm binding a object(div) to, the problem i have is that if i move one of the handles past the binded div the object doesn't move with the handle until i release the handle and click on the binded object(div) which snaps back into place within the binding area. url so you can see and test http://dayjet.williamworley.com/slider/ Move one handle past the green bar ( which is binded to the slider range) release
Droppable drop event fires twice
Hi, I seem to be getting the drop event firing twice for the same div when. Any ideas why this might be? Thanks Dave
Extend JQuery with function
Hi, A newbie question, I'm afraid... I have extended sortables with my own function which works fine as an onlcick event. However, I need the function to be fired off when a box has been moved (ie the DOM has finished being updated) because I find the position of the boxes and write to a db. I tried the mouseup event but it is too early as the DOM isn't finished. The fact it is a new function is irrelevant as I could have wanted to use 'serialise' to grab the positions into a cookie or whatever.
Slider problem
I have the following situation: <a id="sliderToggle" href="#">show slider</a> <div id="sliderWrap" style="display: hidden"> <div id='sliderTest'></div> </div> $(document).ready( function() { $("#sliderToggle").bind("click", function(e) {e.preventDefault(); $ ("#sliderWrap").slideDown()}; $("#sliderTest").slider({steps: 10}); }); When I click the show slider link, the slider appears and everything seems fine. But the slider itself doesn't work - I can't move the handle. Any idea?
[jQuery Validation Plugin] Bug with name of elements containing dot
Hello, My form is being properly validated when the name of input elements are normal. But when the form element contains a dot, then I believe there is a parsing problem inside the rules() function. <br clear="all"> Kindly try renaming the firstname element to user.firstname user.firstname: { required : "#newUser:checked", minlength : 5 }, -- Thanks Ram
Ajax Tab: internal links, changing the URL
Hi, The UI Tabs works really well! I have a few problems with it at this time. When I click internal links, it takes me to a new page completely. Is there a way to load the link without breaking out of the tabs such as the Ajax loader does it? The ajax loads a page below it, but does it load it into an iFrame? Loads it into a div element or something? I don't want my URL to stay the same the entire time, but I can't see a way around it using the ajax loading way. I need this functionality in order
Draggable error when using cancel option
I'm trying out the UI 1.5b version of ui.draggable.js. I have included ui.base.js in my page. I have a div that has been given an id"test". In my $(document).ready() function, I attach the draggable to that element: $("#test").draggable(); This works fine. However, as soon as I try to add any options, such as "cancel" or "helper", I get syntax errors in Firefox/Firebug. The UI docs page for draggable ( http://docs.jquery.com/UI/Draggables/draggable#options ) states that ui.draggable.ext.js must be
UI Datepicker bug: window resizing
I searched and didn't find anything on this, so hopefully it hasn't been brought up before. If you open the date picker and then resize your window, the calendar stays where it was first opened and doesn't move with the input field. For fixed width sites this just moves it horizontally, but for a fluid site it moves vertically as well. I am still looking into it but thought I would mention it here for people smarter then me to maybe fix faster. I would guess that the positioning needs to be re-calculated
Dialog focus on exit button when created
Has anyone else noticed this? When you create a dialog, there is a dotted focus selector around the close image. This happens for me on the demo page (http://dev.jquery.com/view/trunk/ui/demos/ ui.dialog.html). I'm using FF2 on XP. Thanks. I'm looking forward to the UI release!
ui.dialog svn 20-Apr-2008 focus problem
Hello. I`m using the latest version of ui.dialog from svn, and when the dialog is show there is a focus on the first input box,in the dialog window, when i click anywhere else in the dialog window the focus is back on the first box.
Loading image while loading image
Hi, I'm trying to do an effect that shows a loading image while the image is preloaded. In fact, the effect is the same than the lightbox plugin does, but i cant understand how they are doing it. What im trying is to do somethin like $("img").bind(function( originalSrc = this.src; this.src = "images/loading.gif"; img = new Image(); img.src = originalSrc; this.src = img.src; ) ); Is only pseudocode. But an additional effect i wish, is that the container has the original image size. So if, the image
Sortables: nested lists
Hi, I'm looking at the nested list sortables. Just a question about the example. It seems that I can't get an item to be a subitem when there is no other subitem already. # Drag us # around # and change # Ipsum # Lorem # our # positions # Something else # Foo bar I can drag 'Ipsum' as a sub of 'positions' but bot as a sub of 'around'. How can this be achieved?
Click on slider doesn't call any callback
Hello all, Please help to understand me if it's a slider bug or my misunderstanding. I'm using ui.slider component to replace standard scroller with custom (pretty) one. When I move the handle with mouse, "slider" callback is called and I change "scrollTop" property of my div, and it works perfectly. But if I click somewhere on the slider, the handle moves there but none of slider callbacks (change, slide, stop) is called. Is it a bug? Is there a workaround? Help please, I don't want to include one
Table Sorting not working in IE but works fine in Firefox
Hi Friends I have following table in my table in my page. <div class="tableContainer"> <table cellspacing="3" id="tagSearchTable"> <thead> <tr> <th class="header" width="25%">Publisher </th> <th class="header" width="25%">Parent Channel</th> <th class="header" width="25%">Tag Name</th> <th class="header" width="12%">Tag Id</th> <th width="08%">Status</th> <th width="05%">Select</th> </tr> </thead> <tbody> <logic:iterate id="lineItem" name="MyForm" property="lineItems" indexId="idX"> // code to create
fck editor use jquery plug in
how to use fck editor using jquery plugin explain with the example
Slider Handling Enter/Return Key
I am using the slider for a simple form, and realized that when the slider has the focus, and I press enter, it actually moves the handle to the start (basically, it seems it is interpreting the enter as a click, and without the mouse coordinates, it just moves the handle to the start). Anyway, what I really wanted to be able to do is make it submit the form (as occurs with other form fields that may have the focus). I have not figured out how to achieve this using the slider as is. If somebody knows
selectables
is it possible to remove the multi select behaviour from the selectables?
connectToSortable - getting dropped element
Hi, I'm using the latest UI 1.5b2 and attempting to update my original drag element onto sortable code. Now so far it's working a lot better using connectToSortable, but I have come across a problem which I can't seem to work out. I need to be able to update the ID of the dropped element. So I need the element reference that has just been dropped into the sortable list. Does anyone know how to do this? var updateUpDown = function(sortable) { $('dl:not(.ui-sortable-helper)', sortable)
Animate Callback Parameter
Hi, I have: $(this.ele).animate({top: destY+'px', opacity: 0}, 2000, '',function(obj){alert(obj);}); inside of an object in my application... what I eventually want to do is have the callback remove the element from the dom. All that I seem to get back from the obj parameter is "undefined". Hlp me please! Scotty
Accordion positioning
Hello, I have an accordion with anchors. When the URL contains an anchor the page is not correctly positionned. I guess the page is positionned as if the accordion was not here and after the accordion has been closed the positionning is not good anymore. Does anybody have a clue ? Regards, Jean-Marc
delete element, remove ui effects from children
I would like to know if deleting an element removes ui functionality from its children in UI 1.5. For example, if a div has 5 children divs that are draggable, will $('#big_div_id').remove() update the ddmanager and remove all references to the 5 children? We are still using the original UI (want to move to 1.5) and we had to remember to manually remove each child div from the ddmanager before deleting the parent. I am hoping that this functionality is automatic in 1.5. If implemented, does the functionality
Position of generated DIVs - help
Hello, i'm trying to build an app that generates multiple DIVs into a containment DIV clicking a simple icon, via JQuery. The containment layer is <div id="layer0"> </div> styled this way div#layer0 { background: #727EA3; color: #FFF; width: 300px; height: 200px; margin: 5px; font-size: 10px; font-family: Arial;} the generated DIVs are styled this way div#layer1 { background: #00AA00; color: #1FA; width: 50px; height: 50px;} div#layer2 { background: #EE1100; color: #1FA; width: 50px; height: 50px;}
Next Page