Datepicker, select only month and year??
Hello, I'm using datepicker to select dates. In some cases, I only need that the user selects the month and year without the day. I want to show only the header of datepicker with month and year selects. How can I hide the calendar table of datepicker?
dialog modal form and mysql
hello i use the dialog modal form script for my website and i want to post the form's data to a mysql here ,the link of dialog modal form http://jqueryui.com/demos/dialog/#modal-form i want to post the data displaying on the table (<table></table>) into my mysql database sorry for my bad english thanks in advance for reading me
Autocomplete and Master page issue
Hi, I have UI autocomplete assigned to a text box using a master page. When autocomplete shows, and I tried to scroll the page, the listbox item/element also scrolls within the page. Is there a way to make the autocomplete listbox element fixed to its designated textbox control? It seems the autocomplete listbox is floating (in a way). I tried it without the master page, and it works.
Can one select box's value change another select boxs value?
I have 2 select boxes, "#Country" and "#StateAbbreviation" if a user selects a country other than USA - .val="USA" in the #Country select box, I need to change the value in "#StateAbbreviation" to OTHER/INTL. - val="IT" Why doesn't this work? $("#Country").change(function() { if($(this).val() != 'USA') { $("#StateAbbreviation").val() == 'IT'; } }); Kane Leins
check-in and check-out with ui picker?
Hi, I started using ui picker, but I would like to use 2 of them for recive a check-in and check-out date... the problem is that the second calendar has to have all the dates before the selected date in the calendar 1 blocked, and I just cannot do it!!!! I am using something like this <script> $(document).ready(function() { $("#datepicker").datepicker({minDate: 0, maxDate: '+1Y+6M'}); $("#datepicker2").datepicker(); $("#datepicker2").focus(function(){
Two problems with Resizable
If my element has position: fixed, it will turn into position: absolute when I start resizing. If my element has right: n pixels, it will turn into left: n pixels when I start resizing. Both are problematic, at least for me...
About AutoComplete Suggestions
Hello everyone, I would like to learn how to make this feature : Let's say that we have an input with id="myList" we transform into an autocomplete select box. $(function() { var availableTags = [ "c++", "java", "php", "javascript" ]; $("#myList").autocomplete( { source : availableTags, }); }); I would like that the 1st value in the suggest list to be focused automatically but above all I would like
autocomplete
can i force this plugin to only return letter-by-letter returns, meaning, when i type "v", all words are being returned containing that letter, but i would like to only receive returns of words that start with v.
ui-resizable resizing from top-left
I invested a day on writing a crop editor based on ui-resizable/ui-draggable. Works very well but I am slightly irritated with the resize behaviour of my selection frame. I placed little squares all around my selection area (specifying handles for ui-resizable) but whilst all handles are functional, the actions of the handles on the left hand side and the top are totally counter-intuitive. The approach that ui-resizable appears to take is one of freezing [top,left] and resizing the object by moving
button release autside
Hi, Their is a problem with the "button" jQuery-UI widget, when I click on a button and release outside, it stay on "over" state. jQuery v1.4.1 jQuery-UI v1.8rc1
variable with multiple values
This is a stupid question, nonetheless I need some help. I need a validation rule to return false if the value of the variable IS NOT either USA, CAN or MEX this doesn't work USA||CAN||MEX $.validator.addMethod( "ReutersNA", function(value, element){ var selectedCountry = $("#Country").val(); if($("#IQBAS,#IQPRE").is(":checked") && (selectedCountry!="USA||CAN||MEX")) { return false; } else return true; }, "Cannot select
Trouble with .droppable in a table
I'm attempting to adapt the code in the photo manager droppable demo to my app. The photo manager demo allows movement between two <div> objects, each containing a <ul>. In my app, I want to drag out of a <td> and into a <div>, and that works fine. I adapted the photo manager demo code by placing a single <li> in a <ul> which is contained in a <td>. However, I can't seem to get the <ul> in the <td> to accept a draggable. For instance, the <table> looks like this: <table id="photos" ... class="photo
Datepicker does not read the input
Hi, My datepicker is showing up. But when submit is done, it does not read any value from input field. I am using JSP and struts. Any help please [code] ..... <SCRIPT type=text/javascript> $(function() { $("#datepicker").datepicker(); }); </SCRIPT> <P>Date: <INPUT TYPE="TEXT" property="holidayDate" id="datepicker" /></P> .... [/code]
Can I stop users typing directly into the text box when using the calander ?
Hi, I am using the calander in the UI and users seem to be able to type invalid dates into the textbox. I want to force users to use the calander to pick their date, is this possible? thanks in advance.
Sortable loading
I've got a sortable and need to know how to delay the loading of the positions. Here is the code: $(document).ready(function(){ $("#sortable").sortable(); $("#sortable").disableSelection(); $.ajax({ type: "GET", url : "userFileFormat.php", data: "action=get", success: function(res) { var sortable_ = $("#sortable"); var dragstr = res; if (dragstr == '') return; $.each(dragstr.split(','),function(i,id)
dialog keeps positioning to top left
Hi, I am using jquery-ui 1.8.2 and for some reason my dialog keeps going to the top left instead of the center of the page as is the default. Even when I set the position to say [100,100] it still just ignores the position and puts it on top left! Any ideas? I've used this on other projects and its been fine. I can't seem to work out whats different here. Thanks Ziad p.s. I know I should probably put some more info here but I'm not really sure what to put.
Chrome w/ frames and smoothness/jquery-ui-1.8.2.custom.css
Hi there, (I'm not sure this is the right place. I tried my best... please forward to whereever is more appropiate. Thanks.) we've come across a very weird issue with the latest jQuery UI and current Chrome browser. In line 66 of themes/smoothness/jquery-ui-1.8.2.custom.css there is the following CSS: .ui-widget :active { outline: none; } Which, suprisingly, breaks frame dragging, that is, we've got a page with a frameset (single top frame, two at the bottom) and now the lower frames cannot be resized
how open a dialog with the content from http response
Hi, When I click on a link, I post a request to the server and I get a response sent to ""myProfile.jsp". I want to open a dialog with the content of "myProfile.jsp" in it, just as I would open "myProfile.jsp" in a new window. I tried the code below and it does not work. I tried different combinations, but I either get an ampty dialog or I get the page content of "myProfile.jsp" inside the parent page where <div id="fragment-3"> is. Here is the code from my jsp ==================== <a title="Profile"
Need some help with choice
Being new to UI and swamped by the choices online I would like to base my decision on a JS solution which gracefully degrades. My example is the UI accordion, which generates most of the css and seems to fall apart when you switch JS off. I am certain there is a solid fallback, but I haven't been able to find this on the forums nor external online. Would like some community input. Thanks!
Datepicker in loop
Hi, I am displaying the entries from the database on my JSP page. As many there are entries, using <logic:iterate> I am showing the values. My problem is, only the first datepicker is shown. None of the remaining are shown when clicked on text area. [code] <logic:notEmpty name="specialResult" scope="request"> <logic:iterate name="specialResult" id="specialResult" indexId="index"> <tr> <input type="checkbox" name="upisActive" property="upisActive" value="<bean:write name="specialResult"
How can I handle fading the background for modal dialog?
At http://jqueryui.com/demos/dialog/#modal-form, there is a sample modal dialog; when you click on "Create new user", it displays a modal dialog and fades everything but the dialog. On my work based on that, I've specified "modal: true," and the modal dialog appears and disappears appropriately, but nothing else is greyed out; the rest of the screen looks as it looked before. Do I need to apply additional CSS or serve up an image? A brief look at the sample source code didn't make it clear what I
Conflict in jQuery libraries
I have the following, but something is interfering with each other. Any ideas. I am trying to do three things: tabs, datepicker and tool tips. Thanks, Jeff <!--- jQuery StyleSheets ---> <link type="text/css" href="../../jquery/jquery.ui.accordion.css" rel="stylesheet" /> <link type="text/css" href="../../jquery/jquery.ui.autocomplete.css" rel="stylesheet" /> <link type="text/css" href="../../jquery/jquery.ui.button.css" rel="stylesheet" /> <link type="text/css" href="../../jquery/jquery.ui.core.css"
jquery gallery slider modifications
1)how can i resize the scroll bar below depending upon the number of images i have? 2) whenever an image is clicked how can i get the scrollbar to position itself below that image? have tried too many things with no luck, looking for some pointers here.... all code below http://www.odisetti.com/public/projects/slider/carousel-o/slider.htm
Rotating Tabs - (Problem x 2)
I have a set of continuously rotating tabs which I would like to stop rotating after it has made its way through one complete cycle. I have seen code which is supposed to work, but does not with the version of the UI I am currently using (1.5.3)... When I tried to update the UI version to the latest, my tabs no longer worked (they displayed the same but did not rotate and were not selectable. Any ideas? Thanks in advance.
ToggleClass isn't working
Hi All I am trying to get output to show mouseover functionality to change color. But when I remove cursor from DIV element, color isn't changing. Not sure whats wrong I am doing. I have copied complete code below. Please help me out. <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title></title> <script type="text/javascript" src="script/jquery-1.3.2.js"></script> <style type="text/css"> .normallight { background-color:Red;} .highlight
Functional testing autocomplete widget with Watin / Watir
I'm trying to write a functional test using watin to test the autocomplete field in an application I am working on. So far, I can enter some characters, and the autocomplete menu pops up. What I am having trouble with is selecting an autocomplete menu item. What html event / events need to occur on which page element in order to select an item? I've tried having my watin test click on the autocomplete item link but that doesn't seem to work. For example: browser.Link(Find.ByText("some menu item")).Click();
Trying to work with datepicker
I have created a date picker on a website im working on, and got it working so that the first date is todays date, and the 2nd date is 7 days in advance. I'm pretty much a newbie to jQuery etc, so really a bit clueless about this. I want the 2nd textbox to always go 7 days in advance when the 1st box's date is changed, but at the moment not sure how to go about it. Anyoe have any ideas? http://dev5.airlinkgroup.com/Default.aspx
Autocomplete with PHP? Can't figure this out
Okay here's the deal, I'm trying to get autocomplete to work on a form, and its pulling from an PHP file on my server. Just to make this open, the file in question is http://textbookly.com/jQuerytest/code/ajax.php?term=test where test is where the query is. Its output is text, and I think the format is acceptable. <script type="text/javascript"> $(function() { function log(message) { $("<div/>").text(message).prependTo("#log"); $("#log").attr("scrollTop", 0); } $("#birds").autocomplete({ source:
Ajax and dragging
I'm loading a div via ajax and I'm trying to make it draggable, but it is not working. $(document).ready(function(){ $(".classname").draggable(); $("#divid").draggable(); }); [This loads via ajax] <div id="divid" class="classname">Inner</div> [end ajax load] I've tried making the class draggable and the object draggable based off its ID, but because it is loading after the initial document loads, it seems to not be working. Is there an easy way to make
Select tab does not work after add tab is called in Jquery.UI 1.8.2
I believe the folowing code should add a tab to a Jquery tabPane the same way normal browsers do this. var i = 1; $("#add").click(function(){ var index = $("#tabs").tabs('option', 'selected'); $("#tabs").tabs('add','#test'+i, "ADDED ME", index); i+=1; console.log("set index"); $("#tabs").tabs('select', index); console.log("index has been set");
Getting buttons to reset and dialogs to continue on to regular action
I have 2 questions: 1. I'm using the button widget to launch a dialog. if i cancel out of the dialog the button stays in its hovered state. i've tried putting the .button("refresh") just about everywhere and nothing seems to reset the button state. 2. i am using the dialog to offer a warning before clearing some options from a database (via submitting a form). i have the button widget on a <button type="submit"> within a form, so sans jquery that submits the form. cancel closes the dialog as
Help with datepicker
What's wrong with 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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <link type="text/css" href="css/flick/jquery-ui-1.8.custom.css" rel="Stylesheet" /> <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="js/jquery-ui-1.8.custom.min.js"></script>
Multiple slider with max limit question
I would like to run 3 UI sliders at the same time. The user must move the 3 slider to get 3 values. The sum of these values must always be equal to a fixed number (ie, 100). that means as you change one slider, it must trigger the other two to change so that the total is equal to the fixed number (100) can someone help me?
Dragging a button
Hi all, Is it possible to drag a button from one place to another. Let me make it more clear. We have a palette which has all widgets and a working area. Buttons will be available in the palette. I need to place the buttons from the palette to the working area and i should be able to move the objects anywhere in the working area. I have another doubt. when i place the button in the working area, based on some condition can i draw some lines between buttons? Please suggest !! Thanks
Fade effect with dialog
When I use the dialog and I want to use fade as a effect I get a empty overlay, because I use the dialog as a modal window. It seems like this effect is missing somehow but it is used in the effects examples of the documentation on the website. If I look at the changelog, the fade effect should be part of 1.8. However in the development bundle of jQueryUI of 1.8.2, which is in the package if you custom select items for download, there is no fade effect.But when you click on the homepage of jQueryUI
Tabs: height of tab header stretching to "float:right' elements in page?
Hi, I have a fairly standard 2 column page with one "menu" column being 'float'ed to the right. Seems the height of the jQuery-UI tab header is being stretched to the bottom of my right floated menu column rather than the bottom of the tab headers. Is this a known issue? Any ideas how to fix this? jquery-1.4.2 jquery-ui-1.8 (smoothness) Firefox 3.6 Thanks in advance, Ian
Remove dotted border from selected tabs
I downloaded the darkness theme and loaded the index page in FF. When I select a tab, I notice that there is a border around the tab that is dotted and rectangular. While IE does not support the moz-rounded corners, it at least does not show this pesky border. How do I get rid of this in FF? I have attached an image showing the border around the tab.
DatePicker Doesn't Position Correctly
I have two datepickers on a window which don't position as they should. The window is a popup dialog, and all its content is visible, i.e., there are no scrollbars. The textboxes associated with the datepickers are near the bottom. The datepickers should appear above the textboxes, but instead they show beneath them and go beyond the bottom border of the window, so that they are partly unreachable. On other windows in the project they behave as they should. I'm using jQuery 1.4.2 and UI 1.8.2.
jQuery Datepicker Issue in IE8
hi, I was using jQuery 1.4.2 and jQuery UI 1.8.2 in the projects, everything was perfect until.......... There is a 64 bit windows server running IE8, all the jQuery datepickers on that server are not working. The issue is the calendar can be triggered, and users can see the calendar but they can not select any date or change month, change year. It seems that all the events on that div is somehow not triggered. Similar situation was happnening on the dynamic generated dom elements, but those events
Resizable, sortable, and selector...
Hi all. I am new to JQuery, tho have years of PHP/Javascript experience. I've been meaning to have a play with JQuery and UI for a while now, and eventually have a chance to do it! Anyways, I want to build a dynamic table using divs, and then save this. I want the end user to be able to add divs, and resize them... JQuery UI should allow me to do this... Now I have the following code: function initialiseJQuery() { $("#blockTemplate").draggable({ helper: 'clone', opacity: 0.7
Next Page