<html>
<head>
<script>
/*
Zoom In Script
Vic Virk - Feb 2009
Paramaters:
element - the element (by Id) to zoomIn
f - the font size to muliply by (i.e. if the current font size is 10, and f = 5, the final font size will be 50)
getOrig - set to true the first time around to set the final font size
Tested on PC:
IE 6 / 7
FF 2 / 3
Google Chrome
*/
var of = ""; // global var to hold original font size
function zoomIn(element,f,getOrig) { // element,font percentage, get the original font size
// by default dont re-do it
blnReDo = false;
// get the element to zoomIn
elem = document.getElementById(element);
// if this is the first time through, set the original font size to the current value
if (getOrig)
of = parseInt(elem.style.fontSize);
//rf = requested font size
rf = of * f;
// cf = current font size
cf = parseInt(elem.style.fontSize);
// if the current font size is less than the requested font size, increase it by 5 and set the redo var to true
if (cf < rf) {
elem.style.fontSize = parseInt(cf) + 5;
blnReDo = true;
}
// repeat it every 10 ms to create an animated effect
if (blnReDo)
setTimeout("zoomIn('" + element + "'," + f + ",false)",10);
}
</script>
</head>
<body id="webBody" style="font-size:10px;">
<a href="javascript:zoomIn('webBody',5,true)">click to zoom<a>
<p><strong>Lorem ipsum</strong></p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam in sem. Vestibulum at dui sed mauris tincidunt laoreet. Sed vulputate cursus purus. In hac habitasse platea dictumst. Curabitur elit mauris, lobortis quis, vulputate in, sagittis vel, magna. Vestibulum tempor dolor bibendum neque. Cras malesuada, diam nec cursus consectetuer, magna dui dictum leo, ac congue massa justo et pede. In eget ipsum vel massa semper pulvinar. Nulla ante elit, sagittis in, volutpat sed, euismod quis, est. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam porttitor, mauris eget malesuada lacinia, leo ante vestibulum quam, non porta felis mauris et arcu. Donec id est vel mauris venenatis accumsan. Donec nibh risus, ultricies ac, iaculis non, faucibus eu, nibh.</p>
<p>Donec non ligula. Nunc leo justo, tempus quis, ornare in, ullamcorper at, mauris. Quisque in lectus. Donec eu sem. Sed faucibus risus eu leo. Nullam purus magna, laoreet id, aliquet vitae, blandit vitae, lorem. Etiam bibendum iaculis enim. Nam vehicula facilisis libero. Donec cursus eros et neque. Pellentesque at ligula. Nulla lorem lectus, viverra sit amet, scelerisque at, dignissim vel, ipsum. Maecenas lacus turpis, sollicitudin et, auctor scelerisque, suscipit vitae, ligula. In hac habitasse platea dictumst. In vel sem at massa euismod faucibus. Integer volutpat tincidunt dolor. Ut feugiat luctus ipsum. Praesent dapibus vestibulum mi. Ut dapibus rhoncus metus.</p>
<br /><br />
</body>
</html>
