Du skal bruge dette script, og huske at det er det der ligger imellem <span></span> der bliver ændret.
De span'er der skal ændres skal også have class="text_scaleable" og id="scaleable"
se eksempel på:
http://www.njfk.dk/size.html
<html>
<head>
<title>Skift Størrelse</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language=javascript>
function setSizeHandler(aSelect) {
var mySize = aSelect.options[aSelect.selectedIndex].value;
if (window.isScaleable) {
window.setSize(mySize);
}
}
</script>
<script language="javascript">
function setSize(size) {
var theElements = document.getElementsByTagName("span");
for (i=0 ; i<theElements.length ; i++)
{
var curElement=theElements[i];
var curAttribs=curElement.attributes;
for (j=0 ; j < curAttribs.length; j++)
{
var curAttrib = curAttribs[j];
if (curAttrib.nodeName== 'class' && curAttrib.nodeValue== 'text_scaleable')
{
curElement.style.fontSize = '' + size + 'px';
}
}
}
}
</script>
<script language="javascript">
var isScaleable = true;
function setSize(size) {
var theElements = document.getElementsByTagName("span");
for (i=0 ; i<theElements.length ; i++) {
var curElement=theElements[i];
var curAttribs=curElement.attributes;
for (j=0 ; j < curAttribs.length; j++) {
var curAttrib = curAttribs[j];
if (curAttrib.nodeName== 'class' && curAttrib.nodeValue== 'text_scaleable') {
curElement.style.fontSize = '' + size + 'px';
}
}
}
}
</script>
</head>
<body>
<select name=fontsize_dropdown="FONT-FAMILY:Verdana,Arial;FONT-SIZE=10px" onChange="setSizeHandler(this);">
<option value=10>10</option>
<option value=11>11</option>
<option value=12>12</option>
<option value=13>13</option>
<option value=14>14</option>
<option value=15>15</option>
<option value=16 selected>16</option>
<option value=30>30</option>
</select>
<span class="text_scaleable" id="scaleable">Test Test Test Test Test Test Test Test Test Test Test Test </span>
<br>
<span class="text_scaleable" id="scaleable">Hurra Hurra Hurra Hurra Hurra Hurra Hurra Hurra Hurra Hurra Hurra </span>
</body>
</html>
Mvh
sMorch