Help needed to make a site disability friendly

liunx

Guest
Could anyone tell me how to add a drop down menu to an html page to increase and decrease the text size on the site. I know this is probally simple but and there is an explorer option under view, but I would be better if I could do it through a drop down<!--content-->Try this:<br />
<br />
<style type="css/text"><br />
.text10 { font-size: 10px; }<br />
.text12 { font-size: 12px; }<br />
.text14 { font-size: 14px; }<br />
.text16 { font-size: 16px; }<br />
</style><br />
<br />
<script language="javascript"><br />
function set(form){<br />
<br />
var choice = form.sZ.options[form.sZ.selectedIndex].value;<br />
var elm = document.all["cell1"].style.className = choice;<br />
}<br />
</script><br />
<br />
<form><br />
<select name="sZ"><br />
<option value="text10" selected>10</option><br />
<option value="text12">12</option><br />
<option value="text14">14</option><br />
<option value="text16">16</option><br />
</select><br />
<input type="button" onclick="set(this.form)" value="go"><br />
</form><br />
<br />
<table><br />
<tr><br />
<td class="text10" id="cell1"><br />
Here goes your text<br />
</td><br />
</tr><br />
</table><!--content-->
 
Back
Top