Hoe dit scritp aanpassen om tekst resizen ?

[yammaski]

Met dit scriptje, zie testpage, kan je de tekst groter of kleiner maken. Dit gebeurd nu in stapjes van 1 per klik.
Hoe pas ik de code aan dat het per klik meer stapjes neemt ?

<script type="text/javascript">
var dsi=16;
function kleingroot(p) {
if (p == "grow") {
dsi++;
}
else {
dsi--;
}
document.getElementById('TextColor').style.fontSize=dsi;
}
</script>

 

[Supersnail]

[js]dsi++;[/js]
Dit betekent [js]dsi = dsi + 1;[/js]
(Dit geldt mutatis mutandis ook voor "dsi--").
Als je grotere stappen wilt moet je dit dus veranderen (bijv):
[js]var stapgrootte = 3;
<snip>
dsi+=stapgrootte;
<snip>
dsi-=stapgrootte;[/js]
[js]dsi+=stapgrootte[/js] is hetzelfde als [js]dsi = dsi + stapgrootte;[/js] dat mag je ook gebruiken, maar ik houd niet van zoveel typen . Het is ook niet verplicht om een variabele stapgrootte te maken, maar het is wel het makkelijkste als je later de stapgrootte wilt veranderen.

Overigens werkt jouw script niet bij mij (Firefox). Ik moest

Klik op <a onClick=kleingroot("grow")>GROTER</a> of <a onClick=kleingroot()>KLEINER</a> om de tekst aan te passen !

veranderen in

Klik op <a href="#" onclick='kleingroot("grow")'>GROTER</a> of <a href="#" onclick="kleingroot()">KLEINER</a> om de tekst aan te passen !

Ook moest ik
[js]document.getElementById('TextColor').style.fontSize=dsi;[/js] veranderen in [js]document.getElementById('TextColor').style.fontSize=dsi+"px";[/js]

 

[yammaski]

ok, bedankt
ik heb het aangepast en werkt hier ook in Chrome en IE6