jQuery UI is the official jQuery user interface library. It provides interactions, widgets, effects, and theming for creating highly interactive web applications.
3
votes
0answers
36 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
22 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
291 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
92 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
85 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
205 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
231 views
2
votes
1answer
606 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
169 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)
...
2
votes
1answer
130 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
931 views
Better Meteor jquery-ui slider integration
I'm struggling to integrate jquery-ui slider widget into my meteor app. The idea is to have slider value in mongo collection and the slider needs to be reactive (automatically synced between clients). ...
4
votes
1answer
763 views
2
votes
0answers
568 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 prev-tab: takes you to the previous tab ...
1
vote
0answers
71 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
166 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
636 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 (-...
17
votes
2answers
949 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
9k 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
905 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
93 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
348 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
258 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
368 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 ...
3
votes
1answer
9k 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
3k 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
4k views
11
votes
2answers
255 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
2k 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
526 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 ...
3
votes
2answers
94 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
134 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
118 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
204 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
214 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
173 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:
...
5
votes
2answers
132 views
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
336 views
Organizing HTML to load jQuery and jQueryUI efficiently
Is there a way to optimize these four lines into something more efficient?
...
4
votes
2answers
122 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
151 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
327 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
282 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 ...
-1
votes
1answer
92 views
Tip dialog jQuery plugin
How would you write this jQuery code cleaner and better? I'm a beginner.
...
3
votes
1answer
252 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
91 views
1
vote
1answer
5k views
0
votes
1answer
319 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 ...
4
votes
1answer
720 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.
...
3
votes
0answers
957 views
jQuery Toggle Animation
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 need two things that I cant figure out!
How can I ...
0
votes
1answer
191 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:
...
