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.


Button2.tar

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.

<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.