Stack Exchange Network

Stack Exchange network consists of 174 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

Questions tagged [jquery-ui]

jQuery UI is the official jQuery user interface library. It provides interactions, widgets, effects, and theming for creating highly interactive web applications.

2
votes
1answer
608 views

Create multiple parametherized JQueryUI dialog boxes

In my application, I am using a lot of jQueryUI dialog boxes. In order to reduce the length of code, and because I am using often the very same parameterization, I was wondering about a way to ...
5
votes
2answers
393 views

Retirement Calculator

I created a program that determines how many years you have left before retiring, and in a year when you can retire. This is my code below: ...
2
votes
1answer
123 views

Option buttons in plugin Dialog

I used the jQuery UI plugin Dialog to ask a user for "name" and to show it in a subsequent dialog. Is there the better way to add a function to the option "buttons" to get the data and to go to a ...
1
vote
2answers
2k views

jQuery Accordion + Sub Accordion + Search Filter

I have a top level category accordion + accordions within those and a search that auto-opens the 2 levels when results are found. Since you can't open multiple at once there is a Next button that ...
1
vote
0answers
58 views

Populating a container with dynamic pairs of connected sortable lists

I am working on an application which is used to assign work to Operators based on the Category of the work. Each Operator has several Categories of work they are qualified to work on. They have a ...
4
votes
1answer
5k views

Dynamically change data in Chart.js charts with jQuery slider

I created this little JavaScript application which gets data from a post request and uses this data to show a line chart with the total income over a year and a bar chart for the daily income. The ...
4
votes
2answers
756 views

Autocomplete selector country/region/city for ex-USSR countries

I wrote a selector for several countries. This selector allows the user to choose a country, then a region and then a city. After the user chooses a city, it displays the selected object's country ...
-1
votes
0answers
40 views

Final popup on leaving site

I have a site with a popup questionnaire (jquery dialog ) asking users for feedback. It has 2 buttons on the initial 'page' (it scrolls through a couple of divs) 'okay' and 'cancel'. So far (...
3
votes
2answers
110 views

Toggle the visibility of sections of a form

This code I written by myself. Here I have 3 main part. When I click on any main part then it sub part will appear. Sub part contain some check boxes. Here I have the following main functionality ...
7
votes
1answer
1k views

Make To and From date range picker using jQuery UI

I implemented date range picker logic using the jQUery UI datepicker component: ...
3
votes
0answers
47 views

Reusable, manipulatable plots

I'm interested in mimicking a simple version of Mathematica's Manipulate function in javascript. This is my first project in javascript, but I was hoping to make a library that I can use to quickly ...
2
votes
1answer
166 views

Populate a table from a database using JavaScript from a jQuery UI Dialog Box

I'm returning to Web Development after a number of years working in other areas. The below image shows what what I have so far looks like. I'm not 100% satisfied with the styling yet, but that's a ...
1
vote
0answers
160 views

jQuery UI Accessible Dialog

I coded a jQuery UI dialog box and want to make sure I'm using the aria accessible attributes properly. ...
1
vote
0answers
393 views

JavaScript Wikipedia search using jQuery autocomplete

The goal is to query the Wikipedia API with a search, and present the user the autocomplete options based on an API call that shows possible Wikipedia pages when entering the search using the jQuery ...
3
votes
0answers
112 views

Javascript menu with dropDown and Slide effects

Over the last couple of weeks we build a huge Javascript menu. And we might think the whole code is a little bit too much. We are not pros, but came to a quit acceptable solution. (yeah it´s German, ...
1
vote
0answers
614 views

An HTML Combobox with Autocomplete using jQueryUI and require.js

Hope this is the right place. I've never developed on a team so never had any feedback on my code and I'd like to know what others think. I'm using this in a current project and it is working really ...
0
votes
1answer
1k views

Display tabular data with jQuery Datatables plugin

I have this list of results which I display with the jQuery Datatables plugin. This is the Result class and list of results being returned in the JSON format: <...
4
votes
1answer
129 views

Toggle functions for drop down for a clock time widget

I'm fairly new to JQuery/JavaScript and I'm trying to refactor the following code: ...
4
votes
1answer
102 views

Drills: A JavaScript web application that creates customizable workout routines and reads commands aloud while keeping track of time

Here's the JSFiddle, the GitHub repo, and here it is out in the wild. Note: the application uses Chrome's Speech Synthesis API and only works on Chrome or Safari for iOS7 (oddly enough). It was my ...
1
vote
1answer
443 views

jQuery resizable plugin

Is there any way I can simplify this re-sizable solution? It seems too difficult and messy to me. Working example ...
6
votes
1answer
1k views

Don't search for minors, it isn't allowed

I have a search form that doesn't require much in terms of input parameters, but the Date Of Birth is import for this particular search. I have been working on creating a way that the form can be ...
3
votes
2answers
331 views

JavaScript form validation

Is this a "good" method of form validation? ...
2
votes
1answer
2k views

Autocomplete search or instant search script for shopify

I have developed a simple autocomplete module for search box in ecommerce website (http://www.cjcharles.com/) built over shopify. Now, as the CMS is commercial, I was forced to use its given API's ...
7
votes
1answer
461 views

jQuery dialog for help popup

I used jQuery-UI and jQuery to create a dialog popup for help snippets on search form inputs. HTML (Calling Page) ...
3
votes
1answer
160 views

jQuery plugin - image slider

This is my first jQuery plugin (used the jQuery ui widget factory). All code improvements are welcome. GitHub The plugin creates a gallery with one big picture and a given amount of clickable ...
1
vote
1answer
1k views

Meteor jquery-ui slider integration

I'm struggling to integrate a jquery-ui slider widget into my Meteor app. The idea is to have a slider value in a Mongo collection and the slider needs to be reactive (automatically synced between ...
4
votes
1answer
2k views

Empty an array on focusout - jQuery UI Autocomplete

Is it good to empty an array on focusout? ...
2
votes
0answers
1k views

jQuery UI tabs: navigation thru tabs using active options

I am using jQuery UI Tabs for a web application and I would like to navigate thru different tabs with these four buttons: next-tab: takes you to the next tab ...
1
vote
0answers
114 views

Web Audio Oscillator Waveform

I'm currently working with Web Audio for creating a simple synth like project in the browser and implementing controls for the Oscillators via jQuery/jQueryUI: ...
2
votes
1answer
337 views

Summing 3 jQuery modal dialog functions

I am getting better with jquery day by day, but there are still things I don't know how to sum up several functions to reduce some code. So I am using three jquery modal dialog popups and I have ...
3
votes
1answer
1k views

jQuery slider in a Python/Django SessionWizardView

I have created a Data Verification page in a Django SessionWizardView where a user has to confirm an earlier submitted rating of an image using a jQuery UI Slider (-...
18
votes
2answers
2k views

Custom JavaScript validation using the factory / module patterns

I am in the process of diving a bit deeper into JavaScript development and am looking at some common language patterns (module, and factory in particular). In this code, my aim is to create a re-...
2
votes
1answer
13k views

Toggle-item inside a Bootstrap dropdown-menu

I have this working code for a toggle-item inside a Bootstrap dropdown-menu. See demo here. I suspect that it should be possible to improve it : in order to have a shorter code and avoid all the <...
1
vote
1answer
2k views

jQuery Widget - Progress Tracker

This is a follow up on JS Progress Bar Widget I've rewritten it as a jQuery Widget Factory widget, attempting to follow that standard as much possible and fixing the various problems pointed out in ...
1
vote
1answer
116 views

jQuery Dialog Settings

The goal of the code is to initialize a Dialog with settings make sure the object is reusable Setup the options to reuse the code I'm not quite sure if this is overkill, or I am going about this ...
6
votes
1answer
903 views

Dialog multiple instantiations

I have a site where there are lots of "jobs" that a user creates. The user has the option to Close any given job. I want a pop up warning dialog whenever the user clicks the Close button, and verify ...
1
vote
0answers
365 views

Bind and unbind clickoutside event

I have a jQuery dialog that is opened when the content of a div is clicked. When the dialog is opened, I am binding a jQuery outside event so when the user clicks anywhere outside of the dialog the ...
2
votes
1answer
1k views

Multiple jQuery statements in one function

I've been working with jQuery for a few days now and starting to get the hang of it (it does the thing that I want to do). I've made an accordion, and the header of each accordion item has an arrow ...
4
votes
1answer
27k views

Movie tickets booking system (Frontend only)

I developed this tickets booking system recently to showcase HTML5 features. I would like you to review it from the UI/UX perspective. Also if there is something more that I can add. Is it good ...
3
votes
1answer
7k views

Updating a jquery progressbar via button clicks

I'm trying to get my progress bar animated. I'd like it to smoothly transition in between the starting and destination values, but only be initiated by clicking the continue button. The code I ...
8
votes
1answer
10k views

jQuery stopwatch

Here is the link to the jsFiddle and below is the code: JS: ...
11
votes
2answers
263 views

Namespacing jQuery/jQueryUi into markup that I don't control

I have a project that I've been trying to get just right for the past three months and it's still not quite there yet. I'm injecting some jQuery and jQueryUI code into pages that I have no control ...
4
votes
1answer
3k views

Price Slider using jQuery UI working in Java environment to be optimised

I am working on a price slider that is for a Java environment. It is working correctly but I would like to optimise it as much as possible. Any tips/advice? ...
2
votes
1answer
664 views

Resizeable HTML

I am generating a content bar with jQuery, that can be inserted into any webpage. It is a <ul> with two smaller lists within it. Those two minor lists have a ...
3
votes
2answers
100 views

Do I need to trim this jQuery code?

I had three multi-select boxes from this page. I want to customize each box so I simply repeat the code three times with different options: Check the fiddle ...
7
votes
1answer
160 views

DRY multiple if statements used to show/hide elements based on slider value

I'm showing and hiding 4 svg paths based on the value of a slider, all is working as expected, but it still feels a little cumbersome. Does anyone know a way to "DRY" it out a little more? jsFiddle <...
3
votes
1answer
128 views

Animating based on screen width

Depending on the width of the screen the JavaScript animates a node and then loops another animation. I'm trying to understand DRY but my JavaScript skills aren't quite up to scratch to get this code ...
4
votes
2answers
709 views

Delay and queue animation in a function - how can I optimise this by removing duplicate code?

I have this script that moves a box around the screen and the loops the second part of the movement. I have altered the code to drop another three boxes (4 in total) into the animation so the boxes ...
2
votes
2answers
244 views

Is this JS Widget written correctly and production-ready?

I created a JS widget library for distribution purpose on external websites and would like your thoughts on it. What widget does: It adds an always visible text on the screen. When user clicks on ...
2
votes
1answer
203 views

Web Audio Constructors and jQuery

I'm trying to figure out a way to have cleaner, efficient code for a web audio project i've been working on. the code I have right now is this: ...