Subscribe
Tutorial search

JavaScript Box Tutorials


Sort by:
Dynamic dependent select boxes with jQuery, Ajax and PHP
Dynamic dependent select boxes with jQuery, Ajax and PHP
In this post, I will show you how you can build dynamic dependent select boxes with jQuery, ajax and PHP
Difficulty:
Selecting and Deselecting Checkboxes
Selecting and Deselecting Checkboxes
If the HTML Form is having large number of checkboxes, then selecting and de-selecting all the checkboxes will be difficult for the users. And, it will take significant amount of time.
Difficulty:
Get jQuery combobox select option
Get jQuery combobox select option
To get selected optionís key/value of a combobox using jQuery
Difficulty:
jQuery Combobox Select Value to Text Input Box
jQuery Combobox Select Value to Text Input Box
Learn how to populate text input or textbox control when user selects combobox using jQuery.
Difficulty:
Quick Way to Dim and Cover Background Content With jQuery
Quick Way to Dim and Cover Background Content With jQuery
add pop up message boxes complete with dimmed background within your existing site
Difficulty:
Validating URL using Javascript
Validating URL using Javascript
Sometimes, we might need to check and see if a URL entered by a user in a text box is a valid one or not.
Difficulty:
Install login with Dropbox on your Website - OAuth Authentication - jQuery plugin
Install login with Dropbox on your Website - OAuth Authentication - jQuery plugin
"This script - uses OAuth in a jquery plugin to authenticate users on your website using their Dropbox account credentials. - pulls the user details from its Dropbox account and displays the same on your webpage. - has logout facility."
Difficulty:
Manipulate The Favicon With Tinycon
Manipulate The Favicon With Tinycon
Tinycon is a jQuery plugin that allows you to manipulate the website favicon by allowing you to add an alert box or change the image on the browser tab. For browsers that don't support this Tinycon will also fallback to adding different numbers to the end of the title bar.
Difficulty:
Loading The WordPress Comment Form Within A Lightbox
Loading The WordPress Comment Form Within A Lightbox
Tutorial explaining how to load the Wordpress comment form within a jQuery lightbox.
Difficulty:
Your Google calendar events now on your website - jQuery plugin
Your Google calendar events now on your website - jQuery plugin
"This script - pulls events that you create in your public Google calendar and displays them on your website. - you may choose how many events to display at a time. - each event box can show the event start date-time, timezone, location of the event, summary and description of the event. - each event box has a link to the original event you defined in your calendar."
Difficulty:
Save selected text on a webpage to your Dropbox account - jQuery plugin
Save selected text on a webpage to your Dropbox account - jQuery plugin
"This script - allows users on your webpage to save any text (selected using a mouse), directly to their dropbox account. - there is also an option to save the complete webpage to their dropbox account. - authenticates users with dropbox if not already logged in."
Difficulty:
How to Make A Lightbox Gallery on Pageload
How to Make A Lightbox Gallery on Pageload
This tutorial will show you how to properly set up a Lightbox Gallery which will load automatically when the page is loaded. This can be done with a single lightbox image or with an entire lightbox gallery. Lightbox 2 is the most recent version which comes with many visual enhancements to improve the look of your image gallery.
Difficulty:
Link Scrapper TextBox - Jquery Plugin
Link Scrapper TextBox - Jquery Plugin
This jquery plugin displays a textbox to enter text. When you enter a URL in the textbox, the plugin creates a data box for a link having the link title, description and an image. The plugin works like a URL scrapper and these scrapped values about the URL are available to you as javascript variables.
Difficulty:
4 jQuery Fadein Effects That Will Catch Your Readers Eyes
4 jQuery Fadein Effects That Will Catch Your Readers Eyes
Use these jQuery tricks to help draw your visitors eyes towards advertisements or opt-in boxes!
Difficulty:
How Create Nice Looking Dropdowns Using DropKick.js
How Create Nice Looking Dropdowns Using DropKick.js
The reason it will convert the select box to a div and list is because now it is easy to style these how ever you want. With normal select boxes you can style the top selected option but you can't easily style the dropdown options or the select style. When these are list items you can apply a CSS class to the selected item and change the style
Difficulty:
Search Term(s) (1): box