|
Computers & Internet Problemen met je computer, of weet je niet welke router nu te moeten installeren voor je breedbandje? Dit, en andere zaken vind je hier! |
|
Onderwerpopties | Waardering: | Weergavemodus |
11 October 2003, 12:30 | #1 |
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, 12:48 | #2 |
Über Mensch
|
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 | #3 |
Guest
Berichten: n/a
|
IE??
|
11 October 2003, 12:51 | #4 | |
Über Mensch
|
Citaat:
|
|
11 October 2003, 12:52 | #5 |
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 |
Über Mensch
|
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, 12:56 | #7 | |
Beheerder
Geregistreerd op: 4 January 2003
Locatie: Hel
Berichten: 4.989
|
Citaat:
__________________
Kijk.... Poep.... Poep is mooi.... Jij bent niet mooi.... |
|
11 October 2003, 13:15 | #8 | |
Guest
Berichten: n/a
|
Citaat:
|
|
11 October 2003, 13:41 | #9 |
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-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> <!-- #EndEditable --> </body> <!-- #EndTemplate --></html> |
11 October 2003, 14:37 | #10 |
Über Mensch
|
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! |
11 October 2003, 17:22 | #11 |
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.... |