JavaScript – Powiększanie tekstu “onclick”

Bardzo fajnym ficzerem na wielu stronach, jest możliwość zmiany rozmiaru tekstu, poprzez kliknięcie jakiegoś tam przycisku. Wiele przeglądarek samych w sobie oferuje taką możliwość, ale JS też to może. Oto jak wygląda przykładowy kod, by uzyskać taki efekt:

<script type=”text/javascript”>
function zoom(act){
var size = document.getElementById(“text”).style.fontSize;
if (act == ‘in’){newSize = parseInt(size)+1;}
else{newSize =parseInt(size)-1;}
document.getElementById(“text”).style.fontSize = newSize;
}
</script>

<p id=”text” style=”font-size:15;”>
Jakiś sobie testowy tekst.
</p>
<a href=”javascript:zoom(‘in’);”>zoom in</a>,
<a href=”javascript:zoom(‘out’);”>zoom out</a>
</div>

W analogiczny sposób, możemy oczywiście zmienić dowolny atrybut tekstu, taki jak chociażby ramka, kolor, czy położenie.