autocomplete based off of two fields
I'm coding a sign up interface where the user enters their state and then their city. I've implemented autocomplete on the state field which is working properly. However, how do I include the contents of the state field with the call to autocomplete the city field? I have not seen a demo that describes this. Have I missed it? At one point, I'd seen "extraParams" used, but read a reference that its been deprecated. Is that true? If so, do I need to somehow add the the state value to the "URL.term"
Multiple spinner fields, only first one is shown as a spinner. What am I doing wrong ?
Dear all, I'm using jQuery UI for the very first time. I'm trying to build a form using PHP. I'm making a form with two spinner fields. All is working fine, except for the fact that the second spinner is not shown as a spinner but as a "normal" input field. Although in the code, the field has the same "id" as the first one. [code] <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css"; /> <script src="http://code.jquery.com/jquery-1.9.1.js"></script>; <script
opening jquery dialog
I am able to display jQuery dialog on click. I have added a div in c# code dynamically. I have opened a jquery dialog in the center of the div added using code. When I click on the link the popup is opened. When I scroll the page the popup is also getting moved with the scrolling of the page. What I want is that when the dialog is opened and I scroll the page the dialog should be in the centered of the parent div in which it is opened and it should not move from the parent. I don't want to set popup
jQueryUI Autocomplete - selecting an element, even if not hovered
Hello, I face a small issue with jQueryUI autocomplete. Elements become shown as desired, meaning I see the suggestions for what the Im currently typing. Now I would like to make it possible to react and user Input (using a onkeyup listener) and watching for a return - to select an element and activate that option. I was looking at http://api.jqueryui.com/autocomplete/ but there is some problem in the underlaying code: - In order for an element to be selected and activated, the mouse is forced to
forking themeroller sources
Hi, I'd like to fork the sources of the themeroller in order to use it into my own project, I downloaded the sources of jquery UI from github, but nowhere i found the sources of the (wondefull) themroller, where would I found it, please? and thanks a lot for your wonderfull work! :)
how to use 2 or more datepicker in 1 form?
<table> <tr> <td>Date of Bird: </td> <td><input type="text" id="datepicker1" name="datepicker1" readonly /></td> </tr> <tr> <td>Date of Join: </td> <td><input type="text" id="datepicker2" name="datepicker2" readonly/></td> </tr> </table> I have a form like this. I want to use datepicker in 2 input (or more). Please help me how to make it work? Thanks all.
Need multiple fied min sliders on one page
This is probably an easy thing to do, but I haven't been able to set up multiple 'Range with fixed minimum' sliders on one page. I'll need three all together. When I try to dupe the inline code and change accordingly, the slider disappears. I'm new to jQuery, so it's a bit over my head. Here is the slider I'm referring to - http://jqueryui.com/slider/#rangemin - I want to put 3 on a page, side by side. Also, is there a way to set up one of the sliders to show the months of the year (Jan - Dec), instead
jQuery UI dialog steals focus.
Hey. Need your help. I want remove standart close button of jQuery UI dialog, and bind event to another link. But also I wanna set confirmation (with different plugin) to my close button. When I did it, and show my confirm dialog, I can't change focus, when I click on the custom close link. Problem is: try close UI dialog with different link, and after click it, can't set focus to any element. Code example: jQuery(document).ready(function() { $('#file').dialog({ draggable: false, resizable: false,
jQuery Tabs problem
I am trying to get this to work: <div id="tabs"> <ul> <li><a href="Tool1">Tool One</a></li> <li><a href="Tool2">Tool Two</a></li> <li><a href="Tool3">Tool Three</a></li> </ul> </div>And in my document ready: $( "#tabs" ).tabs( { beforeLoad: function ( event, ui ) { ui.jqXHR.error( function () { ui.panel.html( "Couldn't load this tab." ); } ); } } );Tool1, Tool2
Autocomplete-Display suggested items starting with query character first instead of items which contains the query character
consider data source:{asp, java,pearl}; By default if user enters 'a' suggestions are shown in this order-java,pearl,asp. Instead I want the suggestions to be displayed in the following order: asp,java,pearl.
progressbar resize
When I resize window progressbar is resizing but returns error: JavaScript runtime error: no such method 'resize' for progressbar widget instance
toggle on dynamically referenced DIVs
Hello, I want to use a standard toggle function, as shown in the UI demo, but apply this to multiple elements on a page that have been given an ID dynamically in php. For example with a single toggle I would have a link with id "button" which when clicked will run the JQuery to toggle a div with id "toggle-div". This works fine. But through php I will have multiples of these, with unique IDs as I append the record id from the database to the end, and I want the JQuery to work for each set, e.g.
Move accordion custom icon from header to content when opened
Hello, I'm hoping someone can point me in the right direction for solving this problem. I am using an accordion and have some html in the header div (profile pic and some copy). I have positioned my (read more) icon in the lower right corner of the header div. When clicked the content div is revealed and my icon changes to a close icon. The problem is the close icon stays in the header div. I want to move the close icon to the bottom of the content div. I think what I want can be done using some
Two different behaviors with Draggable UI helper clone and non-clone
From my understanding the helper option with Draggable UI is only a display effect as described here. But when using it with tables it appears to be bugged. Example: http://jsfiddle.net/hmj83/ Can anyone explain this behavior or give a workaround/ fix? Thanks.
Manually focusing a Menu item
Hello fellow jQuery users :) I recently had the need to manually focus a given menu item, as my end users request the menu to highlight the menu item corresponding to the current screen. There are of course many ways to do that, but supposedly, the method focus seemed a good bet for this. Now this is where my knowledge of jQuery and JS in general failed me. I reproduced my troubles on this jsfiddle (EDIT : see below for amended link) Basically : - when trying to focus a terminal element on
draggable: change parent containment when using array
Hi, why is there no option to change containment parent for arrays? I have a specific case where I want to limit the movement inside the parent element. If you could change the implicit "window" parent to something else, it would help a lot. Currently I create a div with the desired width (height 0) and use this as a parent, but it looks dirty to me. I would prefer to set the boundaries directly.
jquery ui menu links are not working when user press enter key
Hi, I create a menu and try to make it working by using keyboard. I can use tab key to navigate through the menu from top level to submenu, but when I press enter key, the submenu disapeared and the link is not working (when I use mouse to click the link, it worked well). And I also create a UL list, and the links are working by pressing enter keycode. Thanks, Ying
Please provide some websites of the use jquery-ui ?
Please provide some websites of the use jquery-ui ,thanks!!!
We need some theme-ready alternate background-color styles
Hi Folks, I want to add my support for some alternate background-color styles to be supported by ThemeRoller. EXAMPLE: the (most excellent) jqGrid plugin is now mostly ThemeRoller- ready. One missing piece is ONE alternate-row shading style for the various ThemeRoller themes. http://www.trirand.com/blog/?p=231 Look at it this way: some day jQuery-UI WILL have a grid and, when it does, it will need this style because alternate-row styling is a basic and quasi-universal feature of grids. EXAMPLE: We
How to set the jquery ui accordion active header based on the header text?
How can i set the active accordion header by text contained in the header?.. I can get the active header text like this.. Getting all the header text: jQuery("#accordion h3").text();To get the active header text: var text = $("#accordion h3").eq(active).text(); Is there any way to make the accordion header set to active by the header text and not the index values?.. Thanks.
Want to set datetime picker to a 15 minute step.
Is this possible?
Is there any grid related to Jqiuery ui apart from jqgrid?
Is there any grid related to Jqiuery ui apart from jqgrid?
Cannot Select Radio Button (Boxes) When Inserted Dynamically
Hello, I am using jQuery UI and the Tabs. When I click on a tab I also am updating another div with a new title and some radio buttons, BUT when I do this, the radio buttons are no longer functioning. I had a fiddle to demonstrate: http://jsfiddle.net/nDFec/ When the page loads I insert the first lot of title information from a hidden div and when the second tab is pressed another piece of hidden div info loads. There is one radio button "selected" so it remains highlighted but I cannot get the
One issue of jQueryUI Dialog Header
Hi, Today I met one dialog issue. When you run below code, make the dialog smaller to see the scrollbar appeared and then click the 'click me' hyperlink in the dialog, you can find the dialog header be moved up a little. This is a very strange behavior and related with scrollbar. If no scrollbar exists, it works well. Both IE and Chrome have this problem. Would anyone give some comments about the strange behavior? <html> <head> <script type="text/javascript" src="jquery-1.8.3.js"></script> <link
reinitilialize Jquery UI tabs, when changing tab area contents
I am using TABS to show vehicle data for different models, ie, basically one tab for each model. The basic data set is loaded with the web page. jqueryUI is working fine with data initial load. Now, prior to jqueryUI, I was applying filters to the content of this area, to narrow the choice based upon certain vehicle specifications. This is done with a Ajax call that brings in the new data set. The problem is that it throws off the styles set by UI, as the quantities of tabs and their contents vary.
JQuery Modal Dialog close icon
Dear Sirs, I am trying to have Modal Dialog Box that does no have close icon. Any help is very much appreciated. Thank you
Make JQuery UI tabs look like buttons
I would like to have a tab-like interface (like this ones on this page: http://jqueryui.com/tabs/#default) Except that I would like the tabs to look more like buttons on this page: http://jqueryui.com/button/#radio Where each "tab" would basically be a button. Is there a way I can change the way the tabs look so they look more like the "radio" buttons on the second link? Or is there another approach you'd recommend to make the tabs look like buttons? Thanks!
Display Accordian as Vertical tabs
Is there an option to rotate the jQueryUI Accordion 90 degrees? ie: By default the accordion tabs display Horizontally (as rows) & expand up or down (vertically). I'd like to display the Accordion tabs vertically (as a set of columns). And expand them left or right (horizontally) to show the contents of 1 column at a time. Thus I can fit really wide information onto the screen & look at one subject area at a time. Similar to expanding column groups in Excel Is this possible? Thanks
Issue in demo page of autocomplete#combobox
Hello, There is a JS error on this page with Chrome 26.0.1410.43m on Windows. Page : http://jqueryui.com/autocomplete/#combobox Error : When click on "Show all item" arrow a JS error trigg : "Uncaught ReferenceError: input is not defined ". Append alltime. Regards, Cyril
How do I cascade jQuery modal dialogs during a data retrieval in my MVC4 site?
You can also follow my post here. Looking for a bit of jQuery elegance here. I have a simple "Please Wait" modal jQuery dialog I show during a retrieval of "master" data in a WebGrid on my main View. However, the data shown the user has a "Detail" link on each record that spawns another modal jQuery dialog containing a separate WebGrid with "detail" of the selected master record. When the user clicks the Detail link, I'd like to spawn that "Please Wait" modal dialog again while the postback runs
making on indeterminate progress bar?
There is a nice animated progress bar here in the demos:http://jqueryui.com/progressbar/#animated How do I get such a nice animated gif from themeroller? Where did that graphic come from? I want it so that I can make an indeterminate progressbar. The links about an indeterminate progressbar are all pretty stale. However, it is mentioned in the API "if the actual status cannot be calculated, an indeterminate progress bar or spinner animation is a better way to provide user feedback." What is the
Draggable - Sortable between Parent and iframe - absolute position offset
I'm dragging and dropping objects from a parent page into an iframe, everything works ok except that there is an offset on the iframe target where the object needs to be dropped. I'm guessing this is caused by the idvs that contain the draggable objects and the iframe being positioned absolute. I've prepared an example here: https://dl.dropbox.com/u/6312959/iframe/index.html Thanks in advance for your help.
JQuery UI Dialog
Dear Sirs, I have web page that displays many graphs. The user has to click a button to view the graph. My JQuery UI Code is shown below $(function() { $(".graph_1, .graph_2, .graph_3, .graph_4") .dialog({ autoOpen: false, height: 254, width: 420, show: "blind", hide: "explode", buttons: { Close: function() { $(this).dialog("close"); } } }); $(".view_graph_1").click(function() { $(".graph_1").dialog("open"); }); $(".view_graph_2").click(function()
Datepicker requiring page refresh to operate after first operation - what do I need to reset ?
I'm using Datepicker on an input field , eg: <input type='text' name='next_send' class='DateInputField' value='18-APR-2013' maxsize='15' size='15'> The DIV is (re)loaded by a jQuery load() call, ie: $("#results").load(g_cgi + "?action=SDIeditForm&NoticeID=" + l_NoticeID, function () { $('.DateInputField').datepicker({ dateFormat: 'dd-M-yy', minDate: '-1m', maxDate: '+2y' }); } ); The first time I go to the page, the Datepicker
Drag and Drop in Frameset.
Hi EveryOne. I have frameset and I need to drag a div from frame1 to frame2. Please suggest. The following is my sample code. ---------CODE----- Maint.html <frameset cols="40%,40%" frameborder="0" border="0" framespacing="0"> <frame id="frame1" width="350" height="700" src="page1.html" frameborder="0" style="z-index:100;"></frame> <frame id="frame2" width="350" height="700" src="page2.html" frameborder="0" style="z-index:-100;"></frame> </frameset> --------Page1.html-------- <script type="text/javascript">
I want to use Droppable interaction with Sorting.
I want to use Sorting Interation with Droppable Interaction. There is one requirement in which i want a set of images to be droppable into trash or reorder in a sequence. I am able to do so but only 50%, in reordering case if i drop an element then it appends to gallery. This is the main problem, its appending the droppable image. What i did is: in the droppable case twp li are there one is gallery and second one is trash, so becomes droppable by the line: accept("#trash li"), in this i added accept("#trash
Any way to create a range effect for the progress bar
Hello, Im looking to create a progress bar with ranges. Is there any way to specify, for instance, 10% - 30%, and 50%-75%? Where the bar would appear segmented. Thank You
A problem where page URL contains "?"
Hi all! I' m developing www.jettmesaj.com mobile site. I have a problem: where URL of page contains question mark, in the tab content area loads whole this page again by same URL without "?" and parameters after it. This happens after any tab button clicking too.
Accordion + bxslider
I'm trying to use the accordion effect within a portfolio but I'm having trouble getting it to work. What I'd like to happen, is that when you click on one of the images or links in a portfolio row, the accordion kicks in revealing a div with relevant information. I'm using bxslider to slide between content divs for that portfolio row. The same holds true for subsequent portfolio rows. Hope that makes sense. Below is some code to help illustrate. I'm pretty new to both jquery and javascript. Any
jQuery UI integration
Hi All, I'll put my hand up now and say I am a javascript n00b so I don't even know if my question is possible. The long and the short of it is that my client wants to have to enter a password whenever they open a file from a Telerik RadFileExplorer control (they are a little paranoid about security). Now I've managed to figure out how to do this using a mixture of page methods and javascript but the problem is the password dialog that is displayed is just a javascript prompt box and as such the
Next Page