Hiding and Showing a tab in JQuery UI
Folks, I want to be able to hide and show tabs. I have tried removing and adding them as follows the js... function AddTab(lTab) { $("#tabs").tabs("add", "#tabs-1", "Added", lTab); } function RemoveTab(lTab) { $("#tabs").tabs("remove", lTab); } the HTML... <div id="tabs"> <ul> <li><a href="#tabs-1">First</a></li> <li><a href="#divBackground_WidgetEditor">Background</a></li> </ul> <div id="tabs-1"> Content 1 </div> <div id="divBackground_WidgetEditor"><!--
Multiple Selectable Problem
I have a problem with a multiple selectable, like this : <script language="javascript"> $(document).ready(function () { $('.submenu').hide(); $(".submenu").selectable({ selected: function (ev,ui) { var stats_menu = $(this).attr('id'); $(".ui-selected", this).each(function(){ var tab_ajax = $(this).attr('id'); alert(stats_menu+tab_ajax); }); } }); $('#selectable').selectable({ filter: 'div',
Issue with tab deletion
I just recently started using jQuery so I wanted to ask about this before reporting it as a bug. It appears that occasionally when a tab is deleted using $("#example").tabs("remove", index) the selected.tabs property in data is set to -1. This makes any operations done after the deletion that require the selected tab's index not work when using the recommended way of getting the currently selected tab index: $ ("#tab_element").data("selected.tabs");. I tried setting the selected.tabs value in the
DatePicker - not responding to any clicks
Can someone assist me on this? I've got a textbox which when receives focus the datepicker shows up. This works correctly. When I click any days on the calendar or try to go forward or backwards on the month nothing happens?? This is in an IFrame so wondering if this is why the problem is occuring. Browser is IE7. Code like so: $(function(){ $("#followUpDate").datepicker(); }); Included js files: <SCRIPT LANGUAGE="JavaScript" SRC="/js/jquery-1.3.2.min.js"></SCRIPT> <SCRIPT LANGUAGE="JavaScript"
Modal DialogBox, multiple activation
Hi! Is there a way to activate the same JQuery UI Dialogbox using different links on the same page?
How to change pathing for Jquery UI Themes(the .png files)
Hi I am using some of the stuff from the Jquery UI. I took the default themes as well. In the "ui.theme.css" they have all this "url" links to all these different files like making the tabs glossy and stuff. Now I am trying to use compression and I now notice when I use compression on it the path is all wrong. It gets mixed up. So I thought maybe I could help it out on its way and put a bit more in the path but the path never changes and I don't know why. I cleared my cache and restarted my browser
accordion ui: too much white space
I am using the 1.7 according and find out that the distance between header and the following accordion menu items are too far. Is there a way to reduce this margin or padding? In the sample: http://docs.jquery.com/UI/Accordion You will see the same problem with the distance between "Section 1" and the following text. Thanks.
DatePicker - not responding to any clicks
Why in IE8 is the datepicker not filling in the target input box with the date picked from the calendar? It works ok in Firefox? I've actually copied the example code off the datepicker demo. The strange thing was I tried it in IETester for IE6 - didn't work, IE7 and IE8 did work. So why would it work in IETester but not in IE8?
Enable tab which is disabled at initialization
Hi all, I have problem similar to earlier questions about this topic, but never found a good solution. I have the following testcase for four tabs: $("#tabs").tabs({ disabled: [1,2,3], selected: 0}); I connected a click event to an image and in that function I do this action: $( '#tabs' ).tabs( 'enable', index ); This fails when index is in the disabled array. It works when the disabled option is empty. The following I can reproduce: 1) Initializing tabs without any disabled. The enable and disable
Any JQuery-based Datagrids Around?
I especially need one that can handle linked tables - like for a drop- down list in the primary table. Thanks, all.
load a specific #container with ajax tabs
Hi, Sorry if this has been asked a million times - I did search to no avail. I'm using the tabs widget and loading a particular tab via href. It loads the entire page into the tab and I'd like it to only open div#foo. I know how to do this with .load() and .ajax() but changing the href to "page#foo" didn't do the trick. I looked through the api and couldn't figure out how to implement the url or load methods - not even sure if that's what I'm looking for. Would some one be kind enough to point me
same problem
I'm still having a problem downloading anything but the dev bundle of 1.7.1, the zip files are always corrupt!
Cannot Download UI themes
After I edit a theme I click download which takes me to the download section which allows me to download the UI package. After downloadingI try to unzip the folder to find there isn't anything in the folder. Is there another way to download themes? Thank You In Advance,
Fade-in and out on 2 different mouseover links
hi all the below code replaces one background image (day.jpg) with another (night.jpg) on clicking anywhere in the page. but can someone pls show me what code is needed to have the new background (night.jpg) fade in only on mouseover of the corresponding "night" text; and then fade back out on mouseover of the "day" text to reveal the original background (day.jpg)? $(document).ready(function(){ $(document.body).click(function () { $("div:hidden:first").fadeIn("slow"); }); }); the CSS: body { background:URL(day.jpg);
How to drag multiple selectables with drop event
I need to select multiple items (selectables) and drag them all at once. I've found tutorials http://pastebin.me/4878f6c4784a4 http://www.ryancoughlin.com/2008/11/23/combining-selectables-and-draggables-using-jquery-ui/ how to drag multiple items. The problem is the drop event is fired only for dragged item. I need somehow to fire drop event on other dragged items (they aren't dragged real, just adjusting position). I was thinking about something like this... but isn't working start : function (event,
persistent select through pages in data grids
Hi, I am evaluating various javascript based datagrid that i can use in my application. I want to know if its is possible that row selection persists across the page change. e.g. I select row 2,5,7 on page 1 and then i change to page 2 and select 20,25. I go back to page one ... will i get 2,5,7 pre selected ? OR is scroll pagination possible . by scroll pagination i mean AJAX loads more data when i have scrolled to last row. kind of auto pagination Thanks & Regards, saurabh
handle issues in slider widget
Hi guys need your help looking at the demo here http://jqueryui.com/demos/slider/ i cant understand how i can i tell the slider to chose specific div as handle. on the demo page in source code part, there is only one div ================================================ <script type="text/javascript"> $(function() { $("#slider").slider(); }); </script> <div id="slider"></div> ================================================ where is the second div (handle div). and i dont want
flora themes?
Hi, I am looking at the book on Jquery UI. It uses a flora theme but I could not find this theme in jquery UI 1.7 or 1.6 downloads. Does anyone know where I could get the packed flora theme? Thanks.
Having problems when adding an element to sortable.
Hello, I'm attempting to dynamically add li elements to a ul tag, then use the sortable's 'refresh' functionality. The problem is that when a new li element is added, I attempt to sort it, but it is not respecting the forcePlaceHolderSize. There is no space given for the new tab when dragging like the others. Also, when I have revert set to true, it throws the dragged element up into the top left corner of the page after mousing up to place the element between other elements. The element still moves
Datepicker and timezones?
Does Datepicker show todays date based on time zone of the user? ie user from India accessing the same page will see his/her today's date and person accessing the same page at same time US will see his today's date which could be different given 12.5 to 13.5 hours time difference between the two countries.
Multiple calendar systems in datepicker
I needed a version of datepicker that supports multiple calendar systems (as mentioned in http://jqueryui.pbwiki.com/DatePickerCalendar#commentnum1229614996). I wrote a UI widget similar to datepicker, documented at http://youngisrael-stl.org/wordpress/2009/04/03/new-jquery-widget-flexcal/ that others may find useful. It allows switching between calendar systems and localizations, and uses the jQuery UI CSS framework.
tabs requiring two clicks for loading
hi, i am quite new to jquery so i hope my question is tolerable. I am using tabs in one of my pages in it's ajax configuration and have a problem that for some reason only after the tab is selected twice, it is chosen and loaded from the server. if i try to programatically select a tab, i will require another single manual selection and then it loads. has anyone experienced similar behaviour? thanks shahar
Easing Values?
I apologize if this is listed other places. I've been searching for a good two hours and can only seem to find an old plug in for jQuery and some vague references to "Easing" now being part of jQueryUI. Basically, I want a dialog box that "pops" to the forefront (sort of like the alert boxes on the iPhone). I've done it in the past with the "easing" plug in, but it doesn't seem to work with jQuery 1.3.2. I've read through the documentation on jQuery UI and I don't see any mention of easing through
How to change pathing for Jquery UI Themes(the .png files)
Hi I am using some of the stuff from the Jquery UI. I took the default themes as well. In the "ui.theme.css" they have all this "url" links to all these different files like making the tabs glossy and stuff. Now I am trying to use compression and I now notice when I use compression on it the path is all wrong. It gets mixed up. So I thought maybe I could help it out on its way and put a bit more in the path but the path never changes and I don't know why. I cleared my cache and restarted my browser
Problem with tabs
Hi there, i have used jquery in the past but it is my first time i am trying the UI which looks brilliant:) but on my test page http://www.tablefind.zahidchaudhry.com/venuetest.php i have all the code in the right way i believe! but i cannot see the tabs!!! any help on this guys? Regards
Grow Div Upward
Using the animate function I only seem to be able to grow a div down, instead I'd like to grow the div upwardly Any ideas? $(this).animate({height:'+=400px'},"slow");
$.datepicker has no properties
Hi, I'm Using datepicker plugin in codeigniter, It works fine when It is used wothout TinySlideshow http://sandbox.leigeber.com/javascript-slideshow/, but When I use this slide show it gives me an error "$.datepicker has no properties " and date picker stops working can any one please suggest me solution for this. thanks
How can I get the date from the datepicker?
I use jQueryUI datepicker. It has the function $.datepicker.formatDate( format, date, settings). Is there a function reversed for this? As $.datepicker.getDate(dateString, format)? With this function, I have a string as "2009-09-08", and the format for it, I can get the javascript Date() object. or how can I achieve this with regex? Thanks a lot.
Resizable containment
I'm trying to contain a resizable div within an img element and find that it does not restrict the resizing to within the img element. I checked the documentation to see if I am doing something incorrect and notice that the resize sample in the documentation does not seem to work correctly either. http://jqueryui.com/demos/resizable/#constrain-area The resize is constrained on the right but can be resized downwards to be larger than the containment area. I confirmed this in both Firefox and Chrome.
Select default tab programatically
I'm writing a PHP site where the tabs are defined before the program picks up which tab it prefers to open so I can't use the 'selected' option in the creation. How can I select a default tab as the rest of the page is being built in PHP. Please be painfully specific. ;) I've seen a lot of hints at what code needs to be used but so far my tests have not been successful. The Accordion widget has exactly what I need with the 'active' method, but tabs doesn't seem to have anything similar.
Dragdrop and dialog problem
Hi All, I am having dragdrop and model dialog in same page. And using jQuery 1.5.3 for dragdrop and jQuery 1.6cr4 for dialog. If I include jQuery 1.5.3, dragdrop works fine. but dialog fails. if I include jQuery 1.6cr4, dialog works fine. but dragdrop fails. Can anyone help me on this, I am in urgent need.
datePicker z-index - Need Topmost
Hi, I'm using the datePicker in an ASP.Net environment with another set of controls (from Developer Express). The date control is being shown from a modal popup control - but it is appearing behind that control. I've tried altering the z-index in the CSS - jacked it all the way to 1000. Does anyone know how I can ensure that the data popup is THE topmost control on the form? Regards, Randall
Adding slider handles on the fly
Is it possible to add handles to the slider widget on the fly? Thanks, David
How do make the calendar post back to the same page when a date is selected?
How do make the calendar post back to the same page when a date is selected? Thank in advance for your help!!! <script type="text/javascript"> $(function(){ // Datepicker $('#datepicker').datepicker({ inline: true, minDate: -0, maxDate: '1D +6M' }); }); </script> <!-- Datepicker --> <h2 class="demoHeaders">Datepicker</h2> <div id="datepicker"></div>
Question about jquery Tabs plugin
Hi there, I have a question about the jquery Tabs plugin. I downloaded it from this link: http://stilbuero.de/jquery/tabs/#fragment-28 I use the: $('#container').enableTab(3); // enables third tab $('#container').triggerTab(3); // triggers third tab $('#container').disableTab(3); // disables third tab to go to other tab, but is there a way to disable the click event on the tabs? I tried to add and event to the tabs like this: $(".step_1").click(function(){ $(this).parents('div').eq(1).disableTab(2);
Including jQuery UI causes webserver to ask for authentication
Hey guys, I've been developing with jQuery 1.3.2.min for a few days and tried to work with the jQuery UI (1.7.1) library today. Every time I include the UI library... <script type="text/javascript" src="js/jquery- ui-1.7.1.custom.min.js"></script> ... and load the page, I am prompted for a username and password to the webserver, as if I required a password through an htaccess file. I am developing on an IIS server and i am only prompted for a user/pass when I include the jquery UI library. Any ideas
Draggable:grid - Snapping Draggable on Start
I have a page with any number of draggable elements positioned freely or snapped to a grid which is controlled by the person visiting the site. For elements that are positioned freely (not snapped to the grid) I need to snap them to the grid on the draggable start callback. However, at that time the person dragging has complete control of the draggable and it won't accept a new top and left style to snap it to the specified grid. Obviously it still snaps to a grid relative to where it started, but
How can i retrieve the index of the currently selected tab?
i follow the Jquery UI documentation, use the following code to get the index: var $tabs = $('#example').tabs(); var selected = $tabs.tabs('option', 'selected'); but, when i alert(selected), it return the object, not return the index of the selected tab? why? Thanks for your help!
NEWS: This Week in jQuery UI vol. 5
See blog post: This Week in jQuery UI vol. 5 <a href="http://blog.jqueryui.com/2009/04/this-week-in-jquery-ui-vol-5/">http://blog.jqueryui.com/2009/04/this-week-in-jquery-ui-vol-5/</a> - Richard
Problem with dialog open
Why i can't open the dialog like this. $($(this)[0].parentNode).find('.dialogClass').dialog('open') if i debug, i am finding the right div, just the dialog is not opening.
Next Page