Stack Overflow
Stack Overflow

Questions tagged [jquery-ui]

jQuery UI is a curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library.

jQuery UI is a jQuery library that provides abstractions for low-level interaction and animation, advanced effects and high-level, theme-able widgets, built on top of the JavaScript Library. You can use it to build highly interactive web applications.

Latest stable version:

Resources:

Best Practices and Commonly Made Mistakes:

  • Remember to include the jQuery file reference before the jQuery-UI file.

Stack Snippet Starter Pack

<link href="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.css" rel="stylesheet"/>

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.js"></script>

Related Tags

39788 questions
134
votes
20 answers

Long Press in JavaScript?

Is it possible to implement "long press" in JavaScript (or jQuery)? How? (source: androinica.com) HTML Long press JavaScript $("a").mouseup(function(){ // Clear timeout return false; }).mousedown(function(){ // Set…
Randy Mayer
  • 8,455
  • 8
  • 25
  • 11
133
votes
14 answers

jQuery datepicker set selected date, on the fly

How can I change the selected date of jquery Date picker dynamically on the fly? I have say created a inline date picker. Then after some time, I want to reflect a different date there without recreating the datepicker from the scratch. I tried the…
Sabya
  • 11,534
  • 17
  • 67
  • 94
133
votes
6 answers

jQuery UI Sortable, then write order into a database

I want to use the jQuery UI sortable function to allow users to set an order and then on change, write it to the database and update it. Can someone write an example on how this would be done?
Harry
  • 3,301
  • 7
  • 27
  • 33
131
votes
23 answers

Submit jQuery UI dialog on

I have a jQuery UI dialog box with a form. I would like to simulate a click on one of the dialog's buttons so you don't have to use the mouse or tab over to it. In other words, I want it to act like a regular GUI dialog box where simulates hitting…
CMB
  • 4,085
  • 6
  • 26
  • 19
129
votes
2 answers

How to disable manual input for JQuery UI Datepicker field?

I decided to use the JQuery UI Datepicker script for picking dates. Below is part of my code, and the way I integrated it into my PHP page:
BeeDog
  • 1,835
  • 5
  • 17
  • 20
128
votes
12 answers

How do I localize the jQuery UI Datepicker?

I really need a localized dropdown calendar. An English calendar doesn't exactly communicate excellence on a Norwegian website ;-) I have experimented with the jQuery DatePicker, their website says it can be localized, however that doesn't seem to…
Thomas Eyde
  • 3,820
  • 2
  • 25
  • 32
127
votes
13 answers

putting datepicker() on dynamically created elements - JQuery/JQueryUI

I have dynamically created textboxes, and I want each of them to be able to display a calendar on click. The code I am using is: $(".datepicker_recurring_start" ).datepicker(); Which will only work on the first textbox, even though all my textboxes…
steeped
  • 2,613
  • 5
  • 27
  • 43
126
votes
5 answers

Javascript Drag and drop for touch devices

I am looking for a drag & DROP plugin that works on touch devices. I would like similar functionality to the jQuery UI plugin which allows "droppable" elements. The jqtouch plugin supports dragging, but no dropping. Here is drag & drop that only…
joe
  • 16,988
  • 36
  • 94
  • 131
126
votes
5 answers

jquery-ui sortable | How to get it work on iPad/touchdevices?

How do I get the jQuery-UI sortable feature working on iPad and other touch devices? http://jqueryui.com/demos/sortable/ I tried to using event.preventDefault();, event.cancelBubble=true;, and event.stopPropagation(); with the touchmove and the…
eventhorizon
  • 3,579
  • 3
  • 17
  • 9
125
votes
8 answers

Javascript Array Concat not working. Why?

So I've created this jqueryui widget. Its creates a div that I can stream errors into. The widget code looks like this: $.widget('ui.miniErrorLog', { logStart: "
    ", // these next 4 elements are actually a bunch more complicated. logEnd: …
Rafael Baptista
  • 11,181
  • 5
  • 39
  • 59
122
votes
24 answers

How to change the pop-up position of the jQuery DatePicker control

Any idea how to get the DatePicker to appear at the end of the associated text box instead of directly below it? What tends to happen is that the text box is towards the bottom of the page and the DatePicker shifts up to account for it and totally…
gfrizzle
  • 12,419
  • 19
  • 78
  • 104
122
votes
21 answers

jQuery UI - Close Dialog When Clicked Outside

I have a jQuery UI Dialog that gets displayed when specific elements are clicked. I would like to close the dialog if a click occurs anywhere other than on those triggering elements or the dialog itself. Here's the code for opening the…
Sonny
  • 8,204
  • 7
  • 63
  • 134
120
votes
13 answers

Is it possible to save HTML page as PDF using JavaScript or jquery?

Is it possible to save HTML page as PDF using JavaScript or jquery? In Detail: I generated one HTML Page which contains a table . It has one button 'save as PDF'. If user clicks that button then that HTML page has to convert as PDF file. Is it…
ram
  • 1,209
  • 2
  • 9
  • 3
120
votes
5 answers

How to get jQuery dropdown value onchange event

I have added two jQuery UI Dropdown Autocomplete script. Now I want get both value onchange of second dropdown and want to store separately in variable. How it is possible? Any ideas or suggestions? Thanks. My Fiddle: Sample My JS Code: (function($)…
Rajnikanth
  • 2,745
  • 6
  • 31
  • 46
118
votes
21 answers

jQuery UI dialog positioning

I am trying to use the jQuery dialog UI library in order to position a dialog next to some text when it is hovered over. The jQuery dialog takes a position parameter which is measured from the top left corner of the current viewport (in other…
Wickethewok
  • 6,534
  • 11
  • 42
  • 40
1 2 3
…
99 100