hey,
Ik heb een tijdje geleden een code gevonden om mijn scrollbar te vervangen door 2 simpele pijltjes. Het probleem is dat die pijltjes er altijd staan, ook al hoeft er helemaal niet gescrolled te worden en dit is dan ook niet mogelijk. Met andere woorden, hoe kan ik die pijltjes (net zoals een normale scrollbar) enkel laten verschijnen indien er gescrolled moet worden?
Dit is een voorbeeld van mijn html bestand:
(benodigde) images:
up.gif:
down.gif:
contents_iframe.jpg:
(in images folder)
Dank bij voorbaat!
the goose
Ik heb een tijdje geleden een code gevonden om mijn scrollbar te vervangen door 2 simpele pijltjes. Het probleem is dat die pijltjes er altijd staan, ook al hoeft er helemaal niet gescrolled te worden en dit is dan ook niet mogelijk. Met andere woorden, hoe kan ik die pijltjes (net zoals een normale scrollbar) enkel laten verschijnen indien er gescrolled moet worden?
Dit is een voorbeeld van mijn html bestand:
HTML:
<html>
<head>
<title>Example</title>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td background="images/contents_iframe.jpg" width="476" height="571" style="font-family: Verdana, Times New Roman, Arial, Helvetica; font-size: 10; color: #ffffff" valign="top">
<center>
:: Nav_3 ::<br><br>
</center>
<script type="text/javascript">
iens6=document.all||document.getElementById
ns4=document.layers
//specify speed of scroll (greater=faster)
var speed=6
if (iens6){
document.write('<div id="container" style="position:relative;width:476px;height:480px;border:0px solid black;overflow:hidden">')
document.write('<div id="content" style="position:absolute;width:476px;left:0;top:0">')
}
</script>
<ilayer name="nscontainer" width=476 height=480 clip="0,0,476,480">
<layer name="nscontent" width=476 height=480 visibility=hidden>
Blablablablablablablablablablablablablablablablablablablablablablablablablablabl<br>
Blablablablablablablablablablablablablablablablablablablablablablablablablablabl<br>
Blablablablablablablablablablablablablablablablabla<br><br>
Blablablablablablablablablablablablablablablablablablablablablablablablablablabl<br>
Blablablablablablablablablablablablablablablablablablablablablablabla<br>
Blablablablablablablablablablablablablablablablablablablablablablablablablablabl<br><br>
Blablablablablablablablablablablablablablablablablablablablablablablablablablabl<br>
Blablablablablablablablablablablablablablablablablablablablablablablablablablabl<br>
Blablablablablablablablablablablablablablablablablablablablablablablablablablabl<br>
Blablablablablablablablablablablablablablablablablablablablablablablablablablabl<br>
Blablablablablablablablablablablablablablablablablablabla<br>
Blablablablablablablablablablablablablablablablablablablablablablablablablablabl<br>
Blablablablablablablablablablablablablablablablablablablablablablablablablablabl<br>
Blablablablablablablablablablablablablablablablablablablablablablablablablablabl<br>
Blablablablablablablablablablablablablablablablablablablablablablablablablablabl<br>
Blablablablablablablablablablablablablablablablablablablablabla<br><br>
Blablablablablablablablablablablablablablablablablablablablablablablablablablabl<br>
Blablablablablablablablablablablablablablabla<br><br>
Blablablablablablablablablablablablablablablablablablablablablablablablablablabl<br>
Blablablablablablablablablablablablablablablablablablablablablablabla<br><br>
Blablablablablablablablablablablablablablablablablablablablablablablablablablabl<br>
Blablablablablablablablablablablablablablablablablablablablablablablablablablabl<br>
Blablablablablablablablabla
</layer>
</ilayer>
<script language="JavaScript1.2">
if (iens6)
document.write('</div></div>')
</script>
<table width="476px"><td><p align="right">
<a href="#" onMouseover="moveup()" onMouseout="clearTimeout(moveupvar)"><img src="images/up.gif" border=0></a><br><br><a href="#" onMouseover="movedown()" onMouseout="clearTimeout(movedownvar)"><img src="images/down.gif" border=0></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)+480))
crossobj.style.top=parseInt(crossobj.style.top)-speed+"px"
else if (ns4&&crossobj.top>=(contentheight*(-1)+480))
crossobj.top-=speed
movedownvar=setTimeout("movedown()",20)
}
function moveup(){
if (iens6&&parseInt(crossobj.style.top)<0)
crossobj.style.top=parseInt(crossobj.style.top)+speed+"px"
else if (ns4&&crossobj.top<=0)
crossobj.top+=speed
moveupvar=setTimeout("moveup()",20)
}
function getcontent_height(){
if (iens6)
contentheight=crossobj.offsetHeight
else if (ns4)
document.nscontainer.document.nscontent.visibility="show"
}
window.onload=getcontent_height
</script>
<center>
<font color="a1a1a1">© 2007</font>
</center>
</tr>
</table>
</style>
</body>
</html>(benodigde) images:
up.gif:
down.gif:
contents_iframe.jpg:
Dank bij voorbaat!
the goose
Laatst bewerkt:
zelf vind ik het niet..