Get tab ID from tab index
Hello, I'm using Jquery UI tabs. How can I get the tab ID by its index? Thanks in advance Marta
October 26 duplicated in Datepicker - dates thereafter are wrong
Hi Take a look at the example to confirm http://docs.jquery.com/UI/Datepicker For example, today (Thu 30th) is listed as being the 29th. Paul
Dialog buttons position
Hi all, got some theme from theme roller and trying construct dialog using it. Used following code and got following picture: $("#register_div").dialog({ modal: true, width: 400, height: 250, position: "center", title: "Registration", buttons: { "Ok": function() {}, "Cancel": function() {} } }); http://www.nabble.com/file/p20273900/dialog_buttons.jpg
Drag & resize image
Hi, How can I create a draggable & resizable image? js: $(document).ready(function(){ $("#resizebleImage").draggable(); $("#resizebleImage").resizable({ handles: "all", ghost: true }); }); This makes the image resizable only. So I tried this code - a double click on the image toggles the resize/ drag functionality. It only works once, the image cannot revert to draggable. $("img").dblclick(function () { toggle(); }); var canDrag=true; function toggle() { canDrag=!canDrag; if (canDrag)
HOw can I extend ui.draggable
I would like to use ui.draggable in my plugin But I want slightly change some of its methods Can I use $.extend function
datepicker events
I'm trying to execute a block of code everytime the HTML in the datepicker changes. In other words this event should fire off when month or year is changed but after jQuery has loaded in new HTML for the calendar. I know there's a "changeMonthYear" event but that event gets called before the new HTML has been loaded. Ultimately I'm just trying to be able to alter the HTML everytime the month changes. Any thoughts? <br clear="all"> -- Adam "Do one thing, and do it well." -- The UNIX Philosophy
Dialog callbacks ?
Hi, I am using a JQuery UI Dialog box and I am having trouble with figuring out which button is selected. It's basically a Yes/No modal dialog to determine whether or not the user wants to delete a database record. Question how do I determine whether or not the Yes button is selected ? Note : In earlier version of JQuery/UI the code to delete records was inside the callback function, but I am having problems with this approach (scope of variables, calling other functions) The code is as follows //
Slider drag n drop
I am trying to implement the product slider example with drag and drop functionality. I have a working example however, due to the overflow: hidden; attribute on the slidergallery when you drag something from the slider gallery it disappears when you move outside of the slidergallery div. However, it works despite not seeing the draggable item. Any ideas on how to circumvent this issue? example page: http://climate.met.psu.edu/bahrmann/mapwall/
Sortable moving floating divs
So I just recently got into jQuery UI. I built a small example for a site I'm working on with a bunch of floating divs. The items sort themselves properly, but when I try to drag one to sort it, all the items following it move down the height as if they were all not floating, but still appear floated at the bottom. IE, if one item is following, it moves 120px down. If two, then 240px but both appear floating at the bottom. This makes it impossible to actually do anything with the sortable. I was
Retrieve the tab ID from the index
Hello, I need to load dinamically html content for several tabs. I'm using the select callback function, however, this doesn't allow the content for the first tab to be generated. How can I obtain the first tab ID automatically? Is there any function that's called as soon as the tabs are created? Thanks Marta
What does $.ui.plugin.add do
I see that $.ui.plugin.add Is widely used in all plugins but how is it work. could somebody complete documentation
Question on tabs with cookie option
Hi folks, I'm using the cookie plugin to make the selected tab sticky, using this syntax: $('#tabs > ul').tabs({cookie: {expires: 7}}) I have several pages that use this syntax, and some of the pages appear to "share" a cookie, in that the selected tab on one page then also becomes the selected tab on another page. Is there a way to specify a different cookie name for each page so there's no conflict? I tried this, but it had no effect: $('#tabs > ul').tabs({cookie: {name: 'foo', expires: 7}}) Thanks!
mktSignup conflict with accordian
The accordion plugin appears to break because I'm using mktSignup.js on the same page. Is there a way to fix this? I am using the accordion for my menu successfully on all my pages, but on my contact page it's not working because of the contact form, which uses the jQuery validation plug-in mktSignup.js as shown in the "marketo" demo (http:// jquery.bassistance.de/validate/demo/marketo/). Any help would be greatly appreciated as I need to show this to my client soon.
facebook flare type app
im trying to create a cork board application much like facebook's flare app. basically there are two divs (#picker, #board). the user selects an images/icon from the #picker div and drags it onto the #board div. once the image has been dragged onto the #board i want the element to be draggable within the #board div so the user can add as many images to the board as he/she wants and more them around to set up a sort of scrap book type feel. any image within the #board should also come to the front
How to reorder tabs?
I am trying to implement an UI with reorderable tabs. In my page, I have horizontal tabs. I am able to add and remove a tab. However, I also need to be able to move a tab right and left. What I did is to use the swap functionality to swap two <li> elements and the corresponding <div> elements. It worked, but only 60%. The reason I said 60% is because it does swap two tabs, but the current selected tab is messed up after that, the class for those div is also messed up. Therefore, it doesn't work exactly
slider help - need to move other handle when one handle is moved
I have a slider that has one or two handles depending on some settings. When there are two handles, I would like to maintain a minimum range between them. So if I have a scale from 0 - 100, two handles, "low" and "high", with minimum range 10, when I'm sliding "low" towards "high" if abs("high" - "low") < minimum range, I want "high" to move higher. If "high" = 100, then I want "low" to have a max of 100 - 10. Similarly, if "high" is being moved close to "low" I want "low" to move lower but not lower
jQueryUI tabs( [options] ) options = load only trigger by first click
$("#tabsExt2").tabs( { cache:false,spinner:'Bitte warten..', load: function(e, ui) { $('.fscboxInnerHead > span > a').click(function() { $(ui.panel).load($.data(ui.tab, 'load.tabs').replace("page=1", $(this).attr('href'))); return false; }); } }); all "a" have at first load replace with "$(this).attr('href')". if i click a href in current tabscontent, new content don't replace "a". i need help. how a can trigger "load" << hans
tab event ui is undefined
I try to capture a tab clicked on event: $("#mydiv > ul").tabs({ select: function(e, ui) { alert(ui); } }); The alert(ui) is giving an undefined when the tab is clicked. Any ideas what I am doing wrong?
How can I reorder tabs?
Hi, I am trying to implement an UI which consists of tabs. I got the tabs working just fine. I was able to add and remove a tab. However, I also wanted to be able to move a tab left or right. I used the swap function to swap two tabs, meaning the swap function swapped the current selected tab with the tab on its right or left depending on what button I clicked on. It didn't work properly. I have been searching for some info about reordering tabs, but it seemed that there was not this kind of info.
[released] themeable canvas loader icon, with semi-transparency support
http://mediabeez.ws/mediaBeez/permalink.php?tag=visCanvasLoaderGraphic This the second opensource plugin that I release; a loader icon capable of displaying colorfull yet semi-transparent animated graphics. It's simple to use and design for.. I'll admit right now that there are still some issues in IE, like activeX warnings in some cases, but i hope that over time those can be fixed and updated too.. Comments and bug-notices are very welcome, either on the list or via the comments-button (top-left
[jQuery] [released] themeable canvas loader icon, with semi-transparency support
http://mediabeez.ws/mediaBeez/permalink.php?tag=visCanvasLoaderGraphic This the second opensource plugin that I release; a loader icon capable of displaying colorfull yet semi-transparent animated graphics. It's simple to use and design for.. I'll admit right now that there are still some issues in IE, like activeX warnings in some cases, but i hope that over time those can be fixed and updated too.. Comments and bug-notices are very welcome, either on the list or via the comments-button (top-left
[accordion] Buggy
http://www.baltimorebarbershop.com/pages/store My accordion menu (the product categories on the left hand side) work great in IE and Firefox but don't work as well in Safari. If you visit the link above, you'll see that when you expand a category, and then try to expand another category in Safari, it hides the <ul> elements in the new category. You then have to hide that category, and reopen for them to appear. Any clues? -- Mike
draggable/droppable refresh offsets
Is it possible to refresh the droppables offsets programmatically? Something like: $('.draggable').refreshOffsets(). The following seems to work for me: $.ui.ddmanager.prepareOffsets($('.draggable:first').data('draggable'), e); Is this the intended way to refresh the offsets without using "refreshPositions:true"? Thanks
tab event ui is undefined
I am trying to set an event on tab select: $("#mytab").tabs({ select: function(e, ui) { alert(ui); } }); When a tab is clicked - the alert gives the ui as undefined. Any clues? thanks.
issue with Dialog and IE 7
Hi, I have a display issue with the Dialog widget and IE 7. To reproduce it please visit the following URL : http://www.metrica.net/diy/ Then select a record in the list by ticking the Select checkbox and click on 'Email Selected Clips'. You can see the Dialog shows up, but most of the elements behind disappear ! If you drag the Dialog, then the elements behind show up again... Is it an issue with the widget ? Thanks
Cross Browser Issue with DatePicker
I've discovered an interesting issue with the DatePicker. First some background: I have a page with a Search Form, the results appear below the using jqGrid. The Search Form has 2 fields where user can enter Date Ranges. The user can select a row in the Grid and click Edit which opens a modal form (jqModal). This form has 2 fields where the user can enter a date. There is also a jqGrid on this form. The user can select a row in the Grid and click Edit which opens a modal (nested jqModal). This form
Tabs widget and IE7
Hi, I've created a Tabs and I put it in a html Table. The table is not hidden and at page loading I animate it. But I get a different behaviour in FF and IE 7. (it works fine in FF). Here's the sample : http://www.metrica.net/diy/Default.aspx As you can see, in IE7, the Tabs are shown right away instead of being shown progressively with the animation. Can you help ?
accessing datepicker cells
I'm trying to add html to specific days in the datepicker. The only problem is that I'm going to have several datepickers on one page so I can't access each cell by it's css class (e.g. $(".ui-datepicker-days- cell") ) because I won't be able to be sure that I have accessed the right calendar. Any ideas on how I can do this?
how do i make something draggable once its been dropped into a particular div???
is it possible to change the properties of an element once its been dropped into another div? for example: lets say i have a div (#droppable_images) that contains a bunch of icons and i want to drag and drop them onto another div (#droppable_area) images withing the #droppable_area are draggable but are confined to the div too allow users to arrange images as they please. images within #droppable_images obviously need to be draggable with a clone helper so the user can see where theyre dragging to.
indexing jQuery UI tabs
Aight, so I'm implementing some awesome jQuery tab action, I'm trying to pull an index, in that tab the first would be 0, 2nd would be 1, and so on and so forth. I need to be able to determine which tab is currently selected out of the total number so that I can do some next stuff based on that. The problem is, the built in jQuery way of doing that is this: var $tabs = $('#example').tabs(); var selected = $tabs.data('selected.tabs'); and when you output that, it SHOULD return the index number of
jquery-2.6.2rc2 datepicker localization
Quite simple - localization isn't working for me. I might be doing something wrong ... So I will paste the code below. I commented-out the part of the code that doesn't work for me (no errors but does exactly nothing), its in <!-- --> Now it is that I am a bit of a noob in webdevel areas, so it might be something really stupid done by me here. Anyway, thanks for any help in advance. In header: echo "<link rel=\"stylesheet\" href=\"inc/jQueryUI/themes/default/ ui.all.css\">"; echo "<script language=\"JavaScript\"
jquery-2.6.2rc2 datepicker localization
Quite simple - localization isn't working for me. I might be doing something wrong ... So I will paste the code below. I commented-out the part of the code that doesn't work for me (no errors but does exactly nothing), its in <!-- --> Now it is that I am a bit of a noob in webdevel areas, so it might be something really stupid done by me here. Anyway, thanks for any help in advance. In header: echo "<link rel=\"stylesheet\" href=\"inc/jQueryUI/themes/default/ ui.all.css\">"; echo "<script language=\"JavaScript\"
bind usage in the ui components
I see that some of the bind are set to what looks like a custom event. i.e. $input.bind(($.browser.opera ? "keypress" : "keydown") + ".autocomplete", function(event) { ... } from the autocomplete widget. Why does this work and what is the advantage of adding the ".autocomplete" to the end of the even name? Nathan
Bad Dialog design
Hi all, trying to use Dialog widget. Downloaded some theme from Theme Roller, and trying to use it. Have following result: http://www.nabble.com/file/p19788465/jquery-dialog.jpg Have some strange Close button position. Have anybody any ideas why it happened and how to fix it properly? There is some test code: <html> <head> <script src="jquery.js" type="text/javascript"></script> <script type="text/javascript" src="jquery-ui.js"></script> <link rel="stylesheet" href="jquery-ui-theme.css" type="text/css"
maximize & minimize using jQuery
hi... plzz any one could help me to implement a minimize & maximize button in to the widget along with the close button....so that the particular widgets height would be decreased Shafiq
Draggable Auto-scroll Issue (IE 7) - Example included.
I have seen several postings that seem to be related to this topic. Here's one related to ui.dialog: http://groups.google.com/group/jquery-ui/browse_thread/thread/319d417de75cb9f7 /79b070a312168498?lnk=gst&q=draggable+scroll+true#79b070a312168498 Here's one related to ui.sortable: http://groups.google.com/group/jquery-ui/browse_thread/thread/fcca456674176a18/273ff6022f160558?lnk=gst&q=sortable+scroll#273ff6022f160558 But I have not see one specific to ui.draggable. The issue is that once the window
datepicker and daylight savings time transitions
Datepicker seems to think that the first days of November are dated 1, 2, 2, 3, 4,... when using "Americas/Chicago" timezone and Firefox 3.0.3. With your time zone set to one of the US timezones (and observing daylight savings time), visit <http://ui.jquery.com/themeroller> and change the month in the datepicker to November 2008. Note the first few days of the month. Daylight savings time ends November 2nd, so 24 hours after 2008-11-02 00:00 (Midnight, Nov 2nd) is 2008-11-02 23:00 (11:00pm of Nov
Tabs and Content becoming separated
Hi, Has anyone had this experience with jQuery tabs? I have a standard tab layout on a jQuery dialog div. <code> <div id="imgTabContainer" style="width: 400px"> <ul class="ui-tabs-nav"> <li class="ui-tabs-nav-item"><a href="#difragment-1">Details</a></ li> <li class="ui-tabs-nav-item"><a href="#difragment-2">Events</a></li> </ul> <div id="difragment-1"> <form id="frmImage" class=""> <input id="frmImageElementID" type="hidden" value="" /> <input id="frmImageFilename"
Mimicking Windows (Scrolling draggables; IE7)
(1st try with jQuery; sorry if this.... etc.. :) I am creating HTML fragments dynamically, like - <div> <script> $(function(){ $ (".initDraggable").draggable().resizable().removeClass("initDraggable"); $ (".initResult").addClass("autoScroll").removeClass("initResult"); }) </script> <div class="draggable initDraggable"> <div align="right" class="titlebar"> <center>Result</center> </div> <div class="result initResult" id="result"></div> </div> </div> ( .autoScroll { overflow: scroll; width: 100%; height:
Dialog Modal Option Causes lag
When i set the modal option for my dialog to true it cause the browser (FF3) to lag after pressing close or any of the input buttons. If I remove the modal it works perfectly. It also shoots FF3 memory consumption to over 300MB This is my code for the dialog: $("#statusInfo").dialog({ //Defines status dialog autoOpen: false, modal: true, width: "800", height: "600", title: "Status Info" }); I ideas to want might be causing this? Thanks
Next Page