Større/mindre skriftstørrelse
Hej.Jeg har fundet et script, som kan gøre tekst større eller mindre. Jeg har dog problemer med at få det til at virke på min side. Teksten, som det skal virke på, ligger i en nested table - kan det være derfor? Se koden her:
http://komfrisk.dk/test/test.html
Scriptet er følgende:
var min=8;
var max=18;
function increaseFontSize() {
var p = document.getElementById('text');
for(i=0;i<p.length;i++) {
if(p[i].style.fontSize) {
var s = parseInt(p[i].style.fontSize.replace("px",""));
} else {
var s = 12;
}
if(s!=max) {
s += 1;
}
p[i].style.fontSize = s+"px"
}
}
function decreaseFontSize() {
var p = document.getElementById('text');
for(i=0;i<p.length;i++) {
if(p[i].style.fontSize) {
var s = parseInt(p[i].style.fontSize.replace("px",""));
} else {
var s = 12;
}
if(s!=min) {
s -= 1;
}
p[i].style.fontSize = s+"px"
}
}
Oprindeligt brugte jeg denne linie i stedet, hvilket virker, men problemet er, at teksten kommer fra en database, og jeg kan ikke altid være sikker på at teksten er omsluttet af paragraphs (jeg har ikke adgang til databasen):
var p = document.getElementsByTagName('p');
- men hvorfor virker ovennævvnte funktion med getElementById ikke?
