Button

This applet is a dynamic button with three distinct states: base, enter, and click. Each state may have a different background color, foreground color, text, and image associated with it. Furthermore, the enter and click states may have sounds associated with them. Buttons may be 'sticky' (meaning they remain depressed after activation), and multiple Button applets on the same webpage may be grouped together so that only one is depressed at a type ('radio' type). Each button may have a URL and targeted browser frame associated with it.

Button Group

The three buttons below belong to the same button group. The third one will spawn a new URL.

Image Buttons

The two below use images, but are not part of the same button group. The second button is sticky.


Downloading

The applet may be downloaded for free by clicking on the TAR-file link below (read the FAQ if you're not sure what to do with a TAR file). The FAQ also has step by step instructions on how to embed an applet into your own webpage.

Button2.tar

Once unTARed, you should find the following classes (plus a '.jar' file if you want to use the archive= attribute in the <applet> tag):

Parameters

Below are descriptions of all the parameters you may use to customize the applets to your webpages. Be sure to enclose any parameters that contain white space in double-quotation marks. Most parameters have default values in case you do not specify your own values, but the first two parameters (AUTHOR and COPYRIGHT) are necessary. If you are not sure how to incorporate an applet into a webpage (with its parameter names and values), looks at the source of this webpage and the applet embedded for an example, or read the FAQ page.

Most of the Parameters are associated with one of three states: BASE (when the mouse has not entered the applet area), ENTER (when the mouse has entered the applet area), CLICK (when the mouse clicks the applet). For all but the SOUND parameters, if a particular parameter state is omitted it will default to the previous state.

  • AUTHOR: This parameter must appear exactly as follows:
    <param name=AUTHOR value="Eric Harshbarger, http://www.ericharshbarger.org">
    

  • COPYRIGHT: This parameter must appear exactly as follows:
    <param name=COPYRIGHT value="Button applet, Copyright 1998, Eric Harshbarger">

  • BORDER: This is the size of the highlight border of the button when no images are used in the button. The default is 0 (no border).

  • STICKY: If true, then a depressed button will stay depressed after the mouse click. It will only pop back up if pressed again (assuming it is not part of a BUTTON.GROUP), or if another button in the same BUTTON.GROUP is clicked.

  • BUTTON.GROUP: Multiple Button applets may be placed on a single webpage, and if this parameter is used to assign each to the same group (they have the same value for this parameter), then only one will be depressed at the same time (radio button type behavior). Note that some verions of Netscape (4.0+) seem to exhibit a bug if the page housing these applets is SHIFT-Reloaded.

  • BGCOLOR.BASE: This is the background color of the button when the mouse pointer is not in the applet. The color value should follow the standard format.

  • BGCOLOR.ENTER: This is the background color of the button when the mouse pointer is in the applet, but has not clicked the applet. The color value should follow the standard format.

  • BGCOLOR.CLICK: This is the background color of the button when the button has been clicked on. The color value should follow the standard format.

  • FGCOLOR.BASE: This is the foreground color of the button when the mouse pointer is not in the applet. The color value should follow the standard format.

  • FGCOLOR.ENTER: This is the foreground color of the button when the mouse pointer is in the applet, but has not clicked the applet. The color value should follow the standard format.

  • FGCOLOR.CLICK: This is the foreground color of the button when the button has been clicked on. The color value should follow the standard format.

  • FONTNAME.BASE: This is the name of the font of any TEXT.BASE. The font should follow the standard format.

  • FONTSTYLE.BASE: This is the style of the font of any TEXT.BASE. The font should follow the standard format.

  • FONTSIZE.BASE: This is the size of the font of any TEXT.BASE. The font should follow the standard format.

  • FONTNAME.ENTER: This is the name of the font of any TEXT.ENTER. The font should follow the standard format.

  • FONTSTYLE.ENTER: This is the style of the font of any TEXT.ENTER. The font should follow the standard format.

  • FONTSIZE.ENTER: This is the size of the font of any TEXT.ENTER. The font should follow the standard format.

  • FONTNAME.CLICK: This is the name of the font of any TEXT.CLICK. The font should follow the standard format.

  • FONTSTYLE.CLICK: This is the style of the font of any TEXT.CLICK. The font should follow the standard format.

  • FONTSIZE.CLICK: This is the size of the font of any TEXT.CLICK. The font should follow the standard format.

  • TEXT.BASE: This is the text that will appear on the button in the base state (the mouse is not in the applet area).

  • TEXT.ENTER: This is the text that will appear on the button in the enter state (the mouse is in the applet area, but not clicking).

  • TEXT.CLICK: This is the text that will appear on the button in the click state (the mouse has clicked the applet).

  • ALIGN.BASE: This is the horizontal alignment of the TEXT.BASE in the base state (the mouse is not in the applet area). The value should either be 'center', 'left', or 'right'.

  • ALIGN.ENTER: This is the horizontal alignment of the TEXT.ENTER in the enter state. The value should either be 'center', 'left', or 'right'.

  • ALIGN.CLICK: This is the horizontal alignment of the TEXT.CLICK in the click state. The value should either be 'center', 'left', or 'right'.

  • VALIGN.BASE: This is the vertical alignment of the TEXT.BASE in the base state (the mouse is not in the applet area). The value should either be 'center', 'top', or 'bottom'.

  • VALIGN.ENTER: This is the vertical alignment of the TEXT.ENTER in the enter state. The value should either be 'center', 'top', or 'bottom'.

  • VALIGN.CLICK: This is the vertical alignment of the TEXT.CLICK in the click state. The value should either be 'center', 'top', or 'bottom'.

  • IMAGE.BASE: This is the (optional) image that will be used in the base state.

  • IMAGE.ENTER: This is the (optional) image that will be used in the enter state.

  • IMAGE.CLICK: This is the (optional) image that will be used in the click state.

  • SOUND.ENTER: This is the (optional) sound that is played when the applet is entered by the mouse. Read the FAQ to learn about what type of sound file to use.

  • SOUND.CLICK: This is the (optional) sound that is played when the applet is clicked. Read the FAQ to learn about what type of sound file to use.



    APPLET DEPOT: INTRO - NEWS - APPLETS - DEMOS - CUSTOM - FAQ - EMAIL
    The Applet Depot and all associated applets, text, scripts, and images, Copyright © 1998-2002 by Eric Harshbarger unless otherwise noted. 'Java' is a registered trademark of Sun Microsystems Incorporated.