[TYPO3-UG Dutch] Lettertype grootte

Fri Jun 26 21:34:15 CEST 2009

Beste Typo3'ers,

Vaak op websites zie je het volgende: A A A (deze zijn dan in verschillende
grootte). Voorbeeld: www.ns.nl <http://www.ns.nl/>  (rechts bovenin). Ben al
het een en ander gaan zoeken op internet naar HTML codes. Maar hebben jullie
hier een mooie code voor? Zelf heb ik het volgende gevonden, maar
functioneel is het niet.

<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">

<title>Pagina Zoom&nbsp; 100% 150% 200% 500%</title>

<script style="text/javascript">

var z=1;

function inzoomen(){

z=z+.1;document.body.style.zoom=z;}

function uitzoomen(){

z=z-.1;document.body.style.zoom=z;}

</script>

</head>

<body>

<input type="button" value="+" onClick="inzoomen();">

Pagina Zoom

<input type="button" value="-" onClick="uitzoomen();">

<input type="radio" name="z"
onclick="document.body.style.zoom=1.0;this.blur();">100%<br>

<input type="radio" name="z"
onclick="document.body.style.zoom=1.5;this.blur();">150%<br>

<input type="radio" name="z"
onclick="document.body.style.zoom=2.0;this.blur();">200%<br>

<input type="radio" name="z"
onclick="document.body.style.zoom=5.0;this.blur();">500%<br>

<input type="radio" name="z"
onclick="document.body.style.zoom=10.0;this.blur();">1000%<br><p></p>

<input type="button" onclick="document.body.style.fontSize = '120%'"

value = "Grotere">&nbsp;

<input type = "button" onclick = "document.body.style.fontSize ='144% '"
<input type="button" onclick="document.body.style.fontSize = '144%'"

value = "grootste"> 

</body>

Het zijn twee verschillende opties voor het zoom effect. Maar ik wel echter
iets beters. Hebben jullie een goede en mooie oplossing? Alvast bedankt!

Met vriendelijke groet,
Martijn de Vries