/* The JavaScript modules go here */ /* End JavaScript */

I found this one on a Youtube segment by Green Skye; it presents the buttons in a group called a fieldsets. The fieldset has a title or legend and a button, it is generally used in Forms. The hover activity is different for the backround color of the set and each of it components.
When you hover the mouse over any item the background of the box is shaded gray, Hover over just the legend and the text in the title appears on a yellow background. Hover over the button and the color behind the text is green.

The buttons in these cases are used to manipulate windows, there were 3 in the tutorial; but I cut this to only the 2 I found most interesting.

The first will execute a JavaScipt function to open a new window that goes to the W3 School web site.

1.Open New Window

Next (the one designated as 3) demonstrates opening a new window with the size specified and displays some text in it. The window opens and closes as an action of the function. Both actions are specified in the same script.

3.Open and Close Mini Window

Vertical Button Group

The next group of buttons was designed to appear vertically on the left side. Button1 will open the same window as before due to the fact that it's onclick tag calls the same JavaScript function.
Button2 will, again, close the window; but Button3 doesn't do anything.
I modified the css defining the last button to return 1 page. Note also that the hover color is different.




  Previous Page