Scrollbar

Status
Niet open voor verdere reacties.

justmehaxe

Gebruiker
Lid geworden
12 aug 2001
Berichten
605
Heyz,

ik ben op zoek naar een scrollbar die ik op mijn webpagina kan gebruiken.
het is de bedoeling da je zeg maar 2 knoppen hebt en wanneer je erover heen gaat dat het frame dan naar beneden of naar boven gaat..

Alvast bedankt

greetz,
 
volgens mij is dit wat je zoekt:

<head>
<title>scroller-handmatig</title>
</head>

<body bgcolor="#000000" text="#00FF00" link="#CCFFCC" vlink="#008000">
<script language="JavaScript1.2">

iens6=document.all||document.getElementById
ns4=document.layers

//pas hier de snelheid van de scroller aan groter=sneller)
var speed=5

if (iens6){
document.write('<div id="container" style="position:relative;width:175;height:160;border:1px solid black;overflow:hidden">')
document.write('<div id="content" style="position:absolute;width:170;left:0;top:0">')
}
</script>
// pas hier de grootte en positie aan van het tekstvak
<ilayer name="nscontainer" width=175 height=160 clip="0,0,175,160">
<layer name="nscontent" width=175 height=160 visibility=hidden>

<!--INSERT CONTENT HERE-->
<p><font size="2">Dit is een test voor de tekst in dit scroller vak. zeer
goed en ruimte besparend</font>
<p><font size="2">Je kunt er van alles inzetten, zoveel je maar wilt , en hoe
je maar wilt......</font>
<p><font size="2">Hier staat nog meer onzin om de scroller te vullen. ......bla
bla bla</font>
<p><font size="2">Je kunt hier ook een <a href="http://" target="_blank">link</a>
in maken zodat men eenvoudig naar het onderwerp kan springen</font>
<p><font size="2"> Zo zie je maar weer , alles is mogelijk....... gevonden op
Leejoo's Webhebbies</font>
<p> </p>
<!--END CONTENT-->

</layer>
</ilayer>

<script language="JavaScript1.2">
if (iens6)
document.write('</div></div>')
</script>

<table width="190px"><td><p align="right">
<a href="#" onMouseover="moveup()" onMouseout="clearTimeout(moveupvar)"><img src="upimage.gif" border=0 width="32" height="32"></a> <a href="#" onMouseover="movedown()" onMouseout="clearTimeout(movedownvar)"><img src="downimage.gif" border=0 width="32" height="32"></a></p></td>
</table>

<script language="JavaScript1.2">
if (iens6){
var crossobj=document.getElementById? document.getElementById("content") : document.all.content
var contentheight=crossobj.offsetHeight
}
else if (ns4){
var crossobj=document.nscontainer.document.nscontent
var contentheight=crossobj.clip.height
}

function movedown(){
if (iens6&&parseInt(crossobj.style.top)>=(contentheight*(-1)+100))
crossobj.style.top=parseInt(crossobj.style.top)-speed
else if (ns4&&crossobj.top>=(contentheight*(-1)+100))
crossobj.top-=speed
movedownvar=setTimeout("movedown()",100)
}

function moveup(){
if (iens6&&parseInt(crossobj.style.top)<=0)
crossobj.style.top=parseInt(crossobj.style.top)+speed
else if (ns4&&crossobj.top<=0)
crossobj.top+=speed
moveupvar=setTimeout("moveup()",100)

}

function getcontent_height(){
if (iens6)
contentheight=crossobj.offsetHeight
else if (ns4)
document.nscontainer.document.nscontent.visibility="show"
}
window.onload=getcontent_height
</script>

</body>
</html>

Bron

Zpidey
 
Zpidey, dat script...
stel je hebt een site met een tabel gecentreerd op de pagina...die tabel bestaat uit 1 logo bovenaan, dan de inhoud daaronder, en daaronder het menu...zou dat script dan ook op die inhoud werken, gezien de positie ervan niet vast is ? (hij is gecentreerd, elke resolutie = andere coordinaten)

reden waarom ik dat vraag:
ik had net een scroll-script, maar die had < div style="position:absolute ........ nodig om te werken, en werkte hij dus niet bij mij...dus zou deze wel werken ?
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan