<script type="text/javascript" language="javascript">
var min=8;
var max=18;
function increaseFontSize() {
var p = document.getElementsByTagName('p');
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.getElementsByTagName('p');
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"
}
}
</script>
<a href="javascript:decreaseFontSize();">Mindre</a>
<a href="javascript:increaseFontSize();">Större</a>
Skriptet ändrar endast texten
Av Waldemar Axdorph 15:15 27/1 2007
Varför blir det så? Skriptet ligger inom diven "innehåll" vilket Av Waldemar... och resten av texten gör också. Ändå blir det endast Av Waldemar... större/mindre.
Vad ska jag göra och har ni några andra alternativ till ett font-size skript?
Har även försökt att göra så att skriptet endast ändrar en div. Ni kan se koden nedanför och hjälpen jag söker är att få detta att funka.
<div id="kolumn1">
<script type="text/javascript" language="javascript">
var min=8;
var max=18;
function increaseFontSize(kolumn1) {
var p = document.getElementById(kolumn1);
if(p.style.fontSize) {
var s = parseInt(p.style.fontSize.replace("px",""));
} else {
var s = 12;
}
if(s!=max) {
s += 1;
}
p.style.fontSize = s+"px"
}
function decreaseFontSize(kolumn1) {
var p = document.getElementById(kolumn1);
if(p.style.fontSize) {
var s = parseInt(p.style.fontSize.replace("px",""));
} else {
var s = 12;
}
if(s!=min) {
s -= 1;
}
p.style.fontSize = s+"px"
}
</script>
<a href="javascript:decreaseFontSize(kolumn1);">Mindre</a>
<a href="javascript:increaseFontSize(kolumn1);">Större</a>
TEXT
</div>
