Highlight link [accordion]
Is it possible to highlight the link of the current page I am on? My menu: Home Products Product A PRODUCT B Services When the user is on the page Product B, the link should be red or something like that. And when he is on Services this link should be highlighted. How can I do that? Thanks!
clear date from datepicker programmaticaly
I have a checkbox that disables or enables the datepicker according to whether it is checked. When it is unchecked, I would like it to first clear the date from the datepicker input before it disables it. How can I do this? Thanks Mike
Will multiple droppable chainability be possible in future?
Will multiple droppable chainability be possible in future? Like this: var droppableOption1 = { accept: "#x", drop: function(ev, ui) { something(); } } //Color. var droppableOption2 = { accept: "#y", drop: function(ev, ui) { somethingElse(); } } $("#z").droppable(droppableOption1)/*.end()?*/ .droppable(droppableOption2);
jquery ui tabs with cookie sharing problem
HI, I have set up this shopping cart using the UI tabs for a multi level vertical menu giving the user the option of browsing by category or by type. I've used the cookie option so that when a user clicks through to an option using by type for example the new page would load with by type selected and if they leave the page when they come back hopefully it would remember their preference from last time the were at the store whatever page they were on. However it seems as though the cookie is being
resizable callback handles
hi, im new to this list. when i use the ui.Resize Plugin i need to know which handle is activated by the User. stop: function(ev, ui) { alert("You have used handle {n, e, s, w, ne, se, sw, nw}"); } is there a easy way to get the handle? thanks for help
Can't get UI tabs to work
I want to use jQuery's ui tabs in my webpage. Unfortunately, I can't even get the example to work. I don't know what/where I'm going wrong. Does anyone have a complete, easy to understand example they could share? If not below is the code I have, if some could tell me what needs to be fixed it would be appreciated. Thanks. HTML code: <script src="jQuery.js" type="text/javascript"></script> <script src="ui.core.js" type="text/javascript"></script> <script src="ui.tabs.js" type="text/javascript"></script>
Horizontal Sortables do not work
Hello all, Im hoping to get some quick help here, im developing a dynamic CSV creation app with jQuery-UI and nothing i try works to make the sortables work horizontally. I am including my demo code below. It also dosent help that the demos dont load at all. (http:// dev.jquery.com/view/tags/ui/latest/demos/functional/#ui.sortable) Thanks for your time, -Matt [CODE] <style> div.sort{background:#6FF; height: 25px; padding:20px; padding-left: 50px; background:#FFC; width:400px;} div.drag{cursor:move;
Stacked elements in JQuery UI.
Hi, because JQuery doesn't have option to restrict events to the first elements on the stack i needed to do a little trick. var aWantToBeAssigned = []; //array that contain temporary droppable targets //Accept all droppableToolbarObject var oDTO = { accept: ".droppableToolbarObject", greedy: true, drop: function(ev, ui) { aWantToBeAssigned.push($(this)); } } //Paint bucket is an element that color others elements $("#paintBucket").draggable ({ zIndex: 999, helper: "clone", cursorAt: { top: 22, left:
[autocomplete] Update local data
Hi, I'm using an input box with an autocompleter with local data, like this:
[accordion] Persistence and cookies
Anyone have some pointers on how to get accordion to store state/ persistence using jCookies maybe?
sortable reconfiguration using sortable( "serialize", options )
Hi guys I need to use the serialized string to reconfigure the sortable to a previous order, currently i store the string into a db with ajax. How do i reconfigure the order of the list using the serialized string obtained from sortable( "serialize", options ) . Thanks Nadeem
Window like interface2
Hi, Does any one already implemented window interface like app and is it available somewhere
navigating through checkboxes like in gmail
Hi, I was just wondering if anyone had already made anything similar to gmail's interface where you can navigate between the checkboxes in an application via keys, for example k selects the preceding checkbox, j selects the next? I'm supposing there is already an example implementation out there someone, if anyone can point me to one. Cheers, Bryan Rasmussen
Going Crazy: Please help JQuery Tabs
Here is what I am trying to do: 1) I want to intercept the JQuery Ui.tabs select event and if the form validation fails, cancel changing tabs. I have looked at the document and I don't understand what I am doing wrong. $(document).ready(function() { $('#tabs-nav').tabs(); //never get the event, nothing ever happens var $tabs = $('#tabs-nav').tabs({ select: function(e, ui) { alert(ui.index === $tabs.data('selected.tabs')); } }); The select event NEVER fires, I've tried everything. If I reference the
formatting issue when pre-selecting a JQuery Tab
I have a page that uses JQuery Tabs, and I want to be able to have a piece of javascript that will open up a particular tab. http://docs.jquery.com/UI/Tabs shows how to do that. However, once the javascript opens up the desired tab, if the user then clicks on another tab, the other tab's contents are formatted incorrectly. To see this, first go to http://hyperreal.org/~mw/jquery.tabs/good.html Notice that there are 3 tabs, and take a look at the layout of the 3 tabs. Specifically, notice that groups
autocomplete inside of dialog
Greetings, I'm aware of the fact that the autocomplete widget has been "dropped" and is being reworked for a later date....but we're still making use of it for the time being. That being said, has anyone run into problems with the display and placement of the drop-down when the component is being displayed in a dialog? Just wondering, before I jump in and try to debug and patch it. Thanks! -MC
jquery datepicker
hey folks am having some issue with setup of the datepicker can anyone take a look here and see whats up? link: https://www.talknsave.net/test/cal.asp thanks!
development
Hi everyone who is responsable for ui-dialog? How can I help in development? thanks<br clear="all"> -- Gabriel Z. Lovison
iframe + ui-dialog (IE6)
Hello, i have a problem using the ui-dialog on a iframe with internet explorer 6. Each time I opened the dialog the titlebar moved more left and after few times the dialog did not open any more. This happens only after applying css generated by themeroller. (using jquery ui 1.5.2) Can anybody help me? Regards, Adriana <<<CODE <script type="text/javascript" > $(document).ready(function() { $('#jdialog_tree_show').dialog({ close: function() { $ ('#jdialog_tree_show').attr('src', 'about:blank'); },
slider start position
Hi there, I'm trying to get my slider start position to be anything other than in the far left. Here is my code: <pre> $('.myClass').slider({ min: 1, max: 10, startValue: 5, change: function (ev, ui) { alert(ui.value); }, }); </pre> It does indeed have a start value of 5 but I would expect the handle to actually be in position 5 (half way down the slider). I can force the issue by setting the position of the handle using CSS but this seems like an awfully complex thing to calculate (especially if
Great :D
Perfect, just what I was looking for. Thanx mate. Least now I dont have to learn flash or flex
Enhancing Datepicker to a Datetime-Picker
Hi, are there any plans to enhance the UI/Datepicker with time functions in near future? My users need to submit dates and/or datetimes and I want to do all with one UI component. The approach from Stanislav Dobry (http://plugins.jquery.com/node/ 2796) looks promising, but is not yet suited for production use. Furthermore you can't turn off the time functionality and use it just as a datepicker. regards, Franz
focus is off after selecting date using datepicker
Hi I created a date picker with the code below ------------------ <input id="myDateField1" type="text" size="10" name="myDate" value="" title="(Format: MM/DD/YYYY)" /> <script type="text/javascript"> $('#myDateField1').datepicker( { showOtherMonths: true , closeText: 'X' } ); </script> ----------- When the date is selected from the datepicker, its populating the date field correctly, but hitting 'tab' button is not going to the next field. The tabbing works if I tab into date
UI Dialog, Modal, and Embeded Objects
Embedded objects always appear above UI dialogs and are unaffected by modals. Is there a special flag that I might need to set on my embedded object to prevent this behavior. A few notes: z-indexing has no effect, I've considered hiding the objects upon opening a dialog box but would prefer not to do so. Any help would be appreciated, Jeff
dialog needs an "overlayClicked" callback
Hi. i want to animate certain elements of my modal dialog when the overlay is clicked; eg when a user tries to access any other element on the page, the buttons (http://mediabeez.ws/mediaBeez/permalink.php?tag=buttonAnimated) will do an animation cycle, light up, so that the user knows he has to press one of the buttons to continue with the application. This callback isn't in the current dialog sources, so i might add it myself. Who should i contact to give them the updated sources? -- --------------------------------------------------------------
sortable reconfiguration using sortable( "serialize", options )
Hi guys I am new to jquery and i am using the sortable UL to allow users to sort things on the home page. I have access to the serialized string every time the sortable is changed i can store it in a DB but i don't understand how i can use this serialized string to reconfigure the sortable next time a user logs in, the only way i can think of is to break up the string and do it in a hard way. Any suggestions welcome. Thanks Nadeem
corner & dropshadow don't work with UI dialog
Hi, all jQuery: 1.2.6 jQuery UI : 1.5.2 Theme: jquery-ui-themeroller.css Corner: jquery-corner.js (version 1.7 1/26/2007) Dropshadow: jquery-dropshadow.js (version 1.6 12-13-2007) use: $('.ui-dialog').corner(); //$('.ui-dialog').dropShadow(); Corner doesn't work at all. Before, when I use theme of flora, it works. And dropShadow will cause an error! Please advise. Thank you in advance. Jack
using autocomplete with jsonp
Hi, has anyone used the autocomplete plugin with JSONP? I need to make a cross domain call and am able to get the JSONP data, but the autocompleter seems to just stop after that... I've tried a couple of things and have posted my latest JS code here and at : http://jsbin.com/aqefi/edit I've tried the approach posted here and also tried to create a new $ (...).autocomplete() call in the jsonp callback function (even tried to destroy the existing autocomplete before re-creating it and feeding in the
what css and images are needed for using progressbar
what css and/or images are needed for using progress bar? Please point me to it.
Soratable
I am using this sortable demo as the basis for some work... http://ui.jquery.com/repository/real-world/layout/ I really want to drag the whole content ie i want to drag the whole "sidebar" into "content".... Thanks
jQuery.uploader released: Flash based jQuery uploader
Hi guys, Short memo; http://jQuery.webunity.nl/ Check it out, 2 demo's online! -- Gilles
Combining Selectables and Draggables
I wrote up an article doing my best to explain how to use both selecable and draggable UI elements to work together to select a group and to drag them. I Richard. Worth helped me about a year ago to try to figure it out, but it was kind of buggy, then I asked him if he found a solution, so I decided to write an article about it and share it since I know I am not that only one who wants to know how to do this. Link: http://www.ryancoughlin.com/2008/11/23/combining-selectables-and-draggables-using-jquery-ui/
UI tabs with cookie sharing problem
HI, I have set up this shopping cart using the UI tabs for a multi level vertical menu giving the user the option of browsing by category or by type. I've used the cookie option so that when a user clicks through to an option using by type for example the new page would load with by type selected and if they leave the page when they come back hopefully it would remember their preference from last time the were at the store whatever page they were on. However it seems as though the cookie is being
Acoordion
Hello, I'm a jQuery UI newbie, I'd like to use accordion with UI.Layout (http://layout.jquery-dev.net) but I'm not able to resize accordion menu when I resize the browser window. I'd need a resize method for accordion widget because UI.Layout has a onresize() trigger and I could fire accordion.resize(). Any suggestion? thanks
Making ajax response sortable
Hi everyone, I have the following code: function layoutHandlers() { //change layout $('.layoutChoice').click( function(e){ $.ajax({ url: "/layouts/editor/_site/"+$(this).attr('id')+".html", success: function(html){ $('#content').html(html); $('.panel').sortable({ accept: $('div.draggable'), connectWith: $('div.panel'), containment: 'document', handle:
Jquery Tabs: yui data table sizing issue inside hidden tabs
I have a yui data table which I am showing inside the Jquery ui tab. If yui data table is inside the first (selected) tab then it renders correctly. But if it is inside any other tab except the first, YUI data table's columns get chopped off. I am already using .ui-tabs-hide { position: absolute; left: -10000px; } Any other solutions? ( Note: I am slowly migrating from existing YUI code on my site to jquery.)
Drag and Drop onto iFrame
Is it possible to drag an element onto an iframe and drop it? Presently, it appears that the element will drag to just outside the bounds of the iframe. I've tried overlaying the iframe with a transparent div, but it does not work. This is incredibly frustrating. The drop event works, kind of, if drop onto the overlay and then immediately mouse out of it. Any help would be appreciated!!!
Sortable - connected list callback order
Hi, I have a number of boxes, with come contents in each one of them. Now I'm trying to make an AJAX submit of these contents and their order, but I am unable to solve following problem: when I use the update callback, both lists are updated when moving from one to another. But since I always send just ajax request containing the info about the contents of the actual box, when I update two lists by moving from one to another, sometimes it happens, that the update callback of the source list is fired
Disposition on colorpicker widget
Howdy! I was wondering what the status was on the colorpicker. I asked around on #jquery and got this: 19:40 < ThrushAAX> skiquel: colorpicker is probably going to be dropped from ui1.6 release because it doesn't work in iE Ah! I also read on here that we may see a rewrite. Over on this thread (http://drupal.org/node/315035) @ drupal.org we were hoping for IE6/ IE7 support for this to replacement farbtastic. There is a good demand for this color picker to be apart of the UI. Are we going to be seeing
Accordion resize
Hello, I'm a newbie with jQueriUI and I'd like using accordion widget with UI.layout widget (http://layout.jquery-dev.net). the problem is during resize of UI.layout panels, the accordion doesn't resize automatically but UI.layout has a onresize trigger. I don't find a method for resize the accordion. Any suggestion? Thanks
Next Page