javasCript fAqs

Background And Foreground Colors

This is done by using onClick="document.bgColor='white'" and onClick="document.fgColor='white'".

Highlight The Source Code Below

<form><table>
<tr>
<td bgcolor="white" colspan="4"><font color="black" size="2">Click button below to change text color above.</font></td>
</tr>
<tr>
<td><input onClick="document.fgColor='white'" type="button" value="White" name="button"></td>
<td><input onClick="document.fgColor='lime'" type="button" value="Lime" name="button"></td>
<td><input onClick="document.fgColor='lightblue'" type="button" value="LightBlue" name="button"></td>
<td><input onClick="document.fgColor='yellow'" type="button" value="Yellow" name="button"></td></tr></table>

<br><br>

<table>
<tr>
<td bgcolor="white" colspan="4"><font color="black" size="2">Click button below to change background color.</font></td>
</tr>
<tr>
<td><input onClick="document.bgColor='black'" type=button value="Black" name="button"></td>
<td><input onClick="document.bgColor='green'" type=button value="Green" name="button"></td>
<td><input onClick="document.bgColor='darkblue'" type=button value="DarkBlue" name="button"></td>
<td><input onClick="document.bgColor='red'" type=button value="Red" name="button"></td></tr></table></form>

With Radio Buttons

Highlight The Source Code Below

<form><table>
<tr>
<td bgcolor="white" colspan="4"><font color="black" size="2">Click button below to change text color above.</font></td>
</tr>
<tr>
<td><input onClick="document.fgColor='white'" type="radio" name="button"> White</td>
<td><input onClick="document.fgColor='lime'" type="radio" name="button"> Lime</td>
<td><input onClick="document.fgColor='lightblue'" type="radio" name="button"> LightBlue</td>
<td><input onClick="document.fgColor='yellow'" type="radio" name="button"> Yellow</td></tr></table>

<br><br>

<table>
<tr>
<td bgcolor="white" colspan="4"><font color="black" size="2">Click button below to change background color.</font></td>
</tr>
<tr>
<td><input onClick="document.bgColor='black'" type="radio" name="button"> Black</td>
<td><input onClick="document.bgColor='green'" type="radio" name="button"> Green</td>
<td><input onClick="document.bgColor='darkblue'" type="radio" name="button"> DarkBlue</td>
<td><input onClick="document.bgColor='red'" type="radio" name="button"> Red</td></tr></table></form>

With Text Links

Click link below to change text color above.

White Lime LightBlue Yellow

Click link below to change background color.

Black Green DarkBlue Red

Highlight The Source Code Below

<table>
<tr>
<td bgcolor="white" colspan="4"><font color="black" size="2">Click link below to change text color above.</font></td>
</tr>
<tr bgcolor="white">
<td><a href="javascript:void(0)" onClick="document.fgColor='white'">White</td>
<td><a href="javascript:void(0)" onClick="document.fgColor='lime'">Lime</td>
<td><a href="javascript:void(0)" onClick="document.fgColor='lightblue'">LightBlue</td>
<td><a href="javascript:void(0)" onClick="document.fgColor='yellow'">Yellow</td></tr></table>

<br><br>

<table>
<tr>
<td bgcolor="white" colspan="4"><font color="black" size="2">Click link below to change background color.</font></td>
</tr>
<tr bgcolor="white">
<td><a href="javascript:void(0)" onClick="document.bgColor='black'">Black</td>
<td><a href="javascript:void(0)" onClick="document.bgColor='green'">Green</td>
<td><a href="javascript:void(0)" onClick="document.bgColor='darkblue'">DarkBlue</td>
<td><a href="javascript:void(0)" onClick="document.bgColor='red'">Red</td></tr></table>

Same Thing With Onmouseover

Click button below to change text color above.

White Lime LightBlue Yellow

Click button below to change background color.

Black Green DarkBlue Red

Highlight The Source Code Below

<table>
<tr>
<td bgcolor="white" colspan="4"><font color="black" size="2">Click button below to change text color above.</font></td>
</tr>
<tr bgcolor="white">
<td><a href="javascript:void(0)" onmouseover="document.fgColor='white'">White</td>
<td><a href="javascript:void(0)" onmouseover="document.fgColor='lime'">Lime</td>
<td><a href="javascript:void(0)" onmouseover="document.fgColor='lightblue'">LightBlue</td>
<td><a href="javascript:void(0)" onmouseover="document.fgColor='yellow'">Yellow</td></tr></table>

<br><br>

<table>
<tr>
<td bgcolor="white" colspan="4"><font color="black" size="2">Click button below to change background color.</font></td>
</tr>
<tr bgcolor="white">
<td><a href="javascript:void(0)" onmouseover="document.bgColor='black'">Black</td>
<td><a href="javascript:void(0)" onmouseover="document.bgColor='green'">Green</td>
<td><a href="javascript:void(0)" onmouseover="document.bgColor='darkblue'">DarkBlue</td>
<td><a href="javascript:void(0)" onmouseover="document.bgColor='red'">Red</td></tr></table>

<<< Back

Home Page This Page Was Last Updated:

Click button below to change text color above.
White	Lime	LightBlue	Yellow

Click button below to change background color.
Black	Green	DarkBlue	Red

Click link below to change background color.
Black	Green	DarkBlue	Red