jquery

Page 2 of 2
<< Previous   1 | 2
Code Snippets

Get selected option from select dropdown in jquery

How to get the selected value or text from a dropdown select html element.

Code Snippets

Show alert box on page load

How to load alert boxes on page load using javascript or jQuery.

Code Snippets

Move an element with arrow keys using jQuery

This code snippet shows you how to capture arrow key presses to move an element around the screen.

Tutorials

Multiple HTML5 Video Players with JQuery Dialogs

This tutorial looks at how to combine the HTML5 video tag with JQuery dialogs for easy loading of multiple videos in a pop-out format.

Code Snippets

jQuery animate easing options

jQuery's animate function allows you to create movement effects of page elements using their CSS selector. One of the parameters for the animate function is 'easing' which allows you to control the type of movement. By default, the easing effect will be set to 'swing', the only other option available with the jQuery core is 'linear', however adding jQuery UI opens up a whole load more options. This article takes a look at what's available and how to use it.

Code Snippets

Remove class attribute after using jQuery removeclass function

So I noticed some odd jQuery behavior the other day. When using the .removeClass() method it leaves behind an empty 'class' attribute title which is both unnecessary and invalid code (were you to run this through a validator you would get "CLASS" is not a member of a group specified for any attribute). This code snippet looks at how you can get rid of the empty class attribute after using the jQuery removeClass method.

Code Snippets

jQuery ubinding a click event after first click

This article looks at using jQuery unbind to remove a click event after the first click. As an example we'll be creating a simple search box the gets displayed on first click and would do the search on second click.

Tutorials

JQuery responsive content slider

In this article we'll be looking at creating a responsive content slider using basic HTML, CSS and JQuery. This is a great way to provide some nice visual transitions for your visitors while maintaining accessability on different platforms.

Code Snippets

Connected Multiselect Boxes

The following code snippet is a quick and easy way to selectively create a list from options in a secondary multiselect box. As it's multiselect you'll be able to move more than one option to the other list at the same time.

Page 2 of 2
<< Previous   1 | 2
Sign Up

Popular Tags

350x250

Need a web developer?

If you'd like to work with code synthesis on your next project get in touch via the contact page.