Windows Buttons

JavaScriptSource Staff Apr 8, 2002

This script produces very application-looking buttons (with an underlined letter) which can be used via ALT key! Works in MSIE, and Netscape.

The JavaScript Source: Buttons: Windows Buttons

Simply click inside the window below, use your cursor to highlight the script, and copy (type Control-c or Apple-c) the script into a new file in your text editor (such as Note Pad or Simple Text) and save (Control-s or Command-s). The script is yours!!!

<!-- TWO STEPS TO INSTALL WINDOWS BUTTONS:

1.  Copy the coding into the HEAD of your HTML document
  2.  Add the last code into the BODY of your HTML document  -->

<HEAD>

<!-- Begin
var button = new Array();
var action = new Array();
var buttonWidth = new Array();

/////////////////////////////////////////////////////////////////////////////
/////////////////////// BEGIN OF EDITABLE SECTION ///////////////////////////
/////////////////////////////////////////////////////////////////////////////

// Edit this for your buttons text and actions.
// You can add or remove as much buttons as you want.
// Just be sure to use "button[number]", "buttonWidth[number]" and "action[number]"
// 	for each button, using the same button number for the three variables!
//
// Text format is: '...text...<u>underlined_letter</u>...text...';
// Important: Underline just ONE letter and be very carefull from
// 	NOT to use the same letter for more than one button!!
// Try also not to use letters that already have a function under
//  	the browser (i.e. If you use "e", you'll activate your button
//	AND the already asigned combination for "EDIT" menu.)
//
// In the time you need to refer to some button on other scripts, each button
//	has an id based on "bnumber". For example, button 1 has the id "b1".
//
// Let's use 5 buttons for this example:

button[1] = 'Ente<u>r</u> our site';
buttonWidth[1] = 150;	//This is the button's width, in pixels.
action[1] = function () {
	// Place here you actions for button 1:
	window.open('http://www.javascriptsource.com');
	// End of actions for button 1.
}

button[2] = 'Suscribe to our <u>n</u>ewsletter';
buttonWidth[2] = 150;	//This is the button's width, in pixels.
action[2] = function () {
	// Place here you actions for button 1:
	window.open('http://www.javascriptsource.com');
	// End of actions for button 1.
}

button[3] = '<u>C</u>heck your mail at yahoo.com';
buttonWidth[3] = 150;	//This is the button's width, in pixels.
action[3] = function () {
	// Place here you actions for button 1:
	window.open('http://javascripts.com');
	// End of actions for button 1.
}

button[4] = 'Tel<u>l</u> a friend';
buttonWidth[4] = 150;	//This is the button's width, in pixels.
action[4] = function () {
	// Place here you actions for button 1:
	window.open('http://www.javascriptsource.com');
	// End of actions for button 1.
}

button[5] = 'View <u>s</u>ource code';
buttonWidth[5] = 150;	//This is the button's width, in pixels.
action[5] = function () {
	// Place here you actions for button 1:
location.href='view-source:http://www.javascriptsource.com';
	// End of actions for button 1.
}

///////////////////////////////////////////////////////////////////////////
/////////////////////// END OF EDITABLE SECTION ///////////////////////////
///////////////////////////////////////////////////////////////////////////

////////////////////////////////////////////////////////////////////////////
//            Don't edit bellow or you could get errors!		  //
////////////////////////////////////////////////////////////////////////////

</HEAD>

<BODY>

<p><center>
<font face="arial, helvetica" size"-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>

Did you use this script? Do you like this site? Please link to us!

Leave a Response

(0 comments)

Alphabetical Listing

Tutorials

Ajax Tutorials

Ajax

Buttons

Cookies

CSS

Forms

Games

Generators

Image Effects

Math Related

Miscellaneous

Multimedia

Navigation

Page Details

Password

Snippets

Text Effects

Time & Date

User Details

Windows Buttons

Leave a Response

Attention JavaScript Coders

Go Deeper