IE: sortable not working with nested lists
I have a nested list structure, and I want to be able to drag and drop within lists at various levels. This works fine in firefox and safari, but in ie (6 & 7 - haven't tried 8), dragging a nested li moves things not only within the sublist, but the sublist itself. Example here: http://marion.newlevant.com/tests/hierSortableTest.html This uses the latest jQuery 1.4.1, and jQuery UI 1.8b1, but I had the same behavior with earlier jQueries & jQueryUIs. Help! - Marion
UI sortable: how to leave the original position visible until the drop?
In the standard behavior demonstrated at http://jqueryui.com/demos/sortable/ when you drag an item in the list a placeholder element is displayed where the item would be dropped. However, the original location of the item to be dropped is not displayed in any way. I would like to leave the original location visible until the drop, so that the visual feedback is analogous to the way the original is left in place for the "semi-transparent clone" option depicted at http://jqueryui.com/demos/draggable/#visual-feedback
jQuery UI tabs - Remember currently selected tab after refresh
I'm using the jQuery UI tab widget. Inside my tabs I have sorting links that pass a variable to the URL and reloads the page. I'm wondering how I might be able to select the currently selected tab when the page reloads so the user doesn't have to re-navigate back to that tab. Is this possible? Maybe I could use a URL variable to select the correct tab? Any help is appreciated. Please keep in mind I'm no Javascript expert. Thanks!!
Having a problem setting up tabs
Hi, My code is as follows: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <script type="text/javascript" src="/jquery.js"></script> <script type="text/javascript" src="/jquery-ui-1.7.2.custom.min.js"></script> <script type="text/javascript" src="/thisPageScripts.js"></script> <title>Fake Title</title> </head> <body> <div id="mainSection">
AJAX tabs - Can you use a web URL as ref for a tab
I tried to modify the tabs demo in the jquery 1.8b release to simply take the content from a remote URL reference, see below for Tab 3:- <li><a href="#tabs-1">Tab 1</a></li> <li><a href="ajax/1.html">Tab 2</a></li> <li><a href="http://www.netfm.org/docs/VERSION.txtl" title="test div">Tab 3</a></li> Tab 3 fails to load the "VERSION.txtl" content which is available from URL location given in the href. I am completely missing the point with ajax tabs ? thx for the help - dave .
Tabs, goto tab2 with a href...
Hello, I already looked into the example but couldnt find out. I want to create a < a href=... link, which opens the second tab. I do not understand how to achieve this, can anybody help me with this? href="#tabs-2" only works, when I hit the Refresh-Button in the Browser. thx!
animate not playing well with hide
I am using jQuery edge. $(function(){ $('#lab') .animate({height: '200px'}) .hide(); }); stylehsheet #lab{ background: yellow; } After the animate expands height the element stays there and never hides. Tested with all non-IE browsers. Am I missing something or is it a bug?
Open a link on an event
Hello, I use the Droppable function and I'd like to know how to open a lightbox when the item is dropped. Here is the code that changes the text on the event: drop: function(event, ui) { $(this).addClass('ui-state-highlight').find('p').html('Dropped!'); }and the code that opens the lightbox: <a href="page1.html" rel="superbox[ajax][page1.html][800x400]">Lightbox</a> Thanks a lot.
One small problem with draggable with resizable
I have an example page that shows the problem: http://www.hindbrain.net/ex8.php The problem is that if you resize window 1 before resizing window 2, then window 2 will jump up to the top of the screen. Can someone tell me how to fix that problem? Thanks, Bob
Trouble with draggable containment
I have a test page that demonstrates the problem: http://www.hindbrain.net/ex10.php I have containment: 'parent' for the draggable div. If you try to move it, it jump above the body (window), out of sight. I've had different sizes for parts of this page and often you can see it poking down from the top of the screen. How can I get this containment to work?
CSS driving me crazy
I have downloaded the latest ui version and put it on a test server. After opening the index.html that comes with the package everything works fine EXCEPT the css. It is driving me crazy. Can anyone help??
Is the ThemeRoller not working for anyone else?
I've been trying to generate a custom theme using the ThemRoller (http://jqueryui.com/themeroller/) and when I click "Download theme" and download the theme packed with jQuery I get an empty custom-theme. Evenw hen I try to download one of the gallery themes I get an empty theme. Is there a known issue or am I the only one having problems?
Nested ULs and sortable
I have the following markup for my nested UL structure: <ul id="sortable-steps"> <li id="li-step-0">Step 1</li> <ul id="ul-step-0"> <li id="li-step-0-task-1">Task 1</li> <ul id="ul-step-0-task-1"> <li>blah</li> <li>blah</li> </ul> <li id="li-step-0-task-2">Task 2</li> <ul id="ul-step-0-task-2"> <li>blah</li> <li>blah</li> </ul> <li id="li-step-0-task-3">Task 3</li> <ul id="ul-step-0-task-3"> <li>blah</li> <li>blah</li> </ul> </ul> <li id="li-step-1">Step 2</li> <ul id="ul-step-1"> <li class="no-nodes">blah</li>
Second Tab in Jquery Tabs keeps on loading and does not finish
Hello, I am using Jquery Tab control and on each tab I have a JqGrid. I have the same data on both the tabs. The first tab comes fine but when I click on the second tab it keeps on showing the loading icon even though all the data is there. This is how I have my control with the Jqgrid inside. Also Do I need this jQuery(document).ready(function() { on both of my Tab pages? jQuery(document).ready(function() { jQuery("#TitleApplicationList").jqGrid({ url: '/PGR/UserApplication/TitleApplicationsForCurrentUserListData',
DatePicker
This question sounds very simple, but I have yet to find answer. Is it possible to turn off the animation on show/hide using the DatePicker? I simple want it to show and hide, not fade in, slide, etc... If so, what would I pass in on the showAnim property or options property? Thanks for any help... - Ars
index.html wont pick any style
Hi! I have just downloaded jquery ui and placed it into the same folder so now I can see the Index.html, but it wont use the style and all I can see is black text over white background. What could be the problem?
Different Google Calendar with each Tab-need to refresh page?
This is probably very easy but don't know the javascript. I have implemented a different Google Calendar in three different tabs. Entertainment, Neighborhood Events, and Cultural events. They do work using the regular installation of "tabs" but I need to refresh the whole page each time I select a new tab. Any javascript or Ajax solution for this? Thanks in advance for your solutions?
Jquery Accordion
Hello Jquery! We've been using the Accordian UI for a menu but is there anyway to have it open the menu item per page the user is on with the active: - here's what we have. $(document).ready(function(){ $('ul.accordion').accordion({ active: 0, autoHeight: false, header: ".opener", collapsible: true, event: "click" }); }); Thank you very much for reading! Hope this makes sense.
Where is UI widgets that is "in development" code?
Hi, this may sound like a stupid question, but I seem to be unable to find where the code for widgets that are in development is published at? I guess it's on a googlecode project, but I don't seem to be able to find where the tooltip for instance can be found. I'd like to download, install, and if I find issues report them to the trac system, but I simply don't seem to be able to find where it all is hosted... I've gone through the development wiki - even read developer guidelines, but I'm afraid
"Loading ..." in Tabs - UI 1.8a1
I can not change the phrase "Loading ..." in Jquery UI Tabs. JQuery UI version 1.8a1 and Jquery 1.4 is bug?
More than one range in a ui.slider
Hi! I`m using the slider control, but i need to work with more than one range... I think isn`t possible anybody can helps me? Bye
Tabs: Only onClick Handler
Hi, I'm new to jQuery and I have a problem with the tab bar. I built a tab bar: <div id="tabs" style="width: 200px; height: 60px;"> <ul> <li><a href="#tab1">Tab 1</a></li> <li><a href="#tab2">Tab 2</a></li> </ul> <div id="tab1">Content 1</div> <div id="tab2"></div> </div> My JavaScript / jQuery looks like: $(function() { $("#tabs").tabs(); }); I don't want to change the div content by a tab click. I only want to execute
Range Slider problem: submit form on event "slidestop"
I am using this slider http://jqueryui.com/demos/slider/#event-slide (Range Slider) and want to add an event: As the handle gets released by the user (release of mouse button), the form should be submitted. I tried to add this code, but no success: stop: function(event, ui) { \$("#form_id").submit(); } My code: -------------------------------------------- \$(function() { \$("#slider-range").slider({ range: true, min: 95, max: 545, values: [95, 545], slide: function(event,
draggable in tables
I want make tr-elements draggable. That´s all does work. But the first tr-element within my tbody work wrong. If i move this element above my table, the table heightened him self. How can i solve this problem? This is my code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="en"> <head> <title>Example</title> <script type="text/javascript" src="../../jquery-1.3.2.js"></script> <script type="text/javascript" src="../../ui/ui.core.js"></script>
Accordions nested within Tabs generating a blank accordion in IE8, Google Chrome, Opera, and Safari
Hey Guys, I'm using accordions nested within tabs and everything looks and works great in Firefox but when I tested in IE8, Google Chrome, Opera, and Safari everything works just fine BUT there is a blank accordion that is generated at the bottom of my accordion list. I checked all my div tags and everything looks correct. I can't seem to find a solution for this issue and I was hoping someone could offer some assistance. I listed the code below and if you would like to check out the problem in action,
Help needed with tabs and effects please
hey folks. bit new to this so would like a little help if possible? i have downloaded a custom theme and have started making my site, now i didnt select many effects to download because i dont think i need them, was i wrong?.... i have made some tabs which work fine and would now like them to fade the contents between tab selections. for the life of me i cant find any help on how i can do this with UI so can anyone please point me in the correct direction? Here is my code: <script type="text/javascript"
AccordionUI, ui-state-active, how to set color
For my custom UI I have the ui-state-active to a background of white. But with accordion, I want the ui-state-active to be a different color so it will stand out better. I'm using the generic <h3> markup. I've tried lots of different things but none seem to work. Thanks!
Display OVER Accordion in IE Issue
Just looking for more sets of eyes on an issue I'm having. Setup Our site is setup with a navigation pane on the left which slides out to the right for sub-pages when hovering. In the content pane there is a jQuery UI Accordion. Issue In IE the navigation slide-out does not go over the accordion in the content pane. However, it _does_ go over the rest of the content. It works fine in FF though. Tried I have set the z-index of the navigation to 4 and the accordion to 3. There is also global navigation
Autocomplete: Search options
Hi, had a look at the new Autocomplete Widget in jQueryUI 1.8b1 and compared it to Joern's Autocomplete jQuery plug-in which I'm currently using. Are there any plans to support some of the more advanced options like matchCase matchContains multiple (and multipleSeparator) mustMatch autoFill selectFirst Or is there another way to change the search behavior for example to case sensitive and strict? Or do I have to implement my own source implementation? multiple would be really cool for fields which
Drag&Drop Question
Dear all, I'm writing a program (using Pylons/Python/Mako) to create a planning for our instrumentation. The program creates a table on fly with one input field for each day/instrument couple for month. So at the end I have month_days*instruments input fields. My goal is to permit to the user to drag his name in one or more input field(s) and save the planning. I searched for that, but I don't find nothing to help me to do that. I can drag what I want in a single box, but not one thing in more
Help me with JQuery UI & Drupal please !
Hi all! First of all, sorry about my english, i'm spnaish. I need your help, i'm desesperate. I have looking for a code that i can use with a Drupal module to sort some elements, but i can't find the code that i want... I installed the UI JQuery pluguin and i enabled it in Drupal Modules. I know that i have to use this function: query_ui_add(array('ui.draggable', 'ui.droppable', 'ui.sortable')); but the question is, how can i use it? what can i do? i tried to mix the code at demo example
Custom Widget replacing dom element it is bound to
Hi, I am wanting to create custom widget which replaces the dom element the widget is bound with another dom element. Is there is a standard way to do this? Should I do this? Cheers.
Creating a hosting calculator using slider
Hello, Currently I am building a hosting calculator using the jQuery UI slider. I'm trying to achieve the following. The page is showing a few sliders, and every slider has his own values. For example, the memory slider: 256 MB - 1,00 euro per month 512 MB - 2,00 euro per month 1024 MB - 4,00 euro per month Now, it should snap the xxx MB increments and when you select 512 MB it should increase the "final price" with 2,00. The values are static, for example the harddisk slider: 50 GB - 4,00 euro per
regex breaks modal and accordion inside modal dialog
Hi folks, I'm experiencing two problems. 1) my accordion wont display in my dialog modal window and 2) certain regex expressions break the dialog modal box resulting in no dialog. I have a php/mysql/jquery page (viewContacts.php) that when you click on a button it brings up a "loading message, displays a previously hidden div, and then POSTs a form into that div. This seems to work ok $(document).ready(function() { $('a.addContacts').click(function(e) { e.preventDefault(); $("#loader").fadeIn();
Draggable / resizable questions
I'm experimenting with 2 draggable, resizable windows and have some questions. Here is the test page: http://www.hindbrain.net/ex8.php 1. why is there a blue border around the red handle? I'd like to get rid of that. 2. how can you automatically size the window to 'best fit' the content/data? 3. how do you prevent the resizing from going smaller that the data? Ie, you can resize the window and the content becomes outside of the window. 4. is there a way to make the
I need to triger the autocomplete function by a condition
Hi.... When I use Jquery autocomplete i have a doubt in it. I need to triger the autocomplete function by a condition. When I select the 1st condition from dropdown list the Jquery autocomplete should triger. When I select the 2nd option the autocomplete should not works. This process should repeat for ever. I had used to options: $("#Searchtype").change(function(events) {
blind/fold don't seem to work in 1.8b1
The demos of show and hide don't show any animation when blind or fold are selected. All the others seem to work in Safari, Chrome, and Firefox.
Having trouble with addClass using duration
I am having trouble getting my addClass to transition with the duration option. When I watch what happens to the class via Firebug I see the class name highlighted when I hover as if it was being changed but main_menu_hover is never added. Once I move away the class is added but there is no transition to it, it is just added. After that a hover will remove it and it appears again after leaving. Here is the function as well as the CSS class I am trying to add: $(document).ready(function() { $("#main_menu
Still the case? draggable: cursorAt not working with containment option
Hello: I am just starting my jQuery learning curve and find that cursorAt does not seem to work with the containment option. I am wondering if it is still a limitation ("design feature") as described in an earlier discussion from jquery-ui@googlegroups.com (reprinted below) or is it likelier the case that I am not coding properly? Please advise, thank you. - Alan ____________________________________________________________________ [On Oct 19, 10:44 am, "Paul Bakaus" <paul...@googlemail.com> wrote:]
Tabs with Previous/Next Buttons and History Support - Possible?
I need to be able to bookmark individual tabs, and have previous/next buttons update URL accordingly.
Next Page