Selective DatePicker
Is there a way to provide the DatePicker with a list of disabled days? Or is this beyond the scope of the project?
DatePicker
I'm trying to get a feel for the datepicker() UI widget but is feels a little clumsy and not how i'm used to jquery working. What I want to accomplish is to have the minDate of a datepicker be the value of another datepicker. So if I have dp1 and dp2 I would set dp1 to Feb 1 2009. When I activate dp2 it should show the minimum selectable date of Feb 1 2009. Is this possible?
date picker and non-valid links
hey folks my setup of datepicker doesnt seem to update the day drop-down according to the month selection (like when you choose February, it should disable 29, 30 and 31 (according to the year). can someone pls take a look and see if there is anything amiss? thanks! link: http://preview.tinyurl.com/6xgsvu
datepicker - wont close
hi there i managed to set up the datepicker with the 3 drop down selects on first selection of a date from the datepicker - it makes the change and then closes. but then if you re-open and make a selection - the datepicker doesnt close anymore - even if you click the close link. any ideas? thanks!
autocomplete - display all results
Greetings: Is there a way to configure the autocomplete control to display all results when the user presses the down button? Does this require configuration or custom code?. I know that I can add a keydown event to the textbox and look for the down button to be pressed, but am unsure how to proceed from there. Thanks.
[ui.tabs] Vertical, address-book style
Hi all, Greetings and best wishes for the year that starts. I would like to create vertical variant of the standard ui.tabs. In visual terms, I would like to "rotate the basic ui.tabs layout by 90 degrees, clockwise"; the tabs should be on the right, with a maximum width of 50-60px. Basically, I would like to re-create a standard, paper-based, address-book, with each tab having a letter (or a range of letters). I've tried a number of variations, but my CSS/jQuery skills obviously fall short of my
problem with sortable & select drop-downs in firefox
Hi, I'm seeing a problem using drop-down boxes within divs that are sortable; using the scroll-bar or attempting to select by first letter in these drop-downs doesn't work in Firefox (v3 - but works fine in IE and Opera). I've attached a test script that demonstrates the problem below, any clues how to fix or workaround would be appreciated. Thanks, Michael ----- <script src="jquery.js"></script> <script src="ui.core.js"></script> <script src="ui.sortable.js"></script> <script> $(document).ready(function()
Draggable
I cannot figure out how to use Draggable Can someone give me the full code of a simple program to demo it? I tried the code from http://ui.jquery.com/demos/draggable#default and placed it at /jquery.ui-1.5.3/demos/functional/, taking the / off the front of css and js, but it did not work They give little snippits of js and html but I dont know the wrapper around it, and their demos show everything
Resizable events
Hi, I have a three column layout with a liquid centre. I am able to make that centre column resizable, but is it possible to bind to some event so that as the centre column is resized, the two outer columns have their widths adjusted accordingly. If you've seen how Hotmail or Yahoo allows you to drag and dimension your inbox on the fly, that is the effect I want. I take it there is no Resizing event for elements, do I have any options? Regards, Chris
More Dynamic URL Madness....
I have read every post that I can find re: changing the URL prior to loading UI Tabs, all to no avail. Here is my problem... 1. Create a URL from text value of the tab and several dropdown values. For instance, if the text within a tabs /<span//> tag says "para1", then I use that as one of my parameters in my URL. According to my alert boxes, I have this part working.... 2. Alter the href of the currently selected tab to the URL created in Step 1 <u>prior</u> to loading the panel via AJAX.. This
Issue with dialog open function
I'm testing out the new 1.6rc4 release along with jQuery 1.3b2, and I've found what looks to be a regression with the new jQuery version. I'm creating a dialog with an open function declared: $ ("#dialog").dialog( { open: function() { doStuff(); } }).dialog ("open"), and my custom open function isn't being called. If I used 1.6rc4 with jQuery 1.2.6 it's working just fine. Thanks, Jason
ui dialog modal in IE
Is there some bug that ui modal dialog don't work in IE? Tme dialog is modal in ff,sf,op,chrome but not in IE. Why? code: $('#bt<%=fp_rs("cod_casa")%><%=fp_rs("id")%>').click(function() { $('#prereserva<%=fp_rs("cod_casa")%><%=fp_rs("id")%>').load('/frtfc/ env_dd_dial.asp', { nm_mes: '<%=fp_rs("nm_mes")%>', cod_casa: '<%=fp_rs("cod_casa")%>', inicio: '<%=fp_rs("inicio")%>', fim: '<%=fp_rs("fim")%>', id: '<%=fp_rs("id")%>' , n_semana : '<%=fp_rs("n_semana")%>' , preco:
Loading tabs
http://dev.buytough.com/tb_30.asp at the bottom of this page is a set of JQuery ajax tabs, Our Problem is that we would like to keep the focus down on the tab section when browsing through the varous tabs. the issue is when clicking on the next tab it moves you half way back up the page.
Accordian on Drupal menu list
Hi, I'm trying to use accordion with a Drupal book-menu list and it seems to fail with nested ULs. Out of the box the script opens sub- lists but then crashes after mousing off one of them. Are there limits on how lists can be built? This HTML is the default coming out of Drupal?! v1.6 Revision: $Id: jquery.accordion.js 4876 2008-03-08 11:49:04Z joern.zaefferer $ jQuery('#test ul').accordion({ active: false, // header: '.head', navigation: true, event: 'click', fillSpace: true,
Datepicker - to slow (IE7)
Hello, the datepicker is very slow (IE7). i must wait until 4 seconds with option "numberOfMonths: [1, 3]". could anybody help me? thx, paul
DatePicker - Prev and Next Links are Unreadable?
I'm encountering some anomalies with DatePicker, and a theme I created using Themeroller. Specifically, the Prev and Next links look garbled. An online demo is here: http://www.flavorzoom.com/datepicker_anomaly/datepicker_anomaly.html How can I correct this? Thanks in advance to all for any thoughts. -Vik
question about dialog
Hi all I found a problem about dialog. No matter how I set the width and height for the dialog, the dialog container size is right. But the size of ui-dialog-content is always like height:187px, width: 300px. My coding is as following: var dlg_u = $(<div id="dlg_u"></div>).dialog({ autoOpen: false, resizable: false, modal: true, open: function(){ dlg_u.data('title.dialog', cij.upd[cij.cur_table].title); dlg_u.data('width.dialog', cij.upd[cij.cur_table].width); dlg_u.data('height.dialog',
Datepicker style not being applied
Hi, I have just implemented a datepicker in one of my forms, and have included the CSS file that was generated by themeroller, but the style is not being applied to my datepicker. Having checked the CSS that is output by the themeroller it doesn't seem to have any of the .ui- datepicker styles in which could account for this. I have tried copying the styles from the jquery demos but to no avail. Does anyone have any ideas as to what may cause this problem?
TBody problem when draggable or sortable with IE
I found a strange issue when assign a draggable or sortable to a tbody element under IE7. The helper and placeholder cannot show up. This problem only found at IE7, the firefox is greate. Any body can help me? Here is the sample code: $("#testtable").sortable({ items: ".testtbody", revert: true, tree: true }); <table id="testtable"> <tbody id="testtbody_1" class="testtbody"> <tr> <td> aaaaaaaaaaaaaaaa </td> <td> ------ </td> <td> ------ </td> </tr> <tr> <td> bbbbbbbbbbbbbbbbbbb </td> <td> ------
Hover callback request for 1.6 datepicker
I'm really looking forward to the 1.6 release. I wonder if it's not too late to ask for a feature (I'm not sure if feature requests best belong here or on the wiki). A date hover callback for the datepicker would be very useful, allowing developers to present per-date context and thus allowing end users to select a date based on the contextualized information. This approach is in contrast to asking the user to select a date and then presenting information that may cause the user to select a different
Dialog - how to set button priority
I notice on the demo page that downloads with the themeroller, there is a priority class for the buttons. However, I did not see any documentation on how to set this in the option.buttons. Is this just there for future development or am I not looking in the right place for the documentation? thanks, Dave
JQuery
Iam using JQuery DatePicker Control What is differenece Between JQuery.js and UI.DatePicker.js files.. My Requirement is simply when click on Image calendar should display. Pls give response as soon as possible.
Problem with slide effect and radio buttons on IE7
Hi, When using the "slide" effect of ui.jquery to show a hidden layer containing radio buttons, the buttons are shown unchecked on IE7. Here is a sample code: <html> <head> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/ui.core.js"></script> <script type="text/javascript" src="js/effects.core.js"></script> <script type="text/javascript" src="js/effects.slide.js"></script> <script type="text/javascript"> $(function(){ $('#test').click(function(){
Scrollbar inside the Jquery popup
Hi I am working with jquery-1.2.6.min.js. Every thing works fine, like the popup is generated using Jquery and some data are fetched from database are filled into it. What i need is, i need a scrollbar inside the jquery pop up , in case the data fetched from database, exceeds the size of the popup which i set. Anybody have any idea regarding this Thanks in advance
Trouble with resizable handles with div set to overflow: auto;
Hi all, I have a fixed height div with overflow set to auto that I want my users to be able to resize. HTML: <div id="pieces> lots of stuff in here </div> CSS: #pieces { height: 300px; overflow: auto } And finally JS: $("#pieces").resizable( { grid: [0,23], minHeight: 300, handles: 's' } ); jQuery is properly adding a Southern handle, but when the user scrolls #pieces, the handle scrolls with it when I want it to stay at the bottom of the div (or below). I tried making a custom handle underneath
[ui accordion] Pics and Tables not in IE7
hello all can anyone help? tables and images are in the Accordion under IE7 does not display correctly! Here is my code ---------------------------------------------------------------------------------------------------------------------------------- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>accordion</title> <meta http-equiv="Content-type"
Newbie sortable event question
I ran into something odd today. It's only the second time I've tried to use sortable. I had built list items like this: <li><input type=hidden name=id[] value=1>Some Text</li> What was really weird was after dragging an item into a new position, it wasn't coming through in the $_POST array, using regular form post.Only items that were moved would disappear. Items that were not touched came through fine. I did something very similar last week and didn't have any problems with the fields disappearing.
Sortable issue
I've found a problem, I think. I have (had) a html layout something like this: <ul id=sortable> <li class=row> <div class=column1> <input /> </div> <div class=column2> <input /> </div> <div class=column3> <input /> </div> <div class=column4><img src=grabhere.gif></div> </li> <li class=row> <div class=column1> <input /> </div> <div class=column2> <input /> </div> <div class=column3> <input /> </div> <div class=column4><img src=grabhere.gif></div> </li> </ul> The column classes all float left. When
Dialog behavior in 1.6rc4
Hello, UIrc4 is looking great, very exciting. I am having difficulty with Dialog though. In a page I'm working on the Dialog window opens to just the Dialog title bar. When I re-size the Dialog window it "snaps" to the length specified in the settings. I have a minimal test case I put together which illustrates a variation of this behavior. In the minimal case the Dialog opens properly the first time. The second time its opened only the title- bar is displayed. Each successive open of the Dialog
Nyromodal and jquery datepicker
I have datepicker in a form which I display on overlay modal. When I click on datepicker icon, the calender is displayed behind the overlay instead of on top of overlay. I tried setting datepicker z-index to 10000 ( a very high value) but that did not help (see code below). How can i make datepicker show on top of overlay? $(document).ready(function(){ $("#id_due_date").datepicker({ showOn: "button", buttonImage: "/site_media/icons/calendar.png", buttonImageOnly: true }).css("z-index",10000); });
<select> options not selectable in Safari when container is resizable
If a <select> element is placed inside a resizable container, its <option>s become unselectable in Safari (tested on Safari 3.1, Windows and OSX). Here is a test page demonstrating the problem: <http://www.tapor.uvic.ca/~mholmes/RomanLaw/safari_bug.htm> I've posted it in the bugtracker (#3249), but if anyone has any suggestions for workarounds I'd be really glad. I'm SVN libraries from a couple of days ago.
Resize only in one direction
Hi, Not sure if I should be emailing this, or posting it, but the jquery UI website says "get help fast by e-mail", so.... Anyways. I was wondering if there was an easy way to make an object resizable in only one direction (ie. only width can be changed). I took a quick look around but I couldn't find anything, so any help would be awesome. Thanks
bug #3556
Bug #3556 was marked as fixed as per my comment. I was wrong apparently, the bug showed up again in 1.6rc4. Unfortunately I don't have permission to reopen. Posting this here so appropriate steps can be taken. Happy new year! 1.6rc4 is looking great!
UI 1.6rc4 Datepicker issues
Hi, I was trying some options with the UI 1.6rc4 release. I am not able to get some options in place. I am using jquery v1.2.6 with the UI v1.6rc4. Don't know whether they still exists or have been replaced: 1. The clearText option still exists but is no where used in the Datepicker source file. 2. I tried the nextText and prevText options but still unable to change the icons of the previous and next links. Here is a sample code $("#datepicker").datepicker({ showButtonPanel: true, clearText:
slider
Hello, I am trying to create a slider with me own background and handle in 1.6rc4. html: <div id='searchf_price_slider'></div> js: $("#searchf_price_slider").slider({ min:1, max:pmax, value:price, }); and I am using this css: #searchf_price_slider {position:relative; width:200px; height:20px; background-image:url(slider-bg.png); background-repeat:no-repeat; background-position:center center;} .ui-slider-handle {position:absolute; z-index:1; height:20px; width: 15px;
Sortable and stop bubble event
Hi, I hope someone can help me with this issue. I'm trying to let the user grab a item in a sortable div content in a draggable div. When I move the item also the content div moves. How to stop bubble event so the content div don't move? Thanks Mirko Here's the relevant code: $(function() { $(".Container").draggable(); $(".Droppable").sortable({ connectWith: ['ul'], receive: function(event, ui) {} }); }); ... <div class="demo"> <div class="Container"> <div class="ItemHeader">Header
new jquery.ui
hello all, I have two problems with the new jquery.ui firstly - datepicker in a dialog is behind the dialog. secondly - tables and images in an accordion in ie7 sometimes hidden. can someone help me?
Draggable question
Hi, im loading a couple of divs into a div container and im trying to make them all draggable at once. is this possible? if not how do i solve it? looping? $("#container").siblings().draggable({containment:'parent'}); <div id="container"> <div id="floatDiv"> some random text </div> <div id="floatDiv"> some random text </div> <div id="floatDiv"> some random text </div> </div> Thx for any help! Best Regards marthin
Progressbar
I can't seem to get the Progressbar working in 1.6rc4. I am just using: $("#progressbar").progressbar("start");
Widget API
Hi, I'm relatively new to jQuery (but not to javascript), and I'm trying to grok the widget API. I've gone through the source and followed a tutorial [1], but I have a few questions remaining. I'm following the 1.6rc4 release, so part of the issue for me might be that the documentation and tutorials are different than the current [evolving] best practices. Out of curiosity, what was the design rationale behind having widget methods callable via a string (e.g. "$.dialog('show')" as opposed to "$.dialog.show()")?
Next Page