Do JQuery UI Interactions work with items from drop down list box?
Hi JQuery UI Interactions(draggables, sortables etc.) work with the list(<li>). Do they work with drop down list (<option>)? I am able to drag and drop items from one list to another, but not able to drag and drop items from one drop down list to another using JQuery Sortables. Do I need to make any changes in the Sortable.js file? How can I do this? Thanks in advance for your time. -- View this message in context: http://www.nabble.com/Do-JQuery-UI-Interactions-work-with-items-from-drop-down-list-box--tp24334662s27240p24334662.html
Droppable behavior
Hello, Is it possible to drag things that are not declared as draggable into a droppable and have it accept it? I want to take random text on a page and be able to drop it into a box. Regards, David
accordian issues in IE7
I have a page with the uiaccordion included as part of a multi-part form (from jquery.bassistance.de). However, I'm having some issues with it on IE7. IE8 seems to work fine. The accordion does not seem to work at all on IE7. Can someone point me in the right direction? the page is at: http://alifetimeoflove.org/main/ApplyOnline2.php. In fact, it doesn't appear as though any of the javascripts are working correctly (masked input and validate) in IE7 but they work fine in IE8.
dialog auto width problem in IE
Hi, all! Whenever I try to make the dialog width be auto, it stretches to almost 100% of the screen, instead of just enough to encompass the dialog contents. This happens in IE 7. I tried googling for fixes, but found none. Tried looking in the bugs section of the site but received an error. Does anyone know of a workaround to make the widht auto-stretch but not stretch too much? Here's the example code: <script type="text/javascript"> $(function() { $('#myTable').dialog({
Droppables stop working after children change by drag and drop.
Hi, I have a nested structure of unordered lists where all li-elements are draggable and droppable, and all ul-elements are droppable. The structure looks like this: <ul class="level1_group"> <li class="level1"> <div>First level 1 item</div> <ul class="level2_group"> <li class="level2"> <div>First level 2 item</div> <ul class="level3_group"> <li class="level3"><div>First level 3 item</div></li> <li class="level3"><div>Second level 3 item</div></li> </ul> </li> <li class="level2"> <div>Second level
accordion navigation example
Does anyone have an example on how to use the accordion "navigation" option? I'm not sure where to put the anchor tags or what their values should be.
new to development. Trying to inject code.
Hello. I'm new to using jQuery and im trying to use this date picker with a time picker posted here: http://razum.si/jQuery-calendar/TimeCalendar.html instead of the date picker provided already by code on the jQuery site, since I have a particular assignment that involves dates, as well as time When looking at the page source and the java script files, I noticed that in the jQuery.js file, the version is of 1.1.2. Does that affect anything? I was wondering, how would I go about using the code provided
Dialog position Fixed
I read some threads saying that the dialog would allow position: 'fixed' in 1.7 We are in 1.7.2 and we still cannot fix the dialog so that when you scrolll it stays in the middle of the viewport. When will this be possible? Thanks,
Dynamically added ajax tabs: dynamic IDs?
Hello, I'm dynamically adding tabs with the .tabs('add') method, and have some problems since I switched from ui.1.5.2 to 1.6. With 1.5.2, if I add a tab I specify a label and that label is used to name the new div. For example: var url='path-to-aspx-page.aspx?p1=val&title=MyTab'; var title = 'MyTab'; jQuery('#IntTab > ul').tabs('add', url, title); would result in a new div id="MyTab", containing the content of my new tab (the page which url was passed above). Since when I passed to ui 1.6, I see
[Tabs] Refresh an Ajax tab?
I use the tabs to open content via Ajax. In this content I open I have a "remove" link. After the remove link is clicked (which removes the selected user from the list) I want to reload the tab. Is this possible?
Unable to get placeholders working for drag and drop
Hi, I'm trying to write a script that uses drag and drop items, (see www.paulevans.mobi ) if you try to drag items from the job area into the printer section, you get placeholders appearing for the item you're dragging, but if you try to drag a 'break block' into the printer section, all you get is a thin dotted line the width of the item to drop into. I have set it so the 'break blocks' cannot be sorted, but can be dragged into the printer sections as they can be repeated multiple times. Is there
Problem with accordion in ajax Tabs
Hello, I use a jquery tabs with ajax (for loading a tab content) it works very well, but when ajax have to load an accordion, it doesn't work well (i loose the accordion presentation) i think this is because css or/and js isn't apply on the accordion load with ajax. i try something with jquery live function (like livequery i think) this is my code : $("#accordion").live("click", function(){ $("#accordion").accordion({ header: "h3" , autoHeight: false }); }); but this doesn't work, my accordion after
Unable to download custom theme
I have tried unsuccessfully for over a week now to download a custom theme. I have tried both FF and IE (many versions of each) and always get a blank response (blank page presented to browser) from jqueryui.com/download. I have a project due shortly that requires a custom theme, and I'd rather not have to modify it manually. The Themeroller is an awesome tool, if only I could download the output of what I create with it.
[Progress Bar] How to use multiple progress bar in same page?
Hello everyone, How I use progress bar in same page. I will have a lot of progress bars in same theme (css) and another overall with a different css. How can I do without one affect another? Thanks, Alexandre Magno Desenvolvedor Web http://www.alexandremagno.net
Blind/Toggle/Show/Hide doesn't run smoothly when autoclicked
Hey guys I'm having some trouble using the toggle or blind or show function automatically. They all work when I bind them to a button and physically click the button and they kinda work when I trigger the click() function to run automatically, but it's really jerky and not smooth. For example here is my code: $("#test").click(function() { $("#test2").toggle("blind",500); return false; }); $("#test").click(); <-------This right here runs but does not blind smoothly,
How to display the text of the selected item in a list when using JQuery UI Selectable
Hi I am using JQuery UI Selectable to select items in a list(using <ol> or <ul>). Depending on the item selected I want to populate another list. So I was trying to alert the text of the selected item when the item is selected, but I didn't find any method for this in JQuery UI Selectable documentation at http://jqueryui.com/demos/selectable/. When I use JQuery UI Sortable I am able to display the text of the selected item using 'ui.item.text()', but this does not work with JQuery UI Selectable.
flash xml cdata > jquery tab select
how to pass a link from within a flash document so that it can change the tab.. $("#contact").click(function () { $("#tabs").tabs('select',4); }); flash XML data....used in gallery.xml in simpleviewer(flash gallery) <image> <filename>blahblah.jpg</filename> <caption>blahblah.jpg <![CDATA[<a href="#" id="contact">Contact</a>]]
another sortable bug (ie7)
hi agian. still my other problem is not solved but hell yeah i found out a new one. istn life great? ok. when i use the sortable stuff on the page it works fine in ie8, firefox, chrome, safari and opera. but NOT in ie7. in ie7 there is a strange error appearing. hmm not exact a error more a render problem (i guess). when i drag a sortable item and release it on the the destination the content (all below the handle) of the dragged item is invisible (but still there, according to the source and the
How to use multiple progress bar in same page?
Hello everyone, How I use progress bar in same page. I will have a lot of progress bars in same theme (css) and another overall with a different css. How can I do without one affect another? Thanks, Alexandre Magno Desenvolvedor Web http://www.alexandremagno.net
rotated tabs direction (anti-clockwise)
how are you I am using jQuey UI tabs, the problem is: when I activated the rotation feature for rotating arabic items,it worked nicely, but the direction of the rotation start from left, as the item in arabic language ,I wanted it to start from right - the nature of arabic language, I change the direction to "rtl" and the the float of the <DIV> to "right" but no way, please help me to make tabs rotate anti-clockwise
Tabs and errors
I have an issue that I can't seem to locate anywhere in the docs or in this group. I am using tabs for the first time. It seems to work great. But I have a problem in that when a server error occurs, I don't know whether to send out just the tab contents or a whole page (that is, if the error occurs on a non-tab page, I obviously want the header, css, etc., but if the error occurs on a tabbed page, I want to send only the tab contents (the actual error message - the header, css, etc. is already on
How can we customize the jquery UI ?
I have tried some Jquery UI Plugin, But i think we can minimize the size of the CSS classes. So how can we start the jquery UI implementation with customizable css (With less css rules and all) ? Any tutorial or any specific pointer ?
Posting Forms using $.post
Hello list, I have a running setup for posting a form to a server without any java script. This is also working with chars like ö ä ü and so on. Now I want to post this form using jquery and replace the content of a div with the posts response. This is also working, but it messes up the posted content in case of special characters. Here I what I do: <script type="text/javascript"> var customerSearcherTimer = null; function customerSearcherTimeoutSearch() { clearTimeout(customerSearcherTimer);
Opening datepicker from other element than input
I'm trying to find out a nice way to make some datepicking on a website. I would like the user to click on an icon and select the date in the datepicker that pops op. Once the date has been selected, the datepicker closes and the selected text gets displayed in e.g. a span in a nice-to-read format and the selected date also gets populated in a hidden input field. I can do the hidden field stuff using altField and altFormat, but is it possible to use something else than input type=text for the datepicker
Slider and width of the handle
Hello, I'm using the Slider widget as scrollbar to scroll some overflow: hidden; content. For the right look on the scrollbar I want the ui- slider-handle to have a different width depending on the amount of content in the container. The problem I'm running in to is that the handle can be scrolled out if its parent. Example: http://dump.birdy.nu/javascript/slider/ As you can see when ui-slider-handle has left: 100% it is outside of the box. It appears that the demos on: http://jqueryui.com/demos/slider/
Localization
According to the demo / documentation of datepicker "localization is built in". However it doesn't seem to be. It always shows in English and when I briefly looked at the jquery-ui code I only saw an array of the English names of months and days. So how do I get a localized version?
jquery & xinha
HI everbody!! ive got some problem with jquery and xinha (little editor). when i use the sortable pluggin and the xinha in combination (the xinha stuff just have to be included to produce the error) a error occur. that means. jquery ui and xinha is included. everything fine. working with some js scripts on the page. everything fine. but when i drag a box (sort) to a different position the system crashs and after a few secs it appears a message "script crashed ...stop it, debug it ..." (something
flash xml cdata > jquery tab select
how to pass a link from within a flash document so that it can change the tab.. $("#contact").click(function () { $("#tabs").tabs('select',4); }); flash XML data....used in gallery.xml in simpleviewer(flash gallery) <image> <filename>blahblah.jpg</filename> <caption>blahblah.jpg <![CDATA[<a href="#" id="contact">Contact</a>]]
Restricted Dates for Date Picker
Any way to provide a array of dates that cannot be selected? I know there is the min/max, but I need to just disable certain dates in the middle of a range.
can't able to set height to dynamically created div element,mozilla browser
Hi, i can't able to set height property to dynamically created div element in firefox. IE its working fine see my code var jData = $(xmlDoc); jData.find('Comment').each(function() { var $Comment = $(this); var Id = $Comment.find('Id').text(); var posX = $Comment.find('PosX').text(); var posY = $Comment.find('PosY').text(); var height = $Comment.find('Height').text(); var width = $Comment.find('Width').text(); $(document).ready(function() { var o = $.create('div', { 'id': Id, 'class': 'photo_note_box_inner_inner_div1',
sortable problem: clickable Flash swf inside sortable li messes things up
Hi, I have a specific problem involving sortable and Flash. I have an swf which I can click on inside the sortable li. Then when I click the swf, the li starts dragging immediately and won't stop. I mean the click event on the swf triggers the dragging, and nothing triggers mousedown anymore. This is a real roadblocker for me now. What I need is that clicking the swf doesn't trigger the dragging action. Any help would be much appreciated!
Simple Question RE: Tabs
Hey Guys, I love your stuff - keep up the great work! Quick question, I'm using your Tabs, but noticed that the first line of the body of each tab is indented more than the rest of the body. Any idea why this is, and can you offer a suggestion to help fix the problem? Thanks in advance! - Jake
How to select a Tab after form submission
Hi, Newbie here to jQuery. I have a set of tabs in a php page. When the page loads, the 1st tab always gets selected. What I need to be able to do is store the currently selected tab on the form submission, then when the page reloads the last selected tab gets automatically selected instead of the 1st one. Not sure how to go about doing this but I have an vague idea: 1. Have jQuery store the selected tab index inside a variable (each time u select a tab, the variable gets updated to the proper index)
Translucent Border for Dialog
Hey all, I'm tasked with implementing a design that has translucent borders around the edge of the dialogs. And I also happen to use jquery-ui for those dialogs (existing project, new design). The best way I've seen to do translucent borders is to use a table for the dialog, put the dialog in the middle of a 9 cell grid, and use the cells on the edges to hold a semi-transparent PNG. Would it be at all possible to force jquery-ui to use a table like this for .ui-dialog container and put my dialog
Horizontal slide toggle
I am creating just a fairly simple site which has just one page. What i want to be able to have is something similar to a draw where to click on open and then a draw opens from the left hand side to display some pictures to a user. I have used slideToggle before however that only seems to do vertical. This is the code I have: $(document).ready(function(){ $(".trigger").click(function(){ $("#toggle_container").animate({ "width": "toggle", "opacity": 0.8 }, { duration: "medium" });
Datepickers Side-by-Side
I want to display 2 date pickers, side by side - one for last month, one for next month. I'm creating them individually. When they display they show up one on top of the other instead of side-by-side. Is there a way to make them display side-by-side? Thanks, -Brian -- View this message in context: http://www.nabble.com/Datepickers-Side-by-Side-tp24325476s27240p24325476.html Sent from the jQuery UI Discussion mailing list archive at Nabble.com.
Positioning bug in UI-Sortable
The positioning of the helper element is wrong if the body element is positioned 'relative' and has some kind of margin or padding. Also calling the refreshPositions method with .sortable ('refreshPositions') has no effect, opposed to calling refreshPositions (true) from within the plugin-code.
Positioning dialog below the link that opens it
I'm having trouble figuring out the right syntax to have a dialog open right below the link that opens it. Can anyone post an example? My code: <script type="text/javascript" > $(document).ready(function() { $("#expansion_dlg").dialog({ autoOpen: false, position: [What do I put here?] }); $("#opendlglink").click(function() { $("#expansion_dlg").load("contents.html").dialog("open"); }); }); </script> <a href="#" id="opendlglink">open</a> <div id="expansion_dlg" title="My Title"></div>
How to unbind an element?
I try to change the droppable example the following way: There are many droppable elements. If something is dropped onto such an element, this element should be no longer droppable. How do I achieve this? I tried unbind and destroy, but the element still is droppable afterwards.
UI dialog - textarea enter behavior
Forgive me if this is something obvious to everyone, but i've been checking the web for hours and can't find anything on this. I am using a Jquery UI dialog modal with a text area inside of it. I need the normal behavior of the enter key in a text area to happen, (insert a line break). Any thoughts? Thanks
Next Page