javascript vraag

11 October 2003, 12:30

Mensen ik heb wel wat ervaring met html en java maar heb nu een probleemtje.

op deze plek heb ik de beta versie staan.

aan de rechterkant zie je een scrollende tekstbalk. echter de scrollbalk van IE scrollt mee naar beneden. Met als gevolg dat de site heel erg "lang" wordt.

wie o wie weet een eventuele oplossing voor dit probleem?

alvast erg bedankt!

Remco

TheGroovMaster · 11 October 2003, 12:48

leuk als ik ook de bron ofzo kan bekijken?

een <div> of <table> met ingestelde hoogt werkt neem ik aan niet of wel?

11 October 2003, 12:50

IE??

TheGroovMaster · 11 October 2003, 12:51

Citaat:

Originally posted by mygirly
IE??

doh.... Inernet Explorer

11 October 2003, 12:52

k weet nie, ma ik heb da nie als ik hem open

de site wordt helemaal niet lang, eerst wel ma nu nie meer. VAAG

TheGroovMaster · 11 October 2003, 12:55

bij mij blijft ie lang en neem aan dat het zo blijft tot er een verbetering in komt.

maar kaimen, staat er niet ergens in het javascript een hoogte aangegeven?? misschien is die zo hoog ingesteld dat de pagina zolang word?

Chrizlybeer · 11 October 2003, 12:56

Citaat:

Originally posted by mygirly
IE??

11 October 2003, 13:15

Citaat:

Originally posted by Chrizlybeer

ik nie sow slim sijn

11 October 2003, 13:41

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>

TheGroovMaster · 11 October 2003, 14:37

snap je wat het probleem is....

hij zet al het nieuws onder elkaar en dat scrolled langzaam omhoog... je ziet pas als het in die "srcoll box" komt.

ik denk niet dat dit valt op te lossen. Denk dat je er iets anders op moet verzinnen of de code veranderen zodat niet alle tekst onder elkaar word gezet in 1keer, maar gewoon steeds 1 message pakt uit het script. Kan je niet met if en else werken in java script?

Verder snap ik niet veel van javascript, kweet alleen dat het niet echt een lekkere internet taal is om mee te werken, zeker niet gezien de toekomst ervan.

Misschien is het iets om je te gaan verdiepen in XML!

Chrizlybeer · 11 October 2003, 17:22

Kan je dat nieuws niet in flash maken? dan heb je dat met die scroll balk ook niet meer als het goed is

11 October 2003, 12:30	#1
kiamen Guest Berichten: n/a	javascript vraag Mensen ik heb wel wat ervaring met html en java maar heb nu een probleemtje. op deze plek heb ik de beta versie staan. aan de rechterkant zie je een scrollende tekstbalk. echter de scrollbalk van IE scrollt mee naar beneden. Met als gevolg dat de site heel erg "lang" wordt. wie o wie weet een eventuele oplossing voor dit probleem? alvast erg bedankt! Remco

11 October 2003, 17:22	#11
Chrizlybeer Beheerder Geregistreerd op: 4 January 2003 Locatie: Hel Berichten: 4.989	Kan je dat nieuws niet in flash maken? dan heb je dat met die scroll balk ook niet meer als het goed is __________________ Kijk.... Poep.... Poep is mooi.... Jij bent niet mooi....

11 October 2003, 12:48	#2
TheGroovMaster Über Mensch Geregistreerd op: 11 April 2002 Locatie: Haarlem Berichten: 9.069	leuk als ik ook de bron ofzo kan bekijken? een <div> of <table> met ingestelde hoogt werkt neem ik aan niet of wel?

11 October 2003, 12:52	#5
mygirly Guest Berichten: n/a	k weet nie, ma ik heb da nie als ik hem open de site wordt helemaal niet lang, eerst wel ma nu nie meer. VAAG

11 October 2003, 12:55	#6
TheGroovMaster Über Mensch Geregistreerd op: 11 April 2002 Locatie: Haarlem Berichten: 9.069	bij mij blijft ie lang en neem aan dat het zo blijft tot er een verbetering in komt. maar kaimen, staat er niet ergens in het javascript een hoogte aangegeven?? misschien is die zo hoog ingesteld dat de pagina zolang word?

11 October 2003, 13:41	#9
kiamen Guest Berichten: n/a	Mensen in IE zit toche en icoontje bewerken dan zie je de code. maar goed hier is ie dan: <html><!-- #BeginTemplate "/Templates/index2.dwt" --> <head> <!-- #BeginEditable "doctitle" --> <title>De Bromvliegers "Vliegensvlug in de tijd terug!"</title> <!-- #EndEditable --> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <script language="JavaScript"> <!-- function MM_reloadPage(init) { //reloads the window if Nav4 resized if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) { document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }} else if (innerWidth!=document.MM_pgW \|\| innerHeight!=document.MM_pgH) location.reload(); } MM_reloadPage(true); // --> </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"> <!-- #BeginEditable "main" --> <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> <!-- #EndEditable --> <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> <!-- #BeginEditable "header" --> <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> <!-- #EndEditable --> <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> <!-- #BeginEditable "newsbalk" --> <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-2scrollerpadding 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-2scrollerpadding)+">" 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-2scrollerpadding 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> <!-- #EndEditable --> </body> <!-- #EndTemplate --></html>

11 October 2003, 14:37	#10
TheGroovMaster Über Mensch Geregistreerd op: 11 April 2002 Locatie: Haarlem Berichten: 9.069	snap je wat het probleem is.... hij zet al het nieuws onder elkaar en dat scrolled langzaam omhoog... je ziet pas als het in die "srcoll box" komt. ik denk niet dat dit valt op te lossen. Denk dat je er iets anders op moet verzinnen of de code veranderen zodat niet alle tekst onder elkaar word gezet in 1keer, maar gewoon steeds 1 message pakt uit het script. Kan je niet met if en else werken in java script? Verder snap ik niet veel van javascript, kweet alleen dat het niet echt een lekkere internet taal is om mee te werken, zeker niet gezien de toekomst ervan. Misschien is het iets om je te gaan verdiepen in XML!