Leerlingen.com Forum - javascript vraag

Mensen in IE zit toche en icoontje bewerken dan zie je de code.

maar goed hier is ie dan:

<html>
<head>

<title>De Bromvliegers "Vliegensvlug in de tijd terug!"</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">

</script>
</head>

<body onLoad="initiate()" bgcolor="#999999" text="#000000" link="#FFFF00" vlink="#CCCCCC">
<div id="Layer3" style="position:absolute; width:56px; height:291px; z-index:3; left: 84px; top: 139px"><img src="flys2.gif" width="55" height="355"></div>
<div id="Layer1" style="position:absolute; width:504px; height:517px; z-index:4; left: 214px; top: 56px; background-image: url(lijntjesbackground.jpg); layer-background-image: url(lijntjesbackground.jpg); border: 1px none #000000">

<div id="Layer2" style="position:absolute; width:357px; height:469px; z-index:1; left: 20px; top: 31px; background-color: #CCCCCC; layer-background-color: #CCCCCC; border: 1px none #000000">
<div id="Layer4" style="position:absolute; width:331px; height:35px; z-index:5; left: 154px; top: -40px; background-color: #666666; layer-background-color: #666666; border: 1px none #000000">
<div align="right"><font face="Arial, Helvetica, sans-serif" size="5" color="#FFFFFF"><i><font size="3">
<font size="5">V</font><font size="5">liegensvlug in de tijd terug!</font></font></i></font></div>
</div>
<div id="Layer20" style="position:absolute; width:73px; height:25px; z-index:6; left: -92px; top: 268px; background-image: url(lijntjesbackground.jpg); layer-background-image: url(lijntjesbackground.jpg); border: 1px none #000000"></div>
<div id="Layer21" style="position:absolute; width:259px; height:9px; z-index:7; left: 114px; top: 485px; background-image: url(lijntjesbackground.jpg); layer-background-image: url(lijntjesbackground.jpg); border: 1px none #000000">
<div align="center"><font face="Arial, Helvetica, sans-serif"><i><font color="#666666">©
2003 De Bromvliegers </font></i></font></div>
</div>
<div id="Layer22" style="position:absolute; width:206px; height:115px; z-index:8; left: -78px; top: 328px"><img src="gratisblank.gif" width="223" height="226"></div>
<p><font face="Arial, Helvetica, sans-serif" size="2"><i><b>Welkom bij De
Bromvliegers,</b></i></font></p>
<p><font face="Arial, Helvetica, sans-serif" size="3"><b><i>D</i></b></font><font face="Arial, Helvetica, sans-serif" size="2">e
Bromvliegers heetten u van harte welkom op deze compleet vernieuwde website<i><b><br>
<br>
</b></i><font size="3"><b><i>O</i></b></font>p dit moment telt onze vereniging
al meer dan 110 leden!<b><i> </i></b>Mensen </font><font face="Arial, Helvetica, sans-serif"><font size="2">met
oerdegelijke Nederlandse bromfietsen tot aan prachtige "buikschuivers"
uit het land van de laars. Maar ook de Japanse en Duitse merken zijn ruimschoots
vertegenwoordigt bij "De Bromvliegers". Deze diversiteit in merken,
gecombineerd met de bekende brabantse gezelligheid en een ijzersterk jaarprogramma,
zijn slechts enkele voorbeelden van factoren, die verantwoordelijk zijn
voor onze succesvolle entree in de bromfiets wereld.<br>
<br>
<b><i><font size="3">I</font></i></b></font></font><font size="2" face="Arial, Helvetica, sans-serif">nmiddels
is onze club de grootste van Zuid Nederland, en zijn we vastbesloten ook
in <b><i>seizoen 2004</i></b> de toonaangever te zijn in de wereld die ons
allen zo boeit, die van de oldtimer bromfiets! </font></p>
<div id="Layer23" style="position:absolute; width:200px; height:45px; z-index:10; left: 149px; top: 333px">
<p><font size="3" face="Arial, Helvetica, sans-serif">G</font><font size="2" face="Arial, Helvetica, sans-serif">a
vandaag nog samen met ons<br>
<b><i>"Vliegensvlug in de tijd terug!"</i></b></font></p>
<p> </p>
</div>
</div>

<div id="Layer5" style="position:absolute; width:152px; height:22px; z-index:2; left: -151px; top: 61px; background-image: url(lijntjesbackground.jpg); layer-background-image: url(lijntjesbackground.jpg); border: 1px none #000000">
<div align="right"><font face="Verdana, Arial, Helvetica, sans-serif"><b></b></font></div>
</div>
</div>

<div id="Layer24" style="position:absolute; width:102px; height:196px; z-index:10; left: 591px; top: 361px; background-color: #CCCCCC; layer-background-color: #CCCCCC; border: 1px none #000000"></div>
<div id="Layer4" style="position:absolute; width:146px; height:35px; z-index:5; left: 214px; top: 18px; background-color: #006600; layer-background-color: #006600; border: 1px none #000000"><font face="Verdana, Arial, Helvetica, sans-serif" size="6" color="#FFFFFF">Welkom!</font></div>

<div id="Layer6" style="position:absolute; width:19px; height:358px; z-index:6; left: 63px; top: 137px; background-image: url(lijntjesbackground.jpg); layer-background-image: url(lijntjesbackground.jpg); border: 1px none #000000"></div>
<div id="Layer5" style="position:absolute; width:153px; height:20px; z-index:2; left: 63px; top: 495px; background-image: url(lijntjesbackground.jpg); layer-background-image: url(lijntjesbackground.jpg); border: 1px none #000000"></div>
<div id="Layer7" style="position:absolute; width:71px; height:23px; z-index:7; left: 142px; top: 139px; background-color: #006600; layer-background-color: #006600; border: 1px none #000000">
<div align="center"><font face="Verdana, Arial, Helvetica, sans-serif"><b><font color="#FFFFFF" face="Arial, Helvetica, sans-serif" size="2"><a href="index.htm">Home</a></font></b></font></div>
</div>
<div id="Layer8" style="position:absolute; width:71px; height:23px; z-index:7; left: 142px; top: 160px; background-color: #666666; layer-background-color: #666666; border: 1px none #000000">
<div align="center"><font face="Verdana, Arial, Helvetica, sans-serif"><b><font face="Arial, Helvetica, sans-serif" size="2" color="#FFFFFF"><a href="overons.htm">Over
ons</a> </font></b></font></div>
</div>
<div id="Layer9" style="position:absolute; width:71px; height:23px; z-index:7; left: 142px; top: 181px; background-color: #006600; layer-background-color: #006600; border: 1px none #000000">
<div align="center"><font face="Verdana, Arial, Helvetica, sans-serif"><b><font face="Arial, Helvetica, sans-serif" color="#FFFFFF" size="2"><a href="nieuws.htm">Nieuws</a></font></b></font></div>
</div>
<div id="Layer10" style="position:absolute; width:71px; height:23px; z-index:7; left: 143px; top: 255px; background-color: #006600; layer-background-color: #006600; border: 1px none #000000">
<div align="center"><font face="Verdana, Arial, Helvetica, sans-serif"><b><font face="Arial, Helvetica, sans-serif" color="#FFFFFF" size="2"><a href="clubblad.htm">Clubblad</a></font></b></font></div>
</div>
<div id="Layer11" style="position:absolute; width:71px; height:23px; z-index:7; left: 142px; top: 203px; background-color: #666666; layer-background-color: #666666; border: 1px none #000000">
<div align="center"><font face="Verdana, Arial, Helvetica, sans-serif"><b><font color="#FFFFFF" face="Arial, Helvetica, sans-serif" size="2"><a href="agenda.htm">Agenda</a></font></b></font></div>
</div>
<div id="Layer12" style="position:absolute; width:71px; height:23px; z-index:7; left: 143px; top: 449px; background-color: #006600; layer-background-color: #006600; border: 1px none #000000">
<div align="center"><font face="Arial, Helvetica, sans-serif" color="#FFFFFF"><b><font size="2"><a href="links.htm">Links</a></font></b></font></div>
</div>
<div id="Layer14" style="position:absolute; width:71px; height:23px; z-index:7; left: 143px; top: 472px; background-color: #666666; layer-background-color: #666666; border: 1px none #000000">
<div align="center"><font face="Arial, Helvetica, sans-serif" color="#FFFFFF"><b><font size="2"><a href="colofon.htm">Colofon</a></font></b></font></div>
</div>
<div id="Layer15" style="position:absolute; width:71px; height:23px; z-index:7; left: 143px; top: 332px; background-color: #006600; layer-background-color: #006600; border: 1px none #000000">
<div align="center"><font face="Arial, Helvetica, sans-serif" color="#FFFFFF"><b><font size="2"><a href="clubshop.htm">Clubshop</a></font></b></font></div>
</div>
<div id="Layer16" style="position:absolute; width:71px; height:23px; z-index:7; left: 143px; top: 382px; background-color: #666666; layer-background-color: #666666; border: 1px none #000000">
<div align="center"><font face="Arial, Helvetica, sans-serif" color="#FFFFFF"><b><font size="2"><a href="weer.htm">Het
weer</a> </font></b></font></div>
</div>
<div id="Layer17" style="position:absolute; width:71px; height:23px; z-index:7; left: 143px; top: 404px; background-color: #006600; layer-background-color: #006600; border: 1px none #000000">
<div align="center"><font face="Arial, Helvetica, sans-serif" color="#FFFFFF"><b><font size="2"><a href="forum.htm">Forum</a></font></b></font></div>
</div>
<div id="Layer16" style="position:absolute; width:71px; height:23px; z-index:7; left: 143px; top: 427px; background-color: #666666; layer-background-color: #666666; border: 1px none #000000">
<div align="center"><font face="Arial, Helvetica, sans-serif" color="#FFFFFF"><b><font size="2"><a href="poll.htm">Peiling</a></font></b></font></div>
</div>
<div id="Layer18" style="position:absolute; width:71px; height:53px; z-index:7; left: 143px; top: 278px; background-color: #666666; layer-background-color: #666666; border: 1px none #000000">
<div align="center"><font face="Arial, Helvetica, sans-serif" color="#FFFFFF"><b><font size="2"><a href="leden.htm">Leden
en lid worden</a></font></b></font></div>
</div>
<div id="Layer19" style="position:absolute; width:72px; height:27px; z-index:8; left: 143px; top: 227px; background-image: url(lijntjesbackground.jpg); layer-background-image: url(lijntjesbackground.jpg); border: 1px none #000000"></div>

<div id="Layer13" style="position:absolute; width:102px; height:274px; z-index:9; left: 591px; top: 87px; background-color: #CCCCCC; layer-background-color: #CCCCCC">
<script language="JavaScript1.2">

var message= new Array()

// voeg hieronder net zoveel boodschappen toe als je wilt
message[0]="100ste lid is een feit|Koen van Sinten uit Boekel is de gelukkige want hij is het 100ste lid van De Bromvliegers. Koen rijdt op een Batavus Mot-o-Mat. Met het bereiken van deze ledenstand is onze club inmiddels de grootste van Zuid-Nederland|nieuws.html"

message[1]="Nieuwe Sponsor|Security Systems van Berlo kortweg SSB uit Veghel is de nieuwste sponsor van onze club. kijk voor meer informatie over SSB op ssbsecurity.nl|www.ssbsecurity.nl/"

message[2]="Paul Engels Financieringen|Voor al uw financieringen gaat u vliegensvlug naar: Financierings-kantoor Paul Engels in Uden. |mailto:paulengels@home.nl"

message[3]="Den-Oldtimer in Nijnsel|Is het adres voor oldtimer bromfietsen. Met wekelijks nieuwe aanvoer komt u bij Den-Oldtimer ogen tekort. Kom eens langs op Di/Wo/Vr avond van 18.00 tot 21.00 uur of Zaterdags van 09.00 tot 16.00 uur. U vindt ons aan de Sonseweg 19 te Sint-Oedenrode|http://www.leejoo.nl"

// De hoogte (pixels)
var scrollerheight=260

// de breedte (pixels)
var scrollerwidth=95

// afstand links (pixels)
var scrollertop=20

// Afstand top (pixels)
var scrollerleft=20

// ruimte tussen scrollerbox en tekst (pixels)
var scrollerpadding=15

// dikte rand scrollbox (pixels)
var backgroundborder=0

// achtergrondkleur
var scrollerbgcolor="CCCCCC"

// Font stijl en kleur links
var font_titleface="Verdana"
var font_titlecolor="CC6600"
var font_titlesize=1

// gewone tekst
var font_copyface="Verdana"
var font_copycolor="336600"
var font_copysize=1

// stilstaan messages (milliseconds)
var standstillfix=5000

// verander hieronder niets
var cliptop=0
var clipbottom=scrollerheight-2*scrollerpadding
var clipleft=0
var clipright=scrollerwidth

var i_message=0
var mes_joined
var mes_split
var contenttext
var contentbg

var totalheight=scrollerheight*(message.length)
var i_height=0
var step=1
var pause=20

var standstillflex=0

function initiate(){
contenttext="<table cellpadding=0 cellspacing=0 border=0 width="+(scrollerwidth-2*scrollerpadding)+">"
contenttext+="<tr valign='top'><td height='"+scrollerheight+"'><br></td></tr>"
for (i=0;i<=message.length-1;i++) {
mes_joined=message[i]
mes_split=mes_joined.split("|")
contenttext+="<tr valign='top'><td height='"+scrollerheight+"'><a href='"+mes_split[2]+"'><font face='"+font_titleface+"' color='"+font_titlecolor+"' size='"+font_titlesize+"'>"+mes_split[0]+"</font></a><br><font face='"+font_copyface+"' color='"+font_copycolor+"' size='"+font_copysize+"'>"+mes_split[1]+"</font></td></tr>"
}
contenttext+="</table>"

contentbg="<table cellpadding=0 cellspacing=0 border="+backgroundborder+" width='"+scrollerwidth+"'><tr><td height='"+scrollerheight+"' bgcolor="+scrollerbgcolor+"> </td></tr></table>"

if (document.all) {
scrollertext.innerHTML=contenttext
scrollerbg.innerHTML=contentbg
document.all.scrollertext.style.posTop=scrollertop
document.all.scrollertext.style.posLeft=scrollerle ft
document.all.scrollerbg.style.posTop=scrollertop-scrollerpadding
document.all.scrollerbg.style.posLeft=scrollerleft-scrollerpadding
document.all.scrollertext.style.clip="rect("+clipt op+" "+clipright+" "+clipbottom+" "+clipleft+")"
}
if (document.layers) {
document.scrollertext.document.write(contenttext)
document.scrollertext.document.close()
document.scrollerbg.document.write(contentbg)
document.scrollerbg.document.close()
document.scrollertext.top=scrollertop
document.scrollertext.left=scrollerleft
document.scrollerbg.top=scrollertop-scrollerpadding
document.scrollerbg.left=scrollerleft-scrollerpadding
document.scrollertext.clip.left=clipleft
document.scrollertext.clip.right=clipright
document.scrollertext.clip.top=cliptop
document.scrollertext.clip.bottom=clipbottom
}
scroll()
}

function scroll(){
standstillflex=standstillfix
if (document.all){
if (i_height<scrollerheight) {
i_height+=step
cliptop+=step
clipbottom+=step
document.all.scrollertext.style.clip="rect("+clipt op+" "+clipright+" "+clipbottom+" "+clipleft+")"
document.all.scrollertext.style.posTop-=step
var timer=setTimeout("scroll()",pause)
}

else {
if (document.all.scrollertext.style.posTop<=-(totalheight)) {
document.all.scrollertext.style.posTop=scrollertop
cliptop=0
clipbottom=scrollerheight-2*scrollerpadding
document.all.scrollertext.style.clip="rect("+clipt op+" "+clipright+" "+clipbottom+" "+clipleft+")"
standstillflex=0
}
i_height=0
clearTimeout(timer)
var timer=setTimeout("scroll()",standstillflex)
}
}

if (document.layers){
if (i_height<scrollerheight) {
i_height+=step
cliptop+=step
clipbottom+=step
document.scrollertext.clip.left=clipleft
document.scrollertext.clip.right=clipright
document.scrollertext.clip.top=cliptop
document.scrollertext.clip.bottom=clipbottom
document.scrollertext.top-=step
var timer=setTimeout("scroll()",pause)
}

else {
if (document.scrollertext.top<=-(totalheight)) {
document.scrollertext.top=scrollertop
cliptop=0
clipbottom=scrollerheight-2*scrollerpadding
document.scrollertext.clip.left=clipleft
document.scrollertext.clip.right=clipright
document.scrollertext.clip.top=cliptop
document.scrollertext.clip.bottom=clipbottom
standstillflex=0
}
i_height=0
clearTimeout(timer)
var timer=setTimeout("scroll()",standstillflex)
}
}
}

</script>
<div id="scrollerbg" style="position:absolute;top:-1000px"> </div>
<div id="scrollertext" style="position:absolute;top:-1000px"> </div>
</div>

</body>
</html>