Date Picker - Allow Only Saturdays
I need to figure out a way to allow only saturdays. Thanks!
Where to download the ThemeRoller WebApp
Hello list, I'm interested in hosting a copy of the ThemeRoller WebApp internally. Where can I download the app and find some instructions how to set it up? Alternativly I'd be interested in a Java API (not JS) to create the css and Images of the themes. Thanks, Richard
Add own buttons to the datepicker button bar?
Hi, is it possible to add own buttons to the datepicker dutton bar? We'd love to have buttons for today, some specific date, 7 Weeks after the specific date and 14 weeks after. Is this possible with the standard datepicker or do you know any plugin where this is possible? Thanks Kaspar
Nested draggables not dragging in Safari and Chrome
I have a nested list of the type below. It represents a folder hierarchy and I am trying to make it so that if the user drags any folder in the tree, all of the children will be dragged along with it. It works perfectly in IE7 and FF3, any of the folders can be dragged and dropped. However, in Safari and Chrome, when dragging the inner draggables, they don't appear to be being dragged. They can be dropped in a droppable just fine, but they just don't follow the cursor when being dragged. I am currently
ASYNC loaded Tabs in IE7 don't work
jQuery UI 1.7.1 / IE7 1) ASYNC in a chunk of HTML with a list of anchors with #'s. (ex: <li><a href="#step_1">Step 1</a></li>) 2) apply tabs 3) :( It looks like there's a chunk of code in ui.tabs.js that is specifically for this problem (lines 85-95) but it doesn't quite work. If my domain is http://gpbmike.com and I'm on http://gpbmike.com/steps¶m=value the variables will be as follows: hrefBase = http://gpbmike.com/ location.toString().split('#')[0] = http://gpbmike.com/steps¶m=value baseEl.href
Apply different themes to different elements?
Hi, Is it possible to apply 1 theme to my tabs component and then another one to the calendar element? TIA
Tabs and Toggle on Mouseover
I am having trouble with the tabs widget: Have a look at http://87.139.37.153/client_projects/CC_104_Web/ If I move over the tabs of the blue box very fast, the opacity when toggling between tabs is messed up. It seems the animation isnt finished, so the opacity stays below 100%, Here is the code: $('#rotate > ul').tabs( { event: 'mouseover', fx: { opacity: 'toggle', duration:'slow' } } ).tabs('rotate', 7000); Any idea how to fix this?
Overlay Opacity not working on my example
Hi there, I'm using the standard UI library, latest version. Im setting up the dialogs like this: $(".popup").dialog({ autoOpen: false, resizable: false, width: 350, modal:true, overlay: { backgroundColor: "#000", opacity: 0.8} }); An example dialog is quite simple (adding it at the end of the page): <div id="sendToFriends" title="Send to Friends" class="popup"> Put my stuff here </div> Not sure why, but the opacity never changes, whatever number I put on it. It happens on any browser FF, IE , Safari.
Anyone have a slider example with custom handle working with 1.7?
I can't get my 1.6 code updated to 1.7 and use an image as the handle as the old flora theme provided. I've got a div with both the required class and mine: <div class='ui-slider-handle, rawSliderHandle'></div> and my CSS is trying to set it up as best as I can understand from reading the docs, including over-writing the position values for my size image. .rawSliderHandle { background-image: url(/images/UpTriangle.gif); width: 15px; height: 9px; top: 0; margin-left: -7px; cursor: hand; } I get my
dialog problem
hi at all, i'm new of jquery, i try to load one page on a dialog the code by this code: <script type="text/javascript"> function loadContent(id, ed, ad) { $("#dialog").load("det.php?conto="+id+"&data_inf="+ed+"&nr_riga="+ad+"", function() { $(this).dialog({ modal:true, title:"Modifica Dettaglio", width:430, buttons: { "Chiudi": function() { $(this).dialog("close");$(this).dialog("destroy"); } } }); }) } </script> and the page i load is that: <!doctype html public "-//W3C//DTD HTML 4.0 //EN"> <html>
jQuery Star Rating with AJAX Submissions
I'm trying to have the results of a star rating form be submitted automatically, but I can't seem to integrate .ajax with the Star Rating callback. Support for this plugin (http://jquery-star-rating- plugin.googlecode.com) redirects to this mailing-list, so... here it is! This is what I have between the script tags (each input field is in the star class, each input form has a hidden variable named category, which specifies which star-input form is submitting): $(function(){ $('.star').rating({
jQuery 1.2.6 to jQuery 1.3.2
Hi, wordpress 2.7.1. uses jquery 1.2.6 and UI 1.6. I updated to jquery 1.3.2 and jquery 1.6. But drag and drop doesnt word exactly. Is there any guide to update jquery 1.2.6 to jQuery 1.3.2 and UI. Have a nice day.
Problems with customized UI packages
Hello everybody ! I have a problem downloading customized packages from the ui.jquery.com site : 1. with a windows PC (XP & Vista) I receive corrupted zips; 2. when I get them using Mac, the package is OK (I could deflate it) but the rendering is absolutely not the same with what I see whan I'm creating it. Is there someone else having the same problem ? See you !
Jquery and Thickbox
Hello All, I am using Jquery tabs on one index page like Tab1 Tab2, In HTML of Tab1, I am using thickbox effect. It is working fine if I reload the page but when I click on Tab2 and then again comes to Tab1 then thickbox effect is not working :( I think it is because of document ready function of thickbox Please help me out from this issue. Thanks, Manisha.
How to disable datepicker button, based on greyed input field?
Hi, I am new to Jquery and using Datepicker based on stable 1.6 version. I would like to know how I can disable the button (callender.gif) when the datepicker input field is disabled. Please let me know what I should do for this. Thanks in advance. Puneet
Droppable + Draggable and destroy
Hi everybody! I am having a big trouble with the droppable and draggable object I have a table with some divs in the cell that I would like to be draggable and the cells (<td>) to be droppables, then after that a div has been dropped I want to clear the table cell and re-create the nodes in the cells. With firefox no problemo everythings is alright, but with IE7, IE8 I have a javascript error! So I search on the web and I found some subject talking about this. So I tried many ways to destroy the
Removing top padding/margin in tab content
Hi, I previously asked this question but my post did not appear for some reason. I am looking to remove the top padding/margin inside a tab content - there seems to be about 15px of top padding inside each tab content, how can i remove this? I looked through the css but i could'nt find anything relevant. Any help is highly appreciated Thanks Veeru
datepicker appear withOUT animation?
is there any way to use datepicker without this show/hide animations? just only like jquerys .show(); ? i only find options to set animations but no option to turn off animations? thanks for your help!
DatePicker Auto Close
I notice in the example that the DatePicker automatically closes upon selection, but mine is not doing so. I don't see any parameters in the demo, or in the list of available options that would change this behavior. Can someone steer me to the right direction?
Datepicker Question
Hi All, I have following question: - Suppose month, date, year are three text fields. - If you clicked on any of this fields then datepicker would popup - on a side note I have function that splits date for parts and puts into appropriate fields (month, date, year) Is it possible to make so that if you click on any field then datepicker popups with predefined date (one that is in month, date and year field)? Thank you very much!
datepicker size
I just downloaded and and place the datepicker into a a page I'm working on and for some reason the component shows up about twice the size in my page as it does on the jquery demo page. does anyone have a solution for this?
Problem with draggable - TypeError: Result of expression '$(this).data('draggable')' [undefined] is not an object.
Hi, I'm using a combination of sortable and draggable in my application. I have several list that need to be drag in a main sortable list. Before 1.7 - in beta - It was working fine, but since the beta is over I get a error when I drop the draggable on the sortable list. I'm wondering if it is me who did something wrong. I read the doc twice, but I cannot figure out what I did wrong. If you have any clue, please let me know. Thank you Francis When I drop the draggable on the sortable I got this error
Moving the tabs control outside of the container
Hello everybody, I'm trying to figure out how to use UI Tabs when my structure is different from the default. My HTML looks like: <body> <div id="header"><ul><li><a href="#tab-1">tab 1</a></li> <li><a href="#tab-2">tab 2</a></li></ul> </div> <div id="content"> <div id="tab-1">Content 1</div> <div id="tab-2">Content 2</div> </div> </body> The working solution I have is to create a second tab control inside the content div with display:none, and then I've hooked up the click handler on the header list
Datepicker below Dialog - Problem solved!!!!!
I solved the problem of Datepicker below dialog, as follows: 1. Add this to the stylesheet #ui-datepicker_div, .ui-datepicker { z-index: 1000; /* must be > than popup editor (950) */ } 2. Modify the attribute of the dialog zIndex to 1: $('#myDialog').dialog({ title: 'Datepicker on Dialog', zIndex: 1 }); Waiting will be helpful, I dismiss you
Tabs and style sheets
I found some info on the doc site about customizing tabs. I tried overriding some styles: .ui-tabs { background-color: #00FF00; } .ui-tabs-nav { background-color: #0000FF; } .ui-tabs-panel { background-color: #FF00FF; } Only the .ui-tabs rule took affect, and there is a band of white through the center when the content is long enough: http://register.rcsreg.com/regos-1.0/tab/splash.html Am I missing more customization documents somewhere? Do I get to do anything besides tweak a couple of colors?
Sortable with index displayed?
I'm attempting to display the current sort index associated with a sortable element by updating a div with the index # in the change event. My current implementation looks like this: $("#sourcelist").sortable() { change: function(e, ui) { el = e.target; idx = $(el).children().index(e.srcElement); el2 = $(e.srcElement).find(".index"); el2.text(idx); }} This will change the number, but the changes are very inconsistent and usually incorrect. I've also tried the same code in a few of the other events
Datepicker inside dialog box - troubles in IE7
I have a datepicker that's inside a modal dialog box, it works fine everywhere except IE7. Seems like the container for the datepicker doesn't expand in IE7 for some reason, making it possible to see through the datepicker (redmond theme, should have a white background between the numbers) to the content beneath. The title bar (where it shows the month and the left/right arrows) also isn't expanding, there's just a thin blue line. Anyone have a problem like this before? It could be related to the
Undocumented (?) change in 1.7 to Slider breaks my UI
Hi, In my slider's slide function I would update the position of a span to track the handle and update it's text with the slider's value via: $span.css('left', ui.handle.css('left')).text(Math.round (ui.value)); This is broke after upgrading to 1.7. The ui.handle still exists, but it's not a jQuery object, but a DOM object. I've read teh 1.6 to 1.7 upgrade doc, doesn't seem to cover this. thanks, Chuck
NEWS: This Week in jQuery UI vol. 7
See blog post: This Week in jQuery UI vol. 7 <a href="http://blog.jqueryui.com/2009/04/this-week-in-jquery-ui-vol-7/">http://blog.jqueryui.com/2009/04/this-week-in-jquery-ui-vol-7/</a> - Richard
dynamic tabs creation problem
Hi, I am working on the dynamic tabs creation, like yahoo mail (new version ) tabs . In which I need to create new tab, whenever I clicks on link the page should open in new tab (tab having close button). can you help me with this? Thanks Vijay
Datepicker setDate
Hi everyone, If found something strange about the way setDate behaves when passing a date object in parameter. I use the fonction like this var testDate = new Date(); alert(testDate); // Tue Apr 28 2009 10:24:26 GMT+0200 $('#myCalendar').datepicker('setDate', testDate); alert(testDate); // Tue Apr 28 2009 00:00:00 GMT+0200 Why does the setDate function modifies the testDate object? Is this normal? I didn't find anything about this subject on the website. Thanks a lot, Best, David
Problems with Dialog
Hello all, I have a problem I can't solve whith the use of the Dialog script coupled with some AJAX. I fill my webpage with an AJAX query, and for each elements I fill the page with, I have the following HTML code: <div class="comiteeIcons"> <a href="{ComiteeLine.URL_SHOW_MEMBERS}"><img src="../images/ users.gif" alt="Modifier les membres" title="Modifier les membres" /></ a> <img src="../images/delete.png" class="deleteIcon" alt="Supprimer : {ComiteeLine.COMITEE_NAME}" title="Supprimer :
ui.dialog: how to best control what happens after a dialog is closed?
hello ! I'm trying to use jquery ui library for the first time for a content administration interface. For the moment i'm using Tabs in ajax mode and the Dialog UIs. It works quite well: My screen is organized in 4 tabs. Each tab controls a specific part of the application, and sometimes forms. That's where it gets a bit messy for me: i display ajax call results in the Dialog box. But i'm facing this: i would like to refresh the current Tabs interface after the dialog is closed. What is the best
IE7 Bug/issue
I am doing some development with the jQuery UI for a project that is hosted internally within my company. I am testing the interface with FireFox, Safari, Opera, IE 8, and IE 7. The only browser my company uses is IE 7 thus far however. Where my issue stands, is that in every browser except IE7 and IE6 the file is properly laid out and spaced out. Even with different resolutions. But when I try to load in those two broswers, it's spacing is thrown off as well as the additional apperance of the content
nested sortable list with hierarchy
Hello, I'm trying to create an interface to allow a user to rearrange the pages of a website. This is a basically a bunch of nested <ul> elements as I need to allow users to create sub navigation within the navigation. I've used jQuery's sortables many times but not for a nested list like this. I can drag navigation up a level (eg. sub navigation to main navigation) but I want to be able to drop one <li> element onto another and it go into its sub navigation rather than just re-order the main navigation.
ui slider problem
Hallo, due to a jquery-upgrade i also hat do update my very old ui-slider version. My Problem ist, that i have the slider completely inside the container- div, what worked with the old version. Is there any chance do have this with the new version, too? With the Left: 100% the slider always is (right) outside the container. There's the possibility to add another div inside the original container with margin-right: <width-of-slider>, and use this as container. But then the right side is not klickable
Tablesorter 2.0
Hi, I'm hoping there is somebody here that can help me with a challenge I'm having with the tablesorter plugin from tablesorter.com. I am adding a row at intervals in the table with a rowspan of all columns (only one td) where the rest of the rows are normal (7 td elements each). The tablesorter plugin doesn't like that: "parsers[i] is undefined". (By the way the same error is given when trying to make an empty table a tablesorter). I'm looking for a way to disable sorting of certain rows. Perhaps
Something wrong between jquery and igoogle gadget
Hello, I'm trying to use google gadgets into an interface like igoogle built with jquery ui. Each time a box with igoogle gadget is moved, webpage is reload and display only the gadget. Ex : http://bnorrin.dlcube.com/nettuts/ There is no problem on ie6, ie8 and opera. Only on Firefox. How can I detect which event do that ? Any idea why the widget reload itself afer the move ? Thanks a lot ! Benoit
resize and slider css bug
.ui-resizable { position: relative;} .ui-resizable-handle {font-size: 0.1px;z-index: 99999; display: block;position:absolute;background: #F2F2F2; border: 1px solid #808080;height: 8px; width: 8px} .ui-resizable-disabled .ui-resizable-handle, .ui-resizable- autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; top: 0px; left: 45%; } .ui-resizable-s { cursor: s-resize; bottom: 0px; left: 45%; } .ui-resizable-e { cursor: e-resize; right: 0px;top: 45%} .ui-resizable-w {
Repositioning Datepicker
Alright, I see others have been having this similar issue, but I haven't been able to find a good solution yet. I'm using the datepicker and have several instances of it on a page. My problem is that when I dynamically add content above the existing datepicker fields (causing them to slide down) the datepicker calendar appears in the wrong position (where it was when the page originally loaded I assume). I've tried removing all the instances of the datepicker when I add the content, then readding
Next Page