UI Layout remebering with Cookie
Hello, I am trying to get the Jquery Cookie plug-in to work with the UI Layout example: http://ui.jquery.com/repository/real-world/layout/ Any idea or light that can be shed on how i can get the cookie to store the layout once a user has made changes would be greatly appreciated. I am new to Jquery and predominately work with CSS and XHTML with some PHP & MYSQL. Examples with code or online examples would be great, but beggars can’t be choosers so any help will do, thank you in advance for taking
UI Layout * Cookie
Hello, I am trying to get the Jquery Cookie plug-in to work with the UI Layout example: http://ui.jquery.com/repository/real-world/layout/ Any idea or light that can be shed on how i can get the cookie to store the layout once a user has made changes would be greatly appreciated. I am new to Jquery and predominately work with CSS and XHTML with some PHP & MYSQL. Examples with code or online examples would be great, but beggars can’t be choosers so any help will do, thank you in advance for taking
Sortable: beforeStop
I can't seem to get the beforeStop callback working. If I do this for example: var conf = { stop:function() { alert("it has stopped"); } } Then the alert appears when the sorting stops as expected. If however I do this: var conf = { beforeStop:function() { alert("it is about to stop") } } I never see the alert. Does this need to be used in conjunction with other properties?
UI Datepicker slowness
I am using the UI Datepicker plugin, and it runs somewhat slowly in IE7. When you click on the calendar or focus in the input box to activate the calendar, it takes about 1-2 seconds for the calendar to open. And once open, clicking around the months and days takes about 1/2 second to respond. In Firefox, there are no problems, it runs quickly. Any idea why this is slow in IE7? Thanks for any help.
Problem applying Accordion after change in list
Hi there, I would like to use the Interface Accordion plugin on a site I am working on. The contents of the list to which the formatting is to be applied are changed dynamically based on search results. Currently I'm testing with a dummy XML file of results and I'm running into problems. If I add static data to the list as follows: <div class="results"> <dl id="locationlist"> <dt>Lorem ipsum dolor</dt> <dd>
determine tab index from id
I am working on a project with dynamically created tabs. Here is the situation: A user has several links which can be clicked to open various tabs. There is no set order to which link will be clicked, so the ultimate tab index configuration is unknown. Normally this wouldn't be an issue, except I wish for the user to be able to close the tabs they created and re-open them later. Here's an example: HTML: <a id="newtab">new tab</a> JS: $("#newtab").click(function() { if (!$(this).hasClass("shown"))
Datepicker hides behind Dialog
I have a standard UI Dialog that opens and in it is a field with Datepicker attached. When the field is clicked on the Datepicker shows up behind the dialog in every instance. Is there any way to set the z- index of the datepicker div to higher than that of the element it is instantiated from?
Sortable: beforeStop
I can't seem to get the beforeStop callback working; if I do this for example: var conf = { start:function() { alert("it started"); } } Then I get the alert when the sorting starts. If however I do this: var conf = { beforeStop:function() { alert("about to stop"); } } I never see the alert at all. Do any other specific properties need to be used in conjunction with beforeStop?
DatePicker upgrade
Hi All, I just realized the new version of DatePicker is the old Calendar plugin. I'm looking to upgrade a page, but it looks like some of the syntax has changed(with a LOT more functionality!). Essentially I had a simple calendar date range with 2 fields. With the code for ensuring that the end date comes after the start date. I can't see exactly how this would work using the new version. Any help would be great! old code: $("input#startDate,input#endDate").calendar({fieldSettings: customRange});
Centering a Modal dialog box
Hi all - I'm new to jQuery so this may have been answered but I couldn't find it in the google group.. I'm displaying a dialog box centered. It works fine as long as I don't scroll down on the web page. If I scroll down and clink my link to display the dialog, the browser scrolls back to the top and the dialog is display centered horizontally but not vertically. I would like the dialog box to display centered in the browser regardless of where on the page the user has scrolled to. I tired a couple
pngs as dialog borders?
<div dir="ltr">Has anyone succeeded in getting png borders for the dialog plugin to work? I want to use it to emulate the win vista aero look.. </div>
Sortables: beforeStop
Hi, I can't seem to get the beforeStop callback function working. If I do something like: var options = { start:function() { alert("start"); } } Then I get the alert at the appropriate time. However, if I do: var options = { beforeStop:function() { alert("before stop"); } } I never see the alert no matter what I do. Does this callback need to be used in conjunction with other specific properties?
Selectable property
I use selectable property to make the user select item from a list. but I face delay problem when we open the page and the selection process is too slow specially when the list is big. I try to delete selectable property and open the page it open very quickly and I try to make the list small and also the selection process become fast so I think the delay problem because using this library. can any body help me with this?
UI/Tabs Randomizing
Hey, Instead of loading the defined <div id="fragment-1">, <div id="fragment-2">, <div id="fragment-3"> etc, has anyone figured out how to load any one of these randomly when a page is loaded? E.g. it will set focus to fragment-1, fragment-2, fragment-3 with a randomization generator of some sort... Thanks!
jQuery UI now in Google's AJAX Libraries API
<div dir="ltr">Google announced recently that jQuery UI is the latest addition to their hosted AJAX Libraries API: <a href="http://googleajaxsearchapi.blogspot.com/2008/08/ajax-libraries-api-update.html">http://googleajaxsearchapi.blogspot.com/2008/08/ajax-libraries-api-update.html</a> "jQuery UI ... is now hosted on our <a href="http://code.google.com/apis/ajaxlibs/">AJAX Libraries API</a>! As usual, your users will get a performance boost when you use JQuery UI through our API, so get started by
Can the Sortable be used in div's rather than li's
Good Day, I have an in-house endeavor and want to use Sortable so that the users can re-arrange some things in the UI. the problem is that these items are in <DIV> instead of an <LI>. How can I make the Sortable work in <DIV> Sincerely, Dwight
Sortable to use in <DIV>
How can I use a Sortable for <DIV> instead of an <LI>?
tabs history
Not to be in bad form and bug developers, but does anyone know when the history functionality will be added back to tabs for ajax back button control?
DateTimepicker.. AM/PM
Has anybody seen a version of the DateTimepicker that has AM/PM functions?? Also one that has the hours listed only from 1-12 rather than 1-23??
Adding dialog button using .data
Is it possible to add a dialog button with functions using the .data method? I've seen .data used to change dialog sizes (ex: $ ('#dialog').data('width, dialog', 400);), so I'd like to know if buttons can be added this way. Thanks.
Tabs (ui v1.5.2)
Hey guys. My company moved over to jQuery UI 1.5.2 early yesterday and at the end of the day I found a very strange issue with the Tabs UI component. In short, I have some code running on the 'tabsshow' event, which up until yesterday was running as expected and triggering correctly on clicking of the tab link. However, after moving to 1.5.2, the 'tabsshow' event was also (erroneously) being triggered by clicking unrelated buttons on the page (but not the tab canvas). The code is not easily posted
Seems :hidden doesn't work on dialog
Hi, all I would like to know if a dialog is open. I use is(: hidden) to test it. It reports wrong state. Seems it won't work on dialog. Is there any way to test if a djialog is open? Thank you in advance! Jack
[Accordion Menu] How to focus on form in open item
In an accordion menu, the <h3> header is the text you click on to unhide/toggle a section. The section is inside a <ul>. The Accordion plug in has a section in the code name "onopenclose" where you can put code to run when the toggle fires. I want to run code that will cause focus to be given to the first input form field inside of the <ul>. I only want to consider input fields that have a tabindex attribute. So, since the <h3> whose section is open has a class of "openheader", I need to find its
Determining tab index from ID
I have run into a snafu where it appears that I really need to be able to determine the tab index from the tab id, or at least be able to perform remove actions directly on an ID. Background: I have links that open new tabs. When these tabs are opened, I'd like them to be closeable as well. The issue is that the links may be clicked in any order, and the tabs may be closed in any order. This means that the tab index is always unpredictable. JS: $("#newtab").click(function() { if (!$(this).hasClass("shown"))
ui drag&drop across different frame
I need to drag target from one frame, and drop to another frame, (like move item from one folder to another folder), the containment option seems not supporting this, Am I missing something, Thanks. -- View this message in context: http://www.nabble.com/ui-drag-drop-across-different-frame-tp18935965s27240p18935965.html Sent from the jQuery UI Discussion mailing list archive at Nabble.com.
Alterative structure of ui.accordion
Usualy ul.accordion uses this structure: <ul class="accordion"> <li> <a class="head" href="#">head here</a> <div>content here</div> </li> </ul> but i need one with an inverted structure, like this: <ul class="accordion"> <li> <div>content here</div> <a class="head" href="#">head here</a> </li> </ul> Just doing this don't work, so i'm trying to use accordion('activate', index), but how can have the current <li> index?
Using JQuery with ASP.NET Web Controls
Must you use standard HTML controls , etc. or can you use JQuery with ASP.NET web controls? -- View this message in context: http://www.nabble.com/Using-JQuery-with-ASP.NET-Web-Controls-tp18936963s27240p18936963.html Sent from the jQuery UI Discussion mailing list archive at Nabble.com.
question about tabs
Hi all When tabs UI display on screen, I found to right of tabs there is a space. Is that possible If I'm going to use it to show some information? Thank you in advance. jack
auto scrollbar for a sortable list
Hello, I've been successful in using jQuery UI to build linked sortables. Is anyone aware of how you could make a vertical, sortable list (I'm using <ul>'s) a defined size and that when you add another item that would exceed its space that scrollbars would appear. I tried using CSS' overflow property but dragged items go behind the target object until you drop. That looks pretty weird. I've also seen that sortables have a scroll option but that is used to scroll the page and not the list (<ul> or
Using JQuery Tabs with ASP.NET Master Pages
I want to use JQuery Tabs like this in my asp.net web app which uses master pages: http://cse-mjmcl.cse.bris.ac.uk/blog/jQueryNestedMenus/nested.html Example in how to use it but it doesn't talk about using it with master pages in my case: http://www.stilbuero.de/2006/05/13/accessible-unobtrusive-javascript-tabs-with-jquery/ I'm not quite sure how to structure my Master Pages with the use of the control. In other words, do I need to use a Main master page that holds the top tabs, and then nested
Using JQuery Tabs with ASP.NET Master Pages
I want to use JQuery Tabs like this in my asp.net web app which uses master pages: http://cse-mjmcl.cse.bris.ac.uk/blog/jQueryNestedMenus/nested.html Example in how to use it but it doesn't talk about using it with master pages in my case: http://www.stilbuero.de/2006/05/13/accessible-unobtrusive-javascript-tabs-with-jquery/ I'm not quite sure how to structure my Master Pages with the use of the control. In other words, do I need to use a Main master page that holds the top tabs, and then nested
Using JQuery Tabs with ASP.NET Master Pages
I want to use JQuery Tabs like this in my asp.net web app which uses master pages: http://cse-mjmcl.cse.bris.ac.uk/blog/jQueryNestedMenus/nested.html Example in how to use it but it doesn't talk about using it with master pages in my case: http://www.stilbuero.de/2006/05/13/accessible-unobtrusive-javascript-tabs-with-jquery/ I'm not quite sure how to structure my Master Pages with the use of the control. In other words, do I need to use a Main master page that holds the top tabs, and then nested
Tabs within Tabs
I have an application that has a primary container page with 4 tabs (default). Within one of those tabs, the loaded page has 2 more tabs (child1 and child2, for example). The default inner tab (child1) loads fine the first time, however if the second inner tab (child2) is clicked, it loads the page it is supposed to load (child2's content) then immediately loads the parent page (default) inside the second inner tab. This only occurs in Firefox 2 and 3, and does not occur in IE7, child1 and child2
Discrepancy in Docs vs. Downloaded Code? (Draggables: RevertDuration)
I'm just beginning to experiment with UI - draggables in particular. The docs at http://docs.jquery.com/UI/Draggables/draggable#options say that "revertDuration" is an option, but the downloaded code and the code at http://dev.jquery.com/view/tags/ui/latest/ui/ui.draggable.js do not reflect this. I see that the change was made to introduce this option two weeks ago: http://ui.jquery.com/bugs/changeset/484 Is the documentation out of sync with the downloadable code? How do I know which parts of the
Sortable: Drag to another box, but NOT sort within self?
Hey guys, got a Sortable dilemma. I have two containers that I have made sortable. I want the bottom box to be able to drag contents into the top one, but I ONLY want the top one to allow sorting the order. I've illustrated what I need to do with this screenshot: http://screencast.com/t/2UpserTwl6q The code I have thus far is: $("#topFriends").sortable(); $("#newestFriends").sortable({ connectWith: ["#topFriends",] }); Any ideas how this could be accomplished? Thanks much, AJ
show() right to left?
Hi all, I have a situation where I need an animation almost exactly like show (which expands from a point left to right and top to bottom simultaneously), but I need it to go right to left instead of left to right. I have played with some of the effects but can't seem to make this work... the closest was scale but it's totally screwing up the display of the elements inside the container that I'm using. I need something that just clips instead of resizes. Clip, Drop, and Slide all just do one direction
Sortable position object does not start at the first time
I'm using ui.sortables for a project, but i need to know the position (x precisely) where the item was dragged. The thing is that i'm using start option with it's callback [function(e,ui){ }] and using a for-in to know what is happening with ui. When i drag the page for the first time, it shows me this: helper=[object Object] placeholder=[object Object] position=undefined absolutePosition=undefined options=[object Object] element=[object Object] item=[object Object] sender=null See positions. The
draggable out of an accordion (IE wierdness)
Hi, This one has been driving me insane lately :( It seems very simple and indeed it was. But only in everything except IE7 (surprise). Here is a simple demonstration: http://www.subtri.be/test-0.1/test/acc1.php Using FF, you can click on the 'Baseball' tab and drag the blue DIVs out of the accordion. Using IE7, if I enable scrolling on the accordion the blue DIVs become confined and when you drag them, the helper is wildly offset somehow. Then I tried disabling autoscroll on the accordion DIV so
how to resize a Dialog programmatically?
Can anyone shed some light on the subject? I need to resize my dialog on a request, from a script. I used to do it in a straightforward way via .width() applied to a container element, but I guess it was already incorrect because, at least, overlay was not affected; and now in the new version of Dialog the (different) widths are set both on the container and the original element, so that doesn't work at all... Thanx in advance.
UI.Dialog showing drop-down in IE6?
Hello All, I'm a newcomer to jQuery, and looking to replace prototype-based modalbox implementation. http://www.wildbit.com/labs/modalbox/ I'm using IE 6 on Windows 2000 thru a Remote Desktop connection, and the drop-down in the demo on http://dev.jquery.com/view/trunk/ui/demos/functional/#ui.dialog is showing through the window. See the screenshot here: http://gallery.mac.com/jasonzig/jquery.ui.dialog.IE6.png Is this a known bug? Thanks zigmoo
Next Page