The JavaScript Source - Cut and Paste JavaScript Library
Home
Submit a Script
Tutorials
Ajax Tutorials
Ajax
Buttons
Cookies
CSS
Forms
Games
Generators
Image Effects
Math Related
Misc/Libraries/Tools
Navigation
Page-Details
Pass. Prot.
Snippets
Text Effects
Time & Date
User-Details
JS Core Reference
Developers Library
HTMLGoodies
Script Count:  1,420
Navigation Menu
Alphabetical Listing
Site Contents

Site FAQ
About JSS
JavaScript Forum
JavaScript Tutorial
Friends of JSS

Link to Us
JavaScript Help
Contribute a script
Technology Jobs

Become a Partner

Internet.commerce

Be a Commerce Partner


Developer Channel

FlashKit.com
JavaScriptSource
Developer Jobs
ScriptSearch
WebDeveloper.com
Webreference
HTMLGoodies
HTML5 Dev Center
Developer.com
jGuru.com
PHPBuilder

Great Sites

DocJavaScript.com
dhtml.com
The Freebie Directory
TheFreeSite.com

Browse Doc JS's Tips!


Hiermenus Central


Promotions

Free Announcements


Home } Buttons } Index

These scripts all deal with JavaScript button effects. Every entry now also has a source code box so you may see the exact JavaScript code used to create the button. General questions about JavaScripts buttons should be posted to the JavaScript forum.


More on internet.com

Title: Button Mania
Contributor: http://webplaza.pt.lu/dostert/ (http://webplaza.pt.lu/dostert/)
Details: 4.37 KB
Description: A simple but addictive "set all buttons to 0" game. Should work in any CSS aware browser.


Title: Button Text v1.0
Contributor: Joshua Davison (ozyboy69@hotmail.com)
Contributor URL: http://geocities.yahoo.com
Details: 2.38 KB
Description: This script lets you click a button & see the text inside that button, as more text appears the button gets larger.


Title: Button Ticker
Contributor: Premshree Pillai (premshree@hotmail.com )
Contributor URL: http://www.qiksearch.com
Details: 3.94 KB
Description: This is a cross browser javascript button ticker that ticks a number of messages on a button.You can change the direction in which the message ticks. (i.e the order in which the message ticks).


Title: Check All
Details: 1.47 KB
Description: Dynamically checks and unchecks all the checkboxes in a form when a button is clicked. Much easier than manually hard-coding the checkbox names, for sure. Updated to only require one button to check and uncheck all boxes.


Title: Click to Submit
Contributor: Shawn Hafen (shafen@mail.com)
Contributor URL: http://shafen0.tripod.com/index.html
Details: 1.09 KB
Description: Prevent the Return key from accidentally submitting a form. The user now MUST click on the submit button. Great!


Title: Crazy Shaking Form Buttons
Contributor: Scriptbreaker (pieterpareit@hotmail.com )
Contributor URL: http://www.scriptbreaker.com
Details: 2.25 KB
Description: This script shakes the form buttons. You can set the shaking speed of each button.


Title: Directional Buttons
Details: 0.53 KB
Description: This effect is practically unused. 6 lines of HTML give you back and forward buttons that act exactly like the ones in your web browser. This script is best used in frames where one frame is the 'menu' - It makes your users feel more secure when they know they can go back.


Title: Dynamic Audio Button
Contributor: Happy Smart
Contributor URL: http://happysmart.net
Details: 1.96 KB *
Description: This script plays sound when the user mouses over the dynamic button . Clicking on button opens a new browser window. You can customize the dynamic button colors, style, link, and sound.


Title: E-Mail Buttons
Details: 0.70 KB
Description: This effect, however, is over-used. A JavaScript button will bring up an E-Mail Window for your users. You can also include a predefined subject if you so decide. Both methods are demonstrated.


Title: E-mail Link
Contributor: Happy Smart
Contributor URL: http://happysmart.net
Details: 0.89 KB
Description: This script opens the default e-mail client, writes a predetermined message into the subject line, and writes the page title and link into the body of the e-mail.


Title: Fading Button
Contributor: Aidan Samuel (emmaster@yahoo.com)
Contributor URL: http://www.geocities.com/emmaster/
Details: 1.46 KB
Description: (Internet Explorer Only) Move your mouse over the button and watch it fade to another color and then fade back to original color once you move your mouse off. The message on the button will even change after you click on it!


Title: Force-Click
Contributor: Wolfgang Pichler (pil@mailnet.de)
Contributor URL: http://www.vippro.de/javascripts/click.html
Details: 2.42 KB
Description: Forces the user to click on a button. If the window is closed without clicking on the button it will be opened again. Really persistent.


Title: Four-State Image Button
Contributor: CodeLifter.com
Contributor URL: http://www.codelifter.com
Details: 3.38 KB
Description: This is an image buttons with a simple style script, attach a few mouse events to an image (or images), and instant four-action buttons. Enjoy!


Title: Pulldown Menu
Details: 1.23 KB
Description: Use JavaScript to help your visitors dynamically 'surf' your page. They simply use the pulldown menu to select a destination and then click Go! and they're there! This script also supports an endless number of destinations. Just copy the template and fill it in accordingly.


Title: Headliner
Contributor: Jan Pijnacker (Jan_P@dds.nl)
Details: 5.69 KB
Description: When you need to present information on your site, you should consider this script. Appropriately named the Headliner, it presents a number of messages to your visitors in many different formats including a simple scroll, typewriter, expand, and just static text. Each message when clicked can take the visitor to a different URL! This script is really great.... Just check it out!


Title: Irish Kiss Button
Contributor: Happy Smart
Contributor URL: http://happysmart.net
Details: 0.54 KB
Description: Your Irish kiss! Mouseover button to receive your animated kiss. Click on button to load new page. Cool!


Title: Image Button
Contributor: CodeLifter.com (support@codelifter.com)
Contributor URL: http://www.codelifter.com
Details: 1.83 KB
Description: Easily create active buttons with any image. Repositions image when your mouse passes over it and moves again when clicked on. Easy!


Title: Move It!
Contributor: Josh B. ( joshbisweasel@hotmail.com )
Contributor URL: http://www.angelfire.com/anime2/Mrsatan
Details: 3.92 KB
Description: The window cascades to the bottem right hand corner of the screen.


Title: Mr. Push Me!
Details: 2.96 KB
Description: Let JavaScript introduce you to the increasingly popular Mr. Push Me! Mr. Push doesn't mind the occassional push, but watch out if you over do it!


Title: Multipule Linked Radio Buttons
Contributor: Alex Walters (alexwalters1985@yahoo.com)
Details: 3.54 KB
Description: This script links multiple arrays of radio buttons. Each button can only be picked once.


Title: Page Printer
Contributor: Keith (keith@keithplanet.com)
Contributor URL: http://keithplanet.com
Details: 0.85 KB
Description: By adding this code to your Web site, users can print out the current page by simply clicking a button.


Title: Random Link Generator
Details: 0.99 KB
Description: Are you feeling, I don't know.... A little random? Then check out this random link generator! It randomly selects a URL from a pre-determined list and sends the user there!


Title: Refresh Button
Contributor: Happy Smart
Contributor URL: http://happysmart.net
Details: 0.70 KB
Description: Refresh the current page. This button works just like your browser's refresh button. Short and simple. Nice!


Title: Scrolling Button Link
Contributor: Happy Smart
Contributor URL: http://happysmart.net
Details: 1.24 KB
Description: This script scrolls a message on a button and then loads a page when clicked.


Title: Scrolling Text Button
Contributor: Uncle Jim
Contributor URL: http://jdstiles.com/java/snippets.html
Details: 1.13 KB
Description: Display a scrolling text message on a form button. Completely customizable.


Title: Subject E-Mail
Details: 0.57
Description: Let your visitors send you e-mail with a predetermined subject!


Title: Textarea Alert
Details: 0.83 KB
Description: Use JavaScript to alert your user with the contents of a text area! This also serves little purpose in the real world, but nonetheless is a great example of JavaScript. Type something in the box and hit 'Alert Me!'


Title: Up & Down Box
Details: 0.45 KB
Description: Allows the user to increase and decrease the value in a textbox by clicking up and down buttons. Useful if you would like to allow the user to quickly modify a value in your form. A short script too, just a few lines.


Title: Window Position
Details: 1.25 KB
Description: Do you not like where window.open() opens your new windows? Using this JavaScript, you can actually have the new window open wherever you want! Look at our example to see what we mean! Really neat!


Title: Windows Buttons
Contributor: Paco Zarabozo A.
Details: 6.07 KB
Description: This script produces very application-looking buttons (with an underlined letter) which can be used via ALT key! Works in MSIE, and Netscape.


Title: Window Sizer
Details: 2.79 KB
Description: This JavaScript shows you different window dimensions. It helps you to customize your web pages with the dimensions that best compliment your web site.


JavaScript® is a registered trademark of Sun Microsystems, Inc.

Be sure and give us a rating over at Script Search

Jupitermedia's Database Journal offers SQL courses and other database related resources for beginner to expert developers.