sortable option "containment : 'parent'" wrong behaviour
I am trying to use the fore mentioned option in my sortable list but when I drag the list item it seems to cling to the outer top of the <ul> instead of the inside?
test message
Can I get *anything* to show up? Having my problems here.
Dialog teleports in MSIE (possible duplicate post)
(Sorry, but I've found that google groups loses posts. It hasn't appeared in 30+ minutes, and so this is my repeat post). I have a tall page with UI/Dialog, and the button that activates the dialog is at the bottom of the page. Upon pressing the button, the dialog appears normally, in the center of the web browser. If I try to resize the dialog, or drag its 'title bar', the dialog jumps -- teleports -- to the very top of the web page (not using jquery.bgiframe.js). If the hosting web page uses jquery.bgiframe.js,
Linked Sortables
I am working on making list that has grouped items. The items would move as a group, but you would also be allowed to put one item/group in the middle of another group. For example, if the list had 4 items (1,2,3,4), 2 and 3 would be linked. So if you tried to move 2, 3 would go with it. If you tried to move 3, 2 would go with it. But, you could also move 4 in between 2 and 3. (If you then moved 2-3, they would snap back together, and 4 would go either before or after the group). Hard to describe,
Sortable listbox
Does anybody know how to create a sortable/draggable listbox using the SELECT tag (I want to make a graphical query tool where the required fields can be chosed and ordered). I have tried using the ui.sortable.js library and using the code $ ("#Select1").sortable({}); but this does not seem to work. Any ideas? Thanks
Dialog: startValue issues
Hello: I'm having a really tough time getting Slider to set the startValue and move the slider into position. Everything works perfectly otherwise...perhaps... - I can only have one slider per page? I have many of them...they all work...but I can't set any startValues... - onready doesn't work with this? - there is a bug (I've been reading for about an hour and I'm not sure where I should be on this) This is what I'm doing...via onready...I've removed handles, etc., etc...nothing has worked out so
Dialog box with scroll bars for displaying long strings
Hi, I want to display a long string in the dialog box, is it possible to create a dialog box with scrollbars. I would appreciate, if anyone can give code for dialog box with scrollbars. Thanks, Kishore
Vertical Tabs?
I'm having trouble styling this. I want to do something like what Yahoo! Games has on their webpage, vertical tabs, with an image to the left. I have it mostly working but can't seem to get the look that I want. I could make my life easier by just moving over to YUI library, but since I already use JQuery on my site, I was hoping to repurpose it with vertical tabs as well. Has anyone done this before? Can they give me an idea of how the style sheet would look? I also want to use my own custome visited
sortable serialize returning empty string
Hi all, I am having endless problem with a sortable list: basically everything seems to be working fine, the sorting etc, but the serialize function returns an empty string? I am using jquery 1.2.6 ... $("#test").sortable({ placeholder: "test", axis : 'y', update : function(e,ui){ console.log($(this).sortable("serialize")); ...
new tabs not obeying overflow?
I am using the latest incarnation of tabs and have started having a problem. tabs work fine, except when I create a tab that has alot of content, it just fills the page. It *should* trigger the overflow css, but it does not. Is this a known bug or something I am missing?
Tabs compatability problems with IE7 and Opera
So, for a while I've been plugging away creating writing tons of Javascript utilizing jQuery, and viewing it in firefox because that's my primary browser. Today I test it in Opera 9 and IE7 and I notice....the tabs functionality doesn't even work at all! My site in IE7 and Opera looks the same as it does if you disable Javascript in Firefox I noticed, however, that the tabs example in the jQuery wiki doesn't work AT ALL in Opera either. So I'm leaning towards ruling out "my code is just bad" Without
ui.tabs & document.location.hash
Hi, I'm still in jQuery.ui-1.5rc1. When I use ui.tabs in IE7, add a new tab and then remove it, the location bar of IE displays the url like "http://my.site/ #tab_3432345245". In firefox, it displays "http://my.site/#". Why? Is it possible to keep the url "http://my.site/" unchanged in the location bar? And of course, don't need to reload the page. Thanks. Below is some of my code. // --------------------------------------------------- // create a tab wrapper // ---------------------------------------------------
Dialog resize handles
I would like only the 'se' handle to resize the dialog. Is that possible ? .. new to JQ
helper option in sortable()
Can someone explain the use of the helper option inside sortable $("#foo").sortable({ helper: something }); It sounds like to me its defining what to use in the display of the item being dragged around while sorted. It sounded like it wants a function that returns a DOM element, but function(e,el) { return $("#myHelper").get(0); } keeps throwing Error: [Exception... "Could not convert JavaScript argument arg 0 [nsIDOMViewCSS.getComputedStyle]" nsresult: "0x80570009 (NS_ERROR_XPC_BAD_CONVERT_JS)"
Is the dialog.bgiframe option no longer necessary?
It seems I had inadvertently left this option in some code after upgrading (now at 1.5.2). I didn't see it in the API docs anymore. I'm assuming that this might be auto detected now. Is that true? thanks, dave
Using the keyboard to control draggable objects
I've set up a test page with sliders and draggable objects which will form the basis for some user controls within a questionnaire. The sliders respond to keyboard controls when in focus, but the draggable objects don't. Is it possible either to have a slider that works in two dimensions, or enable keyboard manipulation of the draggable objects when in focus? I'm assuming that the draggable objects wrap an anchor around the moving object, so should be able to hold focus? Also, I had thought the sliders
UI dialog content in IE6 shifted left
I'm trying to build a dialog using jQuery UI 1.5.2 and a themeroller stylesheet. My problem is when the dialog opens, all the content is shifted 32 pixels to the left so the left 32 pixels of the content is cut off. I've tried adding the following CSS to an IE6 fix stylesheet and including it on the page with a conditional comment, but it doesn't seem to have helped. .ui-dialog-container, .ui-dialog-buttonpane { left: 32px !important; } If I use FireBug Lite to issue a jQuery command to do the
UI Dialog - revival of bug #3059
I'm having the same problem as Ticket #3059 with ui 1.5.2 (which is supposed to be fixed). The difference is that this applies to elements inside the container element that dialog is created with. For example, the following will create a dialog with an input element in it: $('<div>Try for yourself:<br /><input style="width:250px;border:1px solid black;" value="You can\'t touch this" /></ div>').dialog({title:"Good luck"}); If you have resizable and/or draggable loaded, you won't be able to use the
Trouble with tabs url and load methods
Hello, running into two seemingly related issues, and I am not sure if I am doing something wrong or if this is a bug. I'll start with the short synopsis of the problems, then explain what I am trying to do so you can see how I hit them. Problem #1: My links in the tabs need to be updated, but they appear to be altered before I even call the tabs("url",new_href) method (besides the appended #container_id) Problem #2: When clicking one of the tabs that I have altered the link for via the above method
Check if dialog is still open?
How do I check if a dialog is still open or not?
jQuery tabs with tab icons.. issues with loading spinner.
Hi, Does anyone know how to get the "Loading..." spinner to appear when there is an image (icon) used in the tab itself? It appears no matter what I do, if there are any IMG tags within the LI tag, the spinner doesn't work and the page appears to have stalled until the panel is loaded. (FF3 is the browser I'm using)
UI Tabs - spinner fails when using custom HTML
<div dir="ltr">Hi, 1. when trying to include some HTML in the spinner setting, it fails to remove the spinner after the tab panel is loaded. Example: spinner: '<span>custom loading</span>' or spinner: '<img src="/images/my-spinner.gif" alt="loading" />' Maybe HTML can't be used inside the spinner, although the UI Tabs docs say [1]: <div style="margin-left: 40px;"> "The HTML content of this string is shown in a tab title while remote content is loading. Pass in empty string to deactivate that behavior."
Sortable events bug
If you have a link within a sortable and you use it to begin dragging asortable and then you release your mouse cursor on that same link when you drop the sortable, it seems to fire that link. This is using ui.core.js, ui.draggable.js and ui.sortable.js from the latest SVN commits (suggested by Paul Bakaus to fix my previous sortables problem: http://groups.google.com/group/jquery-ui/browse_thread/thread/ad863e1a0f173d1e). The same behaviour doesn't seem to exist in UI 1.5.2. Sample code (Try dragging
UI plugin: plugin initialized two times options overridden
Hi there, I'm trying to create a 3D carousel with jQuery UI. My problem is that at each call my options are overridden by the defaults options. Here is an example : $.extend($.ui.carousel, { defaults: { opacity: 80, speed: 0.05 } }); I call my plugin with $("#container").carousel({speed: 0.3}); The first move is made with a speed of 0.3, then the speed become 0.05. It seems that the plugin is initialized two times. Each time I first use a method. Like : $("#container").carousel("left"); Is
Sortable 1.5.2
A raft of new options is now available in this upgrade - and I am sure they are going to make this incredibly useful plugin even more powerful. I am slightly struggling (== I am drowning) in the subtle differences between them. Would it be asking waaaaay too much if someone could just outline briefly the differences between some of the rather more finely distinguished options - such as sort and change, and stop, beforeStop and update, etc . I realize that this may be rather basic - but any pointers/advice
Help on Slider min max runtime change
Hi, I am pretty new to jQuery. I need to modify the min/max values of my slider at runtime. How can I do that? Thanks, Yusuf
Date Picker, November Bug
There already is an active ticket for this bug (http://ui.jquery.com/ bugs/ticket/3105), but I'm kind of in need of a quick fix as the site I'm using it on goes live in 10 days. Basically the bug is that the first Sunday in November is generated twice. This also breaks the date picker's ability to recognize the current selected date. Any quick fixes?
Using tabs with opacity and AJAX content
Hi, I am having an issue where if I use "fx: { opacity: 'toggle' } " with tabs loading content via AJAX that I get a flicker. The flicker is the content load before the opacity effect occurs. I have been trying to figure out how to eliminate that. If anyone has suggestions that would great Some code snippet $("#staticPortfolios > ul").tabs( { fx: {opacity: 'toggle' } }); <ul > <li><a href="myfile.html" title="portfolioDetails" target="staticInfo"></li> </ul> <div id="staticPortfolios" > <div class="ui-tabs-panel">
[jQuery] Pull-down Slider input element
Hi! I am thinking about a pull-down (pop-up?) slider input element: it show up as a button, but when user click it, a slider show up (or the button basically just extended to a slider), and the user can either just release right there or drag the slider down before releasing. Before I am going through it, maybe you know whether something like this already exists, or what will good starting point for this? Thanks! -- (stephan paul) Arif Sahari Wibowo _____ _____ _____ _____ /____ /____/ /____/ /____
Slider suggestion
I think there is a request already to have the values show as part of the slider. In the mean time, I have added the following to the slide function. Your css may need to be tweaked for better appearance and large numbers wont fit too easily; but it works for me: slide: function(e,ui){ $("div",this).html(ui.value); } //show value in slider
Multiple selection datepicker
I'm toying with the datepicker thing here, and I'm wondering how hard would it be to extend it so that clicking a value does NOT close the datepicker, but adds the selected date to an array of dates (serialized by the dateFormat in the linked control, maybe separated by a configurable separator). Of course this multiselection is optional, an option setting like multipleDates, with multipleDateSeparator... Also, I'm working for a website of an event who lasts ~4 weeks a year, and all the dates are
Accordion autoheight issue
Hi all I am trying to use the accordion plugin but i need the heights of the various sections it controls to be individual as some are very small and others large - however they always seem to display equally whatever I enter which means that stupid amounts of space is left for 1 line of text. Can anyone help please Nick
title text on dialog box
Hi, all how do I put a text on title bar of dialog box? Thank you in advance! Jack
Slider / IE6 flickering image problem
Hi all, We're developing an application here which has a slider with a range - so two handles. The handles can be dragged side to side but whenever they are dragged - at least in IE6 - they flicker or just disappear and reappear at the start and end of the drag process. Fine in all other browsers. Is this a common issue and is there an easy fix? Thanks! Regards, Michael Price
ui tabs, set no selected tab?
Is there a way to have none of the tabs open? I'd like to start up with nothing and when a tab is selected then it opens and I also want to close the current panel to get back to this "nothing" state.
jquery real-world demo image cropper - ui.instance undefined
Hi. Using the code from the demo at... http://ui.jquery.com/repository/real-world/image-cropper/ ..both my testing and the demo page itself error with "ui.instance is undefined" in firebug. I am using jquery ui version 1.5.2 but the demo hasn't been working for a couple of releases in FF or IE. I bet this worked at one time and wondering if anyone knows what's changed. What are the correct call back arguments to access the data? Any clues are appreciated.
jQuery UI Sortables Revert Duration
I can see that the hard coded duration for revert in sortables is 500. How should I go about customising this duration, without actually over- writing the default value in the source code (and avoid overwriting when jQuery files are updated)? Writing my own sortables plugin? - seems overkill. I would like the revert to be snappier in some instances. -db
Sortables: issue with parents swapping children with their siblings (nested sorting)
What a dysfunctional family! ;] I'm trying to shoot for a drag-and-drop layout manager using sortables. Here's a simplified sketch of what my output might look like: <script type="text/javascript" SRC="contrib/ jquery-1.2.6.js"></script> <script type="text/javascript" SRC="contrib/UI/ui.core.js"></script> <script type="text/javascript" SRC="contrib/UI/ui.sortable.js"></ script> <style> #boxList li { background-color:Khaki;display:block;list-style- type:none;float:left;margin:2px;border:1px
accordion and div height problem
Hi I am trying to use the accordion jquery plugin and have it working but all of the child nodes for want of a better name all are the same height - hence even the small children end up the same height as the largest one. Please could anyone help me to fix this or is this just how it works Thanks Nick
UI Accordion: IE 6 & 7 display issue...
Hi, i use the accordion to divide a form in differents fieldsets, each fieldset is each part of the accordion... <form... > <ul id="form"> <li> <h2>Title of the fieldset</h2> <fieldset> <label>Text <input... ></label> <label>Text <input... ></label> <label>Text <input... ></label> </fieldset> </li> <li> <h2>Title of the fieldset</h2> <fieldset> <label>Text <input... ></label> <label>Text <input... ></label> <label>Text <input... ></label> </fieldset> </li> <li> <h2>Title of the fieldset</h2> <fieldset>
Next Page