from javascript to css
I need to change this javascript into a css file and make it function like it is now but I don't want to have javascript enabled on the web browser. Can someone help me?
<script type="text/javascript">
function SelectSize()
{
var dropDown=document.getElementById("size");
var SelectedSize = dropDown.options[dropDown.selectedIndex].value;
document.body.style.fontSize=SelectedSize + "px";
}
</script>
<form name="frmcontrol">
<select id=size onChange="SelectSize()" >
<option value="20">Default
<option value="12">Very Small
<option value="72">Very Large
</select>
<input type="button" value="Change Size of Text" name="myButton" onClick="SelectSize()" />
</form>
<script language="javascript">
function colorChange()
{
document.bgColor=document.list.colors.options[document.list.colors.selectedIndex].value;
}
</script>
<form name="list">
<select name="colors">
<option value="006633">Default
<option value="black">Black
<option value="white">White
</select>
<input type="button" value="Change Background color" name="myButton2" onClick="colorChange()" />
</form>
<BODY bgColor=#006633>
<script language="javascript">
function change()
{
document.fgColor=document.text.color.options[document.text.color.selectedIndex].value;
}
</script>
<form name="text">
<select name="color">
<option value="black">Default
<option value="black">Black
</select>
<input type="button" value="Change Text color" name="myButton3" onClick="change()" />
</form>
|
