Dialogs not draggable
With the new UI download, I have seemed to have lost the ability to make my dialogs draggable. The other features seem to work fine but not this
Modal Window JavaScript Error - dialog.options undefined 1.5 (B4)
Line 346, dialog.options is undefined. Resorting this as a quick fix <code> }, dialog && dialog.options ? dialog.options.overlay : '')); if (dialog && dialog.options) { dialog.options.bgiframe && $.fn.bgiframe && $el.bgiframe(); } </code>
disabling typing in datepicker fields
Is there a way to disable typing in datepicker fields? I only see an option to disable the whole datepicker, not just typing. It would be nice if there was an option to disable typing, for now I modified _doKeyPress to return false.
Using Resizeable and Draggable on same Object
Hello, I'm trying to simulate window-behaviour with DIVs using the Resizeable and Draggable-Plugins. Unfortunatly i can't manage to apply these two plugins on the same object. If i execute the following code, only the draggable-plugin works correctly - but i cant resize the DIV (although the handles and the resize-cursor appears correctly). $('.window').draggable({ containment: $('.desktop'), handle: $("#winbar1") }); $('.window').resizable({ containment:
How to prevent flash of full content in tabs?
So we're using jQuery tabs to manage a "multiheader" box for our top story on this page: http://www.americanprogress.org People are happy with how the top story multi-header tabbed box is working, except that when it first loads, it seems to force the browser to render all the content first, then trigger the tab functionality second, which creates a flash of unstyled content, especially with slow connections. Ideally, the box would load and display the first tab, and either hide or load the unselected
Accordion automatic height
With the Accordion, is there a way to stop the accordian's panes getting automatically sized on init? If one pane contains a lot of content and others contain less then the results can look really odd, with the open pane having a lot of empty space in it. I've set autoheight: false in my options and this produces panes that are just big enough for their content as wanted after a header gets clicked but is there a way to not get the automatic sizing on init? I'm not sure if I'm describing the problem
Prevent Tabs 3 Ajax Autoload
Hello dear Jquery community, I am very pleased with using the Tabs plugin. However, I've discovered an issue which I could not solve yet. My tabs are AJAX-driven and access one single container, called #maincontent, which already contains some information on startup. Now, when I load the tabs plugin with no tabs selected, #maincontent is cleared. However, I need the original content to be there, it should only be replaced in case a tab is clicked, which then will load the url. Is it a bug, or just
[Accordion] Put a link without creating tabs
Hi everybody! Is it possible to insert a link in the accordion? Because every time I put an <a> tag it creates another tab... Thank you for your help...
canceling sortable update event
I'm implementing a portlet style layout using http://ui.jquery.com/repository/real-world/layout/ as a starting point - currently I handle the update event like so, signaling which item has been updated back to the server: var sortableUpdate = function(e, ui) { if (ui.sender) { updateUpDown(ui.sender[0]); } else { var item = ui.item[0]; var pluginId = item.id.replace("plugin_",""); var newContainer = item.parentNode.id; var index = $('dl', item.parentNode).index(item);
Multi-line Tabs (more than one line) and problems with Tab demo.
When I was the playing with the Tab demo, I created multiple lines of tabs and when you select a tab towards the right, the line of tabs below moves forward and leaving a gap of white space on the left. I hope it is not a JavaScript problem, but css. I tested it in IE6 and Firefox 2: http://ui.jquery.com/functional_demos/#ui.tabs In my humble opinion, finding a solution to handle many tabs is needed because you can dynamically add tabs. One idea, of course, is multi- line tabs. The other idea and
ui.tabs Notation inconsistencies ?!?
//WHY o WHY $(document).ready(function(){ var $tabs= $('#set1 ul').tabs({ selected: 1, fx: {height: 'show', opacity: 'toggle'} }); //WORKS, but... if ( $("div.errors").length > 0 ) { //...but inside here I have to use a different notation: $('#set1 ul').tabs('select', 1 ); // since $('#set1 ul').tabs({selected: 1 }); FAILS ?!? } Ciao, thanks
Draggable Conditional or Reverse revert
I've just begun exploring this idea, but I thought I would ping the group to see if anyone has implemented this before. There are two possible solutions that would be acceptable. The first is that a draggable 'revert's to its original position when not dropped on a valid droppable, but that does not revert if dropped on a valid droppable. My idea is to identify an event where the revert option can be changed after the mouseup but before the revert animation begins. At this point I haven't found
ui.tabs events not working for me
I'm using the latest code (including jQuery-1.2.4b). I can't get events to work as documented. Is there some trick? Complicating factors: 1) The page is created on the fly. I don't think that should matter, though. 2) I'm not using flora. Instead, I'm using that older pretty blue gradient. Things that do work: 1) I can set the tab that starts selected 2) The tabs work just fine in all other ways. Here's the code: $('#container-1 > ul').tabs({selected:0},{ select:
Dialog buttons label : how to specify their label ?
Hi, I'm quite new to the jquery.ui, so this may be a dumb question :) I'm using the dialog widget with some buttons and it works fine. However, I have the need to customize the label for differents languages and wanted to do it by passing the localized labels as string parameters to my function which creates the dialog. Something like: function showDialog( url, saveLabel, cancelLabel ) { $( '#dialog' ).dialog( { autoOpen : true, width: 800, buttons: { saveLabel: function() { var
Differentiating between various 2XX HTTP response status codes in ajax success callback
Hi. I would like for my success callbacks, in ajax calls, to receive the actual 2XX status code as an argument. I want to be able to differentiate between the different ones. The current 'status' argument only holds the string 'success' as long as the code is in the 200 range (and also in the case of 304 "Not Modified"). Prototype makes available onXXX callbacks if desired, one for every legal HTTP response status code. On principle, a Javascript package should not reduce that functionality to only
1.5b4
Previous message appears to have been deleted, maybe because i included html. But when using jquery.ui-all-1.5b4.js with jquery-1.2.4b.js i am getting $.effects has no properties in firefox. The error is happening on $.effects.blind =
Draggable Start/Stop Parameter reference
I've looked for documentation on the details of the start and stop parameters: e,ui; but have been unable to find anything, are these documented anywhere? I've made a draggable with a helper:clone at an opacity of 0.50 I'm using the start and stop callbacks to set the opacity of the original draggable to 0.50 opacity as well. Thus you can visually tell which object is being dragged. If I reference the object directly (i.e. $('#myDraggable01')) then it works perfectly, but I obviously don't want my
A sortable bug? DOM has a hidden LI after update.
First, thanks for the great UI packages! I love it! While playing around with sortables, i discovered that the trigger 'update' leaves a hidden element ( a copy of the one just dragged) in the DOM. A demo can be found here: http://thedeepgreensea.com/sortable/test_sort.html Is this normal behaviour or a bug? I tested in FF 2.0.0.14 and IE 7 Thanks! Elja
jQuery effects' addClass() not chainable?
Hi! I just tried something like this: $('.flash:not(.fade)') .addClass('fade', 1000) .fadeOut(2000); Firebug spits out: $(".flash:not(.fade)").addClass("fade", 1000) has no properties [Break on this error] .addClass('fade', 1000) It seems like jQuery effects' addClass()-method does not return a jquery-object. Is this intended or shall I file a bug? Cheers, Christoph
link in sortable()
Hi there, I have setup a list that is sortable, and this works amazingly well. In each of the <li> tags in the sortable element, I would like to have a link that will display all the li element (currently I am not showing all the content at once.) I have created a copy of what I am trying to achieve. As you will be able to see elements 1 through to 4 are sortable (but not resizable) and the other 4 I have added contain the resizing functionality I require. Could anyone offer a workaround (I presume
A Compliment to Paul and the UI Team
Just wanted to say - the new ui.jquery.com site design is very very nice!!! Both visually and from a UI design perspective. Real Kudos. It does a great service to a UI library to have such a smashing looking site to represent it to the world! Good looks do count! Thanks Paul et. al. for all your hard work - looking forward to 1.5!!
Tabs options: .selected vs .cookie priority
If .selected and .cookie options are set simultaneously when initializing tabs, it would seem logical to me to give the priority to .selected option (in other words, .cookie should be ignored if .selected is specified). Currently it's not the case, and specifying both options _in some cases_ gives me unpredictable results. I can't precisely understand the behavior, but depending on the last tab number stored in a cookie, and depending on the .selected value, sometimes it works, but sometimes surprisingly
Slider issue with dynamically loaded content
Hello, I have a strange issue with slider when I load the content dynamically. The html content having the slider is injected into the DOM via the html() call. Versions used : <b>JQuery - 1.2.1 ui.slider.js - 1.5B2 </b> Issues are : <ol><li>change event is fired and ui.value is NaN. Change should not be fired in the first place. And I dont understand how the ui.value can be NaN.</li><li>the handle doesnt move to the startValue. Even with an explicit call </li></ol><i>$(function){ $("#tnrSlider").slider(
pasteHTML using JQuery?
Hi All, Try the example javascript given in this link in IE and Firefox. http://www.java2s.com/Code/JavaScript/Node-Operation/pasteHTMLExample.htm html> <body> <script language="JavaScript"> function function1() { var myRange = document.selection.createRange(); var m = myRange.pasteHTML(' Hello World'); } </script> Highlight a part of this text, then click button below <input id="myB" type="button" value="Click me" onclick="function1();"> </body> </html> Its works only in IE and not in Firefox. Using
possible bug/backward-incompatibility: UI Tabs (1.5b4) requires a <span> for AJAX tabs to work.
Hi, I was having a hard time trying to find out why some AJAX tabs (which worked flawlessly with jquery-1.2.3.js and jquery.ui-1.5b) weren't working with jquery-1.2.4b.js and jquery.ui-1.5b4 (tried both with source and minified versions). Finally, I've being helped at #jquery-ui channel by user ThrushAAX who found the problem. To reproduce this, open the demo (/jquery.ui-1.5b4/demos/ui.tabs.html) simple remove the <span>s on the AJAX tabs example and open it in your browser: those tabs won't work.
draggable following sortable
Hi, I have 3 divs A,B,C. A and B are sortables, while C is draggable. When I drag C to let's say B, and sort B and A, I want C to move along with B. How can I achieve this ? Can somebody help me with an example ? -vinay
Is this possible with jQuery?
http://www.defusion.org.uk/demos/060519/cropper.php?demoType=ratioFourThree&image=castle&formSubmit=Load+demo I'm sure this is nothing new - but as I'm trying to think about how to do this with jQuery - I think it'd be kind of difficult. Any ideas?
Prevent Tabs 3 Ajax Autoload
Hello dear Jquery community, I am very pleased with using the Tabs plugin. However, I've discovered an issue which I could not solve yet. My tabs are AJAX-driven and access one single container, called #maincontent, which already contains some information on startup. Now, when I load the tabs plugin with no tabs selected, #maincontent is cleared. However, I need the original content to be there, it should only be replaced in case a tab is clicked, which then will load the url. Is it a bug, or just
Can certain Accordion content be activated through a link?
Hi there Is there a way to activate certain qccordion content through an external link? I want to open a different content section when coming from another page: from a link in example1.php I want to activate "Target"-section in #list accordion on page example2.php. I want to achieve the same kind behaviour as in a normal link <a href="example2.php#Target"> Any help greatly appreciated. .sami
UI Dialog question
Does anyone know if there are plans to take the UI Dialog and expand them into more of a "window" metaphor which would include the ability to minimize, maximize, and restore them or is that something I would have to code myself as an extension to the dialog class? Thanks, jonlb
UI Dialogs: buttons: context
After upgrading to 1.5b4 I noticed that the context for the callback function, assignable to buttons for the UI Dialog, has changed. Previously it was the button itself; now it's an element upon which the dialog has been created. And because I relied on the context to reference the button itself, I had to change my code to do make use of .target of the event which is luckily being passed to the callback function. What I want to say here, that perhaps it should be clearly noted in the docs at http://docs.jquery.com/UI/Dialog/dialog#options,
Sortable elements' size differs when dragging
Hi all, I have just started using jQuery sortables and have run into a problem when working with sortable containers whose size is larger than the element inside of them. For instance If you have a list whose width is statically set, each list item should use the same width. When dragging the items however the elements appear to only extend to the size of whatever is inside of the list item. Here is an example of what I mean: == CODE BEGIN == <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/
Accordion behavior question
Hi all, I was wondering if anyone knew of a good way to "turn off" toggling for part of a accordion header? I have an accordion at the moment which uses two divs, one for the header and one for content. I would like to have a button inside the header which does not trigger the accordion when pressed, but handles some other functionality instead. e.g. |**************************************************| | toggle content here [ x ] | ----------------------------------------------------------------
Collapsible tree
Howdy! It's there a component in jQuery UI that allows me to build a collapsible tree, like in a file explorer? I need to be able to customize the several tree nodes, and drag and drop stuff onto them. Node in different level have different behaviors. I'm building a small workflow engine, which will enable to user the specify a set of task to run hierarchically. Something like this: http://www.howtocreate.co.uk/tutorials/jsexamples/collapseList.html Thanks.
jQuery ui tabs crashes in IE 6 & 7
Hi I have a site I am working on http://lx0.taylor-ch.co.uk/index.php/eng/Products/Trade-Waste/Continental-Trade The tabs work on FF fine, but in IE 6 & 7 the last one (More Info) at best crashes the browser, and at worst the whole PC! Can some one help? I don't see why it would to this on one tab.
1.5b4 IE6 strict mode
There are some bugs with Resizables in IE6 Strict mode, vertical sizing borders became broken and some times goes to invisible. How can I fix this bug or where can I get some help?
ui.slider problems
Hi, I work with ui.slider too and I saw some interesting: 1.: when create a new slider the ui will wrap the handler(s) an 'a' tag, but when destory the slider the 'a' tag not removed 2.: when resize the slider-container the slider is not syncronized with the container, and I can't slide the handler to the bottom of the container 3.: can't set 0 (number) value to the moveTo. This not works: $ ('#slider').slider('moveTo',0); but this: $ ('#slider').slider('moveTo','0'); These are bugs or the ui.slider
open tab in new window
The UI.Tabs doc page ( http://docs.jquery.com/UI/Tabs ) indicates that you can direct a tab click to open in a new window with the following code: $('#example').tabs({ select: function(ui) { location.href = $.data(ui.tab, 'load.tabs'); return false; } }); I cannot seem to get this to work. If I stick an alert in there, the $.data(ui.tab, 'load.tabs') call seems to always return undefined, as if looking up ui.tab with the $.data function is failing. With alert(ui.tab.href); you see the current value
accordion display issue
I am having trouble getting my accordion to display right, and when I researched it, I found that the examples have the same types of issues. The 'ui-accordion-right' class spans are displaying either (in my case) in the top right hand corner of my browser window, or (in the case of the new jQuery UI examples) all to the right of the top accordion panel, and they are stacked on top of each other. In IE the issue is a little different, both the left ui-accordion-left, and the ui-accordion-right, span
jQuery Plug-In that does Highslide Processing
Hi, Just wondering if there is a jQuery plugin that performs close to the functionality of Highslide JS - see: http://vikjavev.no/highslide/ for examples Thanks. T.
Next Page