Capaian Untuk Golongan Kurang Upaya
Tool ini boleh digunakan sebagai nilai tambah untuk menjadikan web anda lebih mesra OKU.
Kodnya:
<div style="position:fixed;
right:0px;
top:30px;">
<script>
function resizeText(multiplier) {
if (document.body.style.fontSize == "") {
document.body.style.fontSize = "1.0em";
}
document.body.style.fontSize = parseFloat(document.body.style.fontSize) + (multiplier * 0.2) + "em";
}
</script>
<script language="JavaScript" type="text/JavaScript">
function changeB(oCell){
var col = oCell.style.backgroundColor;
document.getElementsByTagName('body')[0].style.color = col;
}
</script>
<table style="margin-top:0px;" height="15px" bgcolor=white><tr><td>
<img src="http://img171.imageshack.us/img171/7196/oku2.jpg" alt="oku" title="Capaian warga kurang upaya" />
</td><td>
<table width="110" border="0" cellspacing="2" cellpadding="2"><tr>
<td style="background-color: red;cursor:pointer; cursor:hand" onclick="changeB(this)"> </td>
<td style="background-color: green;cursor:pointer; cursor:hand" onclick="changeB(this)"> </td>
<td style="background-color: blue;cursor:pointer; cursor:hand" onclick="changeB(this)"> </td>
<td style="background-color: brown;cursor:pointer; cursor:hand" onclick="changeB(this)"> </td>
<td style="background-color: black;cursor:pointer; cursor:hand" onclick="changeB(this)"> </td>
</tr></table>
</td><td>
<a href="javascript:void(0);" onclick="resizeText(1)" id="plustext"><img src="http://img205.imageshack.us/img205/4949/fontinc.gif" title="Besarkan Teks" alt="big" /></a>
<a href="javascript:void(0);" onclick="resizeText(-1)" id="minustext"><img src="http://img638.imageshack.us/img638/963/fontdec.gif" title="Kecilkan Teks" alt="small" /></a>
</td></tr></table>
</div>