Complex Connected Sortable Layout Painfully Slow
I'm looking for some ideas on how to speed up the dragging in an app that makes use of the sortable library to create a very complex modifiable guide. It's a two layer sortable, so the top layer is .sections, and the items in each section is a .items sortable connectWith: '.items', so there is a .item sortable inside each item node of the .sections sortable and any item from one section can be dragged to any other section. This by itself isn't too bad, but imagine that structure duplicated on the
Tabs:- prevent switching away: show Confirmation msg:-Tab refreshes itself.
I have 6 tabs on my screen. I'm using Struts framework and each Tab has a separate Controller and Save button. Requirement is when user tabs away without saving, I need to show a confirmation message to make sure that what they want to do. If they click Yes, they go to the new tab and if they click No they stay on the same tab. ***Everything works except that on Clicking No, the tab contents are refreshed so all their changes are lost even if they stay on the same tab :-(*** Is there a away I can
The UI site is down: AGAIN!!!!
Ok, so apparently ... since the UI project is a client side endeavor, there be no skilled volunteers capable of keeping the website up. Let me be the first! Oh and I've been meaning to check, are the docs downloadable? I'd tell you now but ... http://www.thewebsiteisdown.com/
Buggy refresh for Accordion
Hello List, I have a small problem with the accordion, when switching between accordion panes the pane that is switching always show up over the lower panes during the Tween. Has anyone else had this happen before? Tried searching the forums and this group but couldn't find nada. I have an example here: http://myspace.cyclops.amnesia.com.au/truelocal/ndm/ndm.html Can anyone give me some CSS tips or things to look out for that could be causing this problem? I'm pulling my hair out. Cheers, Drew
Selectable - select by clicking
In the example of selectable on the documentation page, you have to drag a box around the items you want to select. http://docs.jquery.com/UI/Selectables#demo In the Demo it links to, you can select an item just by clicking on it; you don't have to drag a box. http://dev.jquery.com/view/tags/ui/1.5b2/demos/ui.selectable.html What is the difference? Does the latter use a new version of the UI? I want to be able to select without dragging a box.
[accordion] expand for each section
<html><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; "><span class="Apple-style-span" style="font-family: arial; ">Hello, I am working on a site where I am using the Accordion script from <a target="_blank" rel="nofollow" href="http://docs.jquery.com/UI/Accordion" style="color: rgb(85, 26, 139); ">http://docs.jquery.com/UI/Accordion</a> on the left navigation. You have an option to keep a section open by default....but I need to change
dialog('isOpen') always "open"
I'm trying to determine is a dialog is open or not. When I us dialog("isOpen") it seems to always return some big jquery object instead of true or false. The following code echos "OPEN" twice: $('#terminal').dialog('open'); if($('#terminal').dialog('isOpen')){ console.log("OPEN"); } else { console.log("CLOSE"); } $('#terminal').dialog('close'); if($('#terminal').dialog('isOpen')){ console.log("OPEN"); } else { console.log("CLOSE"); } What am I doing wrong? thanks, paul w.
Jquery UI Ajax tabs + custom tabs
Hi all, I am relatively new to the jquery UI. I want to use jquery UI Tabs by klaus. I want to combine ajax tabs with custom tabs in this way :- I have 4 tabs tab1, tab2, tab3 and tab4 all of these will be ajax tabs will get their content from other Urls. What i want is suppose tab1 is showing, when an user take mouse over to other tab say tab3 it loads the content of it However will not show the tab. When the User clicks on the tab3 then it should show the content of the tab. How can i achieve this.
moving a opened dialog on top the windows stack
Hi, is there a way to perform that ? Thanks, Olivier.
Strange behaviour with the DatePicker
Hi I am using the DatePicker component. I tested this locally and it worked fine. However, when I tried to bring it in to my application I started to get very strange behaviour. The month outputs correctly with the next/previous navigation buttons. However, the days of the week are output vertically. Then I get about 70 lines of Javascript that is output to the page(see below). I have tested in both IE and firefox but not getting any scripting errors. The output is as follows: September 2008 S M
[Dialog] Modal dialog submit problem
Hi. I have ASP.NET page wich uses jQuery UI extensions. Cause of ASP.NET nature there can be only one <form> on the page. So, I have html like this: ... <form action=...> ... <div id="myPopup"> Test popup<br /> <input type="submit" value="Test submit" /> </div> ... <input type="submit" value="Test submit 2" /> ... </form> I show "#myPopup" as modal dialog. All works fine but it seems jQuery UI dialog blocks submit event from within the modal dialog box. So when I click "Test submit" button nothing
Lots of Javascript been output on the page when using DatePicker
Hi I am using the DatePicker. When i tested it in a local html page it worked fine. When I tried to bring the functionality in to my application, the month label appears across the top with the relevant icons to navigate to the next and previous months. However, the days of the week are output vertically down the page under which i get about 70 lines of Javascript output before the dates are output, e.g. September 2008 S M T W T F S function (iterator, context) { var index = 0; iterator = iterator.bind(context);
Dialog - form elements showing through in IE 6
Hi, The dialog is showing back ground form elements (input, select, etc.) on top of the dialog in IE 6. You can test it yourself on the demo. http://ui.jquery.com/repository/latest/demos/functional/#ui.dialog And here's a screenshot. http://i36.tinypic.com/160syl1.png I didn't find any older threads about this problem. Is this a known issue? If not I can file a bug report. Thanks for reading, Eric P.
draggable problem in ie7 + opera
hey there, i'am working on a small art-stuff site: www.klangkunst-ping.de!! i've a very dumb conflict that my divs disappear in opera when tried to drag!!!! internet explorer doesnt even load my divs any more... i tried to figure it out a bit, it may occure with a conflict between jquery 1.6.2 and ui.jquery.core... i wont post the code, because you re all able to fire-/debug it, so please help!!!!!! thx in advance....
persist state only if contents of input box have changed?
I've got an input box and am displaying a form button on focus... then hiding the form button on blur. Ideally, I want to display the form button on focus, but only hide the button if the original contents of the input box have not changed (put another way... persist the form button if the quantity has changed). Can someone help steer me in the right direction? This is for a cart checkout page that I am working on and will provide users a way to update the quantity of an item in their cart. Here's
Accordion
Hi, I am having some issues with my Accordion. I am working on an Enrollment page which has three Accordion Tabs as follows - Personal Info, Billing Info, and Login Info. The panels are titled as Paersonal, Billing, and Login. Basically, the user fills out the information in the Personal Info Panel and hit submit. As soon as the user hit submit, the Personal Info Panel colupses and the Billing Info Panel expands. Everything works fine. Now, I want to add an EDIT button in the title of Personal Info
Accordion
Hi, I am having some issues with my Accordion. I am working on an Enrollment page which has three Accordion Tabs as follows - Personal Info, Billing Info, and Login Info. The panels are titled as Personal, Billing, and Login. Basically, the user fills out the information in the Personal Info Panel and hit submit. As soon as the user hit submit, the Personal Info Panel colupses and the Billing Info Panel expands. Everything works fine. Now, I want to add an EDIT button in the title bar of Personal
[jQuery] Washington DC jQuery Meetup - lunch and learn jQuery UI at the Library of Congress
<div dir="ltr">Washington DC Developers, I'm speaking about jQuery and jQuery UI to some developers at the Library of Congress this Thursday at lunch. They were nice enough to open it up for anyone to attend. If you're interested, see the details below and shoot an email to Ed Summers so they have an idea of numbers. Thanks. Talk: jQuery and jQuery UI Synopsis: Will be similar to talks I gave recently at the Rich Web Experience. See <a href="http://www.therichwebexperience.com/conference/washing_dc/sessions.html#speaker18860">http://www.therichwebexperience.com/conference/washing_dc/sessions.html#speaker18860</a>
On click of jquery tabs ,page jumps half way down
Hi All, I am using jquery tabs. Onclick of tab, document focus will go down. I want page focus to be on top (means scroll bar should be on top of page) .How can i solve this problem?.Can any one help me regarding the same. I tried using window.ScrollTo( 0,0 ) onclick of tab.But it doesn't work. Thanks & Regards, Usha
Accordian with dynamically created sections
Hi all, I am using the jquery ui in a site where the list is dynamically populated based on user choices. The first time I apply the accordian (with a static list defined in the HTML file) everything is fine, but when I delete the old list contents, replace new contents and apply accordian, the list starts with all list contents expanded. How do I force the accordian to cloas all but the selected item? FYI, when the list is to be repopulated I: 1. call accordian("destroy") on the appropriate <ul>.
Modal Dialog with code blocking wait for return possible?
I wonder if anyone has did this before: I want to have my js function wait for an response in the dialog- basically you could put this as wait for dialog close. Besides some kind of idle loop, is there any better method for me to achieve this functionality?
UI Tabs Complex tab content
I tried searching for something for this but to no avail. I am wanting to add more content to the tab instead of just a link, so instead of this: <li><a href="#fragment-1"><span>Link</span></a></li> something like this: <li title="#fragment-1"><h3>Title</h3> Content <a href="/ link/">Link</a></li> Is that possible? Any help is appreciated, thanks! doug
list-item imbricaton in ui-tabs bug ?
hello, I have a simple form in a jquery-ui tab (from theme-roller demo): <div id="tabs"> <ul> <li class="ui-tabs-nav-item"><a href="#fragment-1">Form 1</a></li> <li class="ui-tabs-nav-item"><a href="#fragment-2">Form2</a></li> </ul> <div id="fragment-1"> <form action="#" id="testForm" class="required"> <ol class="forms"> <li><label>Sign Up for the Following <span class="required">*</span></ label> <ul> <li><input type="checkbox" name="info1" id="info1" /><label for="info1">Information
Sortables ... need to get the ID of the dropped item
Hi, Loving the new UI (been a while since I used it)! I have two sortable list. All the LI's have unique ID's. I am dragging LI's from one list to the other. I need to know the ID of the LI that was dropped. I can't see a callback that will do this, I'm able to do stuff like this: $("#active_jobs").bind("sortreceive", function(e){ alert('dropped on: '+$(this).attr('id')); }); $("#paused_jobs").bind("sortreceive", function(e){ alert('dropped on: '+$(this).attr('id')); }); But what I really
help for this demo
how can i make this demo http://ui.jquery.com/repository/real-world/layout/ can somebody help me?
Accordion - layout problem with IE6
I'm using jQuery UI Accordion Widget and have it working nicely with Firefox / Safari, but have a layout problem with Win IE6. See it here: http://www.2gc.co.uk/resources-faqs.asp What seems to be happening is that the Accordion is inserting deadspace below itself on the IE page. The height seems to be linked to the number of items in the Accordion. I had something similar with the panel area to the right of the Accordion: initially I was hiding the panel divs using a jQuery instruction on document
Draggable helper clone gets stuck in FF3
Has anyone else experienced the helper clone getting stuck in FF3? When I try to drag an element, the helper clone does get created, but then gets stuck and is no longer draggable. After that dragging other elements work, but the first clone is still stuck in the same position. No js errors, so not sure what is causing it. Anyone?
Dialog in function to block function call and wait for user response?
I want to see if there's any recipes to wrte something like this: function getResponse() { $('#dialog').dialog(...); // now function block up here return $('#dialog').find('control').val(); } basically I want the dialog works really like a modal dialog to block the function until it comes back. I can think of something really looks a bit stupid- a loop with a idle timeout checking the isOpen status for the dialog. However I would like to see if there is anybody did something better for it already
Cancelling drag on certain conditions
Hi All. I have a draggable related question. What I am trying to do is to have a horizontal band of images in a page (spans the entire doc width). This band is supposed to be draggable since I have way more images than can be drawn in the window. However I would like to restrict the drag so that of the first image is visible I want to disallow dragging right and if the last image is visible I want to disallow dragging left. I know what the stop conditions are given a ui object, basically is ui.position.left>0
sSlideDown and slideUp issues in IE6
I have a grid which is in a div. Through JQuery I am making div slideUp and down and making it hide/show. This functionality works perfectly ok in IE& and Firefox. But when I try this out in IE6 the + sign besides the div disappears and a weired behavior is seen. Any help why is this happening?
jQuery [accordion]
Hi, I used jQuery accordion plug-in in my project. it works almost OK, but there is a little problem here. when i hover my mouse over the header menus, sub menus fall down as it should. but i see unwanted empty space after sub menus! this empty space is equal to the height of longest menu item. you can take a look here at this address : http://www.afx24.com/fa/index.php (Red accordion at right). I want it not to show that empty space. how can i fix this problem? Thanks in advance.
Empty See Through Dialog box
Thanks for taking the time to read my question. I am just learning jquery. I would like to have a dialog box pop up when the user clicks on a link. The link is "LogMeIn" Right now I have the dialog box pop up, but all it has is a white border. What it really looks like is a picture frame with no picture in it, as you can see everything behind / through the dialog box. --------------- | | | | | | -------------- I'm using CSS but it doesn't seem to be having any styling affect on my <div> I downloaded
autocomplete for local data
I am trying to use http://docs.jquery.com/UI/Autocomplete The examples do not work with the latest version of autocomplete e.g. $("#singleBirdRemote").autocomplete(http://dev.jquery.com/view/trunk/ plugins/autocomplete/demo/search.php", { width: 260, selectFirst: false }); but i have been able to make it work adding url: parameter $("#singleBirdRemote").autocomplete({url:"http://dev.jquery.com/view/ trunk/plugins/autocomplete/demo/search.php"}, { width: 260, selectFirst:
accept.droppable not an option?
Hello. I am working on an application where I want to be able to dynamically feed a droppable element which draggables it should accept. According to what I have been able to read $ ("whatever").data("accept.droppable", "whatever") should work since accept is listed as an option in the docs. But I get the error "m[i].options.accept.call is not a function" in firebug. I have tried changing other options on my droppable through the .data() command and that works so does anyone know what I am doing
IE7 Tab Mouseover Firing Adjacent Tab
Thanks for any help/advice on this. I'm using some techniques cobbled together from this tutorial: http://www.alistapart.com/articles/sprites2 Using Jquery, I am trying to build a navigation that reacts to mouseover events by displaying a hidden graphic which overlays the dead state navigation bar. I've got it working just great in Safari, Firefox, etc, but of course it breaks in IE7. When you mouseover a tab in IE7, the tab you are mousing over fires, but so does the tab immediately to the left.
How to Return a Draggable to its origin on error
I have code as follows: $(".assigned_draggable, .unassigned_draggable").draggable({ helper: function(){ return $(this).clone().css('border', '1px solid red').css('background-color', '#DDD')}, opacity: .75, start: function(e, ui){ } }); $("#unassigned").droppable({ accept: ".assigned_draggable", activeClass: 'droppable-active', hoverClass: 'droppable-hover', drop: function(ev, ui) { ui.draggable.removeClass("assigned_draggable").addClass("unassigned_draggable"); $(this).append(ui.draggable); campaign_id
jQuery Inside of AJAX Tabs
I have a main page with a few jQuery tabs, each of which summons another page AJAX style. One of these tabs has further jQuery UI elements (namely, slideToggle()). If the page is accessed directly instead of through AJAX, slideToggle() works. If the page is accessed through AJAX, slideToggle() doesn't work. I've tried moving the snippet of JavaScript that defines slideToggle() around both the main and AJAX-summoned pages, but it still doesn't work as I'd like. Does anyone have any suggestions to
Can you use sortable to manually reposition rows in a table?
Here is what I am trying to do: <div> <table 1> rows <table 2> rows </div> The div contains the tables. Tables should be sortable (can alternate table 1 and table 2 position on the page). Any row in a particular table needs to be sortable only in that table. Not sure if sortable can do this? M
Is there a way to use the transfer effect with dialogs?
the ui dialog is a great feature! It would be even greater if there was a way to combine the transfer effect. Here's an example http://interface.eyecon.ro/demos/windows.html Regards to all, Marty
Draggable-Helper Clone : first item dragged, the clone stay
Hi, i tried to add some drag and drop to a file tree demo i found. For now, i have a problem with the dragging. You can see the result here : http://leup.free.fr/filetree/ helper is set to 'clone' Dragging works but the first item dragged. The dragging stops by itself and the helper/clone doesn't disappear and stay on top of the item dragged. (in fact, it seems mouseDrag is called 2 times and mouseStop and clear methods are not called) After the first attempt to drag, other attempts works perfectly
Next Page