Skip to main content
Code Review

Questions tagged [jquery-ui]

Ask Question

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

73 questions
Newest Active Bountied Unanswered
Filter by
Sorted by
Tagged with
0 votes
2 answers
3k views

I am currently working on a site product where I have to create a site-header that is always fixed on top of the viewport but when I scroll down it hides, and again when I scroll up, it becomes ...
Chotu Kaalia's user avatar
  • 3
2 votes
1 answer
2k views

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 ...
Takit Isy's user avatar
  • 81
6 votes
2 answers
2k views

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: ...
Kate Herasimenak's user avatar
  • 553
2 votes
1 answer
210 views

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 ...
Kate Herasimenak's user avatar
  • 553
2 votes
2 answers
6k views

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 ...
Danny's user avatar
  • 123
4 votes
1 answer
13k views

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 ...
Ian Fako's user avatar
  • 155
4 votes
2 answers
2k views

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 ...
cyklop77's user avatar
  • 311
2 votes
2 answers
182 views

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 ...
Manik's user avatar
  • 123
8 votes
1 answer
3k views

I implemented date range picker logic using the jQUery UI datepicker component: ...
Ankit Rana's user avatar
  • 239
3 votes
0 answers
73 views

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 ...
Commander Ellen Tigh's user avatar
  • 31
2 votes
1 answer
403 views

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 ...
EJoshuaS - Stand with Ukraine's user avatar
  • 895
2 votes
0 answers
231 views

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, ...
maxal95's user avatar
  • 21
0 votes
1 answer
2k views

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: <...
user avatar
4 votes
1 answer
164 views

I'm fairly new to JQuery/JavaScript and I'm trying to refactor the following code: ...
Lgalan90's user avatar
  • 163
4 votes
1 answer
131 views

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 ...
Charles Clayton's user avatar
  • 357
1 vote
1 answer
571 views

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

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 ...
Malachi's user avatar
  • 29.1k
3 votes
2 answers
379 views

Is this a "good" method of form validation? ...
C.E.'s user avatar
  • 193
2 votes
1 answer
2k views

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 ...
user746458's user avatar
  • 65
7 votes
1 answer
547 views

I used jQuery-UI and jQuery to create a dialog popup for help snippets on search form inputs. HTML (Calling Page) ...
Malachi's user avatar
  • 29.1k
3 votes
1 answer
212 views

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 ...
Floris's user avatar
  • 135
1 vote
1 answer
1k views

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 ...
prelektr's user avatar
  • 13
4 votes
1 answer
2k views

Is it good to empty an array on focusout? ...
PeraMika's user avatar
  • 209
2 votes
0 answers
1k views

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 ...
Saeed's user avatar
  • 121
2 votes
1 answer
408 views

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 ...
Supapinzi's user avatar
  • 133
3 votes
1 answer
2k views

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 (-...
Deepend's user avatar
  • 253
18 votes
2 answers
2k views

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-...
xDaevax's user avatar
  • 1,181
2 votes
1 answer
14k views

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 ...
Basj's user avatar
  • 264
1 vote
1 answer
2k views

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 ...
DanielST's user avatar
  • 165
1 vote
1 answer
133 views

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 ...
Brett Santore's user avatar
  • 167
6 votes
1 answer
1k views

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 ...
barbajoe's user avatar
  • 462
2 votes
1 answer
2k views

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 ...
Kevinvhengst's user avatar
  • 165
4 votes
1 answer
40k views

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 ...
Rahul Desai's user avatar
  • 819
3 votes
1 answer
8k views

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 ...
ryanhagz's user avatar
  • 53
8 votes
1 answer
13k views

Here is the link to the jsFiddle and below is the code: JS: ...
Rahul Desai's user avatar
  • 819
11 votes
2 answers
335 views

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 ...
RavenHursT's user avatar
  • 227
4 votes
1 answer
3k views

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? ...
Niraj paul's user avatar
  • 141
2 votes
1 answer
706 views

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 ...
EasilyBaffled's user avatar
  • 355
3 votes
2 answers
125 views

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 ...
RedGiant's user avatar
  • 343
7 votes
1 answer
193 views

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 <...
apaul's user avatar
  • 207
3 votes
1 answer
196 views

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 ...
David Ingledow's user avatar
  • 175
4 votes
2 answers
971 views

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 ...
David Ingledow's user avatar
  • 175
2 votes
2 answers
323 views

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 ...
Ankur's user avatar
  • 29
2 votes
1 answer
263 views

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: ...
ryanhagz's user avatar
  • 53
5 votes
2 answers
232 views

I would like some comments on my code and implementation for this simple piece of jQuery. Basically it is 2 div boxes #side1 and #side2, in a container div called #frontimage, where #side2 can be ...
athis's user avatar
  • 53
4 votes
2 answers
153 views

Trying to implement this API in a way that works pre and post jQuery UI 1.9: I have a subtle feeling that there should be a more elegant way. ...
mar10's user avatar
  • 141
3 votes
2 answers
193 views

There are a few common jQuery call I find my self calling when creating my app. I need some help and maybe a better way to do all this or rewrite it. 1) Singleton Selector If I want to select only one ...
Kivylius's user avatar
  • 133
1 vote
1 answer
387 views

I am looking for someone to review my solution to a jQuery DOM manipulation exercise on appendto.com: http://learn.appendto.com/lesson/dom-manipulation-101#exercise I'm wondering if there is a way I ...
Will M's user avatar
  • 111
0 votes
1 answer
490 views

So for practice with Javascript, I wrote this lightweight widget factory which is similar in functionality (okay, that's a bit of a stretch) to jQuery's UI Widget factory. I was hoping I could get ...
Joel Cornett's user avatar
  • 418
0 votes
1 answer
133 views

How would you write this jQuery code cleaner and better? I'm a beginner. ...
bloody numen's user avatar
  • 141

1
2