Subscribe
Tutorial search

JavaScript Button Tutorials


Sort by:
jQuery Social Sharing buttons
jQuery Social Sharing buttons
Share your content across the web with these simple social sharing buttons for Facebook, Twitter and Google +
Difficulty:
Create a HTML5 Form and Submit Button Using AJAX
Create a HTML5 Form and Submit Button Using AJAX
This two part tutorial will show you how to create an HTML5 form and submit it using AJAX.
Difficulty:
jQuery Disable Button
jQuery Disable Button
Learn how to easily disable and enable buttons using jQuery.
Difficulty:
jQuery Split Menu Buttons
jQuery Split Menu Buttons
This article covers how menu scripts combines the sleek aesthetics of menu buttons with the versatility of drop down menus to create a navigational interface that captures the best of both worlds.
Difficulty:
Go back button in javascript
Go back button in javascript
To add back button in HTML which should take the user back in browser history.
Difficulty:
jQuery Animated Back To Top
jQuery Animated Back To Top
A useful button to have on any webpage is a back to the top button.
Difficulty:
Animated background on buttons
Animated background on buttons
A horisontal menu that animates by mouseover
Difficulty:
Create Your Own Share Buttons With Sharrre
Create Your Own Share Buttons With Sharrre
This is where a jQuery plugin called Sharrre can help, this plugin is designed to simulate all the major social networks share buttons but will separate up the button into different HTML elements to make it easier to style. This turns a div into a button and a div with a counter so you can style them separately.
Difficulty:
Adding travel modes and waypoints to Google Maps directions
Adding travel modes and waypoints to Google Maps directions
In earlier tutorials we've learned how to add google maps with directions to your site and how to add a custom marker icon and in this tutorial we'll learn how to add buttons to switch between all available travel modes (driving, bicycling, public transportation and walking).
Difficulty:
jQuery Animated Back To Top
jQuery Animated Back To Top
A useful button to have on any webpage is a back to top button. An easy solution for the web user to get back to the top without scrolling. Check out this code snippet which will show you how to do it.
Difficulty:
How To Create A Pinterest Scroll To Top Button WordPress Plugin
How To Create A Pinterest Scroll To Top Button WordPress Plugin
A tutorial to learn How To Create A Pinterest Scroll To Top Button Wordpress Plugin. This will style the button exactly like pinterest and will slide the button into view as you scroll down the page.
Difficulty:
PhoneGap Notifications and jQuery Mobile Buttons
PhoneGap Notifications and jQuery Mobile Buttons
In this tutorial we will cover custom yet simple PhoneGap Notific.and jQuery Mobile Buttons, a confirmation notification, a Beep notification. (Only working on the device, doesn’t work in simulator)a vibrate notification. (Only working on the device, doesn’t work in simulator) Buttons basics, icons and themes.
Difficulty:
jQuery Mobile: Default Back Button, silentScoll(), and another look at swipe
jQuery Mobile: Default Back Button, silentScoll(), and another look at swipe
We’re diving into part 2 of our advanced jQuery Mobile topics. We will cover a few APIs at a time to really help you understand things. We are going to look at the default back button settings and how to implement them. Also, we are going to take another look at the swipe API. Finally, we will run into an instance where we need to use the pageinit function again. This will really help you learn jQuery Mobile APIs that are important.
Difficulty:
A single link that cycles through several webpage background color using javascript
A single link that cycles through several webpage background color using javascript
Using a single button we can cycle through different background colors for a webpage using javascript.This script will automatically cycle through a list of background colors on a single click.This tutorial is just a continuation or a second part for the tutorial Change webpage background color using javascript, Here we are using setInterval() and also clearInterval()
Difficulty:
Top 21 Social Sharing-Count Buttons for Your Blog
Top 21 Social Sharing-Count Buttons for Your Blog
This time we go through the most popular social networks that provide sharing-count buttons, These buttons will encourage users to easily share your website with minimum clicks.
Difficulty:
Search Term(s) (1): button