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

learn more… | top users | synonyms

3
votes
1answer
81 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 ...
2
votes
1answer
232 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
132 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 ...
0
votes
1answer
47 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 ...
5
votes
1answer
65 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
65 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
109 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 ...
2
votes
1answer
981 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 ...
2
votes
1answer
659 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 ...
7
votes
1answer
765 views

Please assess my jQuery stopwatch

Here is the link to the jsFiddle and below is the code: JS: ...
10
votes
2answers
179 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
1k 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
100 views

Simplify some 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 ...
4
votes
2answers
78 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
99 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 ...
0
votes
1answer
94 views

How can I optimise this jQuery?

I'm trying to understand DRY but my JavaScript skills aren't quite up to scratch to get this code as optimised as possible. Depending on the width of the screen the JavaScript animates a node and ...
4
votes
2answers
87 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
156 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
110 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: ...
3
votes
1answer
84 views

Comment on this simple jQuery drag event

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 ...
1
vote
1answer
212 views

jQuery: Trying to DRY - optimize code

Is there a way to optimize these four lines into something more efficient? ...
3
votes
1answer
84 views

Using jQuery UI .position() in a backwards compatible way

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. ...
3
votes
2answers
114 views

Replacing simple jQuery methods for better use

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 ...
0
votes
1answer
217 views

Using jquery to prepare jQuery UI tabs, optimize?

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 ...
0
votes
1answer
118 views

Roll your own widget factory

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 ...
-2
votes
1answer
69 views

Improve this jquery code

Such as the title, how to make it more clean and improve it. (from a jquery novice) ...
3
votes
1answer
189 views

Jquery sortable style function

This is a basic sorting function written in jQuery that moves items in the DOM around to create empty spaces for a droppable(). Since there is so much going on in a droppable over event, i'd love some ...
3
votes
2answers
74 views

Exceptions for control flow

I just wrote the following javascript (jQeury loaded): ...
1
vote
1answer
2k views
0
votes
1answer
123 views

Grab Text storing it in a var then adding html method and adding animation to it

I want to know the correct way to finish up this code at the bottom. I'm thinking there has to be a better way to grab content from one section of your site and displaying it somewhere else with ...
2
votes
1answer
303 views

Multi jQuery Sliders, Help me write this in better code

I have three sliders with different min, max values, everything is working fine from following the tutorials on the jQuery UI website. ...
2
votes
1answer
547 views

jQuery Toggle Animation / Can This Be Condensed?

I have the following script: JSFIDDLE As you can see, when you click open - a div slides out. If you click on the new div, an additional div slides out from under it. This is working great, but I ...
0
votes
1answer
165 views

Versatile and Chainable Plugin Templates

What could make this jQuery Plugin Template nicer, or is it already well designed? The Plugin Template with explanation: ...
0
votes
1answer
123 views

optimise jquery code

I have written a jquery code for a pop up but the problem is I wanted to optimize the jquery code can you tell me how to optimise it to have a better results in the browser.. it would be great if u ...
2
votes
1answer
210 views

Refactor jquery (coffescript) code with checkboxes

I have two different set of checkboxes. With the coffescript code below I set the maximum amount of checkable items at 3. I would like to refactor this code, to be cleaner and compact, but I can't get ...
0
votes
1answer
303 views

Improving jQuery Login Code

<-----------------------------------JQUERY-----------------------------------> ...
3
votes
1answer
228 views

How to improve this JavaScript implementation of a TODO manager?

I was asked to create a TODO manager using JavaScript and CSS. I did not get a good review on the code nor specific comments on how to improve it. My implementation: ...
4
votes
1answer
2k views

Pie Chart jQuery-UI plugin

I would greatly appreciate the input of any gurus out there. I have recently begun learning JavaScript and then jQuery and jQuery-UI and have thought I would take a stab at writing my own jQuery-UI ...
4
votes
2answers
575 views

Refactor this jQuery datepicker code to be as small as possible

I am using jQuery datepicker on 2 forms on the same page. I currently am using the following code (below), but as you can see, I am using the same parameters over again (showOn, buttonImage, ...
10
votes
2answers
486 views

Is there a better way to write this jQuery UI effect animation?

I'm writing some code to perform some simple form validation and I would like to display error messages inside the actual relevant textarea by means of a text fadeout/fadein effect. To achieve this I ...
2
votes
1answer
309 views

How can I simplify/improve this jQuery code & comply with best practices

I'm trying to improve the quality/efficiency of my coding (having only been learning jQuery for a couple of months). I have a function which loops through all $('.loop-bar')'s and applies a jQueryUI ...
1
vote
1answer
157 views

can we use of $this in closure for jquery plugin

I tried creating a quick tooltip plugin using the jquery and jquery ui position. Is the way I have used the enclosure are right and is the use of position right since in ff it seem to have some memory ...
3
votes
1answer
380 views

Addition of accession analysis stubs to new requests and accessions

There's things I know about JavaScript and jQuery, and things I don't. I know that this works, gets and stores what I want so that, when I need to do stuff, I don't have to wait for it. Functionally, ...
1
vote
1answer
666 views

jQuery and cross browser input fields focus handling

I have a form and need to be able to highlight/decorate fields as they gain focus (change their background color, border). I'm also decorating their corresponding 'labels'. All works fine where it ...
2
votes
1answer
197 views

JQuery UI button and some calculations

I'm using JQuery and Jquery UI (latest versions). I have a list of checkboxes styled using JQuery UI as buttons. Each have a ...
4
votes
1answer
280 views

Organizing page functions and page state using the Module pattern

So I'm developing a webpage using MVC which will be mainly JavaScript driven. Instead of using global variables, and global functions, I would like to do it right this time. I don't want to use ...
2
votes
2answers
244 views

jQuery UI Widget Programming

I'm creating a chat UI with jQueryUI: ...
2
votes
2answers
894 views

JQuery Delay slideDown using Queue

So I have the task to create a function that adds some messages to the page and another to show them in last to first order with a jQuery slideDown() effect. So i came up with: (jsfiddle) ...
12
votes
3answers
4k views

Coffeescript beautification and refactoring

As much as I try, I cannot seem to get this Coffeescript code to look beautiful (I'd like to think it is possible). I have tried both Javascript and Coffeescript. Just to be clear, this code works ...
7
votes
1answer
10k views

JQuery UI Datepicker with beforeShowDay function

I am relatively new to JavaScript and JQuery. I wanted a Datepicker that has the following functionality: Weekends are not selectable Non working days (bank holidays etc.) are not selectable The ...