scrollbar

Status
Niet open voor verdere reacties.
T

the goose

Gebruiker
Lid geworden
15 feb 2007
Berichten
86
hey allen,

ik heb een tijdje geleden een code gevonden om te scrollen door gebruik te maken van 2 pijltjes in bv. een iframe, ipv een hele scrollbar.
ik heb deze toen opgeslagen, maar verder niets mee gedaan.
Vandaag echter wou ik de code gebruiken, heb de hoogten en breedtes wat aangepast, en dit is wat ik heb:

<html>
<head>
<title>blabla</title>

</head>
<body>


<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td background="images/contents.gif" width="419" height="480" style="font-family: Verdana, Times New Roman, Arial, Helvetica; font-size: 10; color: #ffffff" valign="top">

<center>

:: Nav_1 ::<br><br><br>


<script type="text/javascript">

/******************************************
* Scrollable content script II- © Dynamic Drive (www.dynamicdrive.com)
* Visit http://www.dynamicdrive.com/ for full source code
* This notice must stay intact for use
******************************************/

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:419px;height:397px;border:0px solid black;overflow:hidden">')
document.write('<div id="content" style="position:absolute;width:419px;left:0;top:0">')
}
</script>

<ilayer name="nscontainer" width=419 height=397 clip="0,0,419,397">
<layer name="nscontent" width=419 height=397 visibility=hidden>


Blablablablablablablablablablablablablablablablablablablablablablablabla<br>
Blablablablablablablablablablablablablablablablablablablablablablablabla<br>
Blablablablablablablablablablablablablablablablablablablablablablablabla<br>
Blablablablablablablablablablablablablablablablablablablablablablablabla<br>
Blablablablablablablablablablablablablablablablablablablablablablablabla<br>
Blablablablablablablablablablablablablablablablablablablablablablablabla<br>
Blablablablablablablablablablablablablablablablablablablablablablablabla<br>
Blablablablablablablablablablablablablablablablablablablablablablablabla<br>
Blablablablablablablablablablablablablablablablablablablablablablablabla<br>
Blablablablablablablablablablablablablablablablablablablablablablablabla<br>
Blablablablablablablablablablablablablablablablablablablablablablablabla<br>
Blablablablablablablablablablablablablablablablablablablablablablablabla<br>
Blablablablablablablablablablablablablablablablablablablablablablablabla<br>
Blablablablablablablablablablablablablablablablablablablablablablablabla<br>
Blablablablablablablablablablablablablablablablablablablablablablablabla<br>
Blablablablablablablablablablablablablablablablablablablablablablablabla<br>
Blablablablablablablablablablablablablablablablablablablablablablablabla<br>
Blablablablablablablablablablablablablablablablablablablablablablablabla<br>
Blablablablablablablablablablablablablablablablablablablablablablablabla<br>
Blablablablablablablablablablablablablablablablablablablablablablablabla<br><br>
Blablablablablablablablablablablablablablablablablablablablablablablabla<br>
Blablablablablablablablablablablablablablablablablablablablablablablabla<br>
Blablablablablablablablablablablablablablablablablablablablablablablabla<br>
Blablablablablablablablablablablablablablablablablablablablablablablabla<br>
Blablablablablablablablablablablablablablablablablablablablablablablabla<br>
Blablablablablablablablablablablablablablablablablablablablablablablabla<br>
Blablablablablablablablablablablablablablablablablablablablablablablabla<br>
Blablablablablablablablablablablablablablablablablablablablablablablabla<br>
Blablablablablablablablablablablablablablablablablablablablablablablabla<br>
Blablablablablablablablablablablablablablablablablablablablablablablabla<br>
Blablablablablablablablablablablablablablablablablablablablablablablabla<br>
Blablablablablablablablablablablablablablablablablablablablablablablabla<br>
Blablablablablablablablablablablablablablablablablablablablablablablabla<br>
Blablablablablablablablablablablablablablablablablablablablablablablabla<br>
Blablablablablablablablablablablablablablablablablablablablablablablabla<br>
Blablablablablablablablablablablablablablablablablablablablablablablabla<br>
Blablablablablablablablablablablablablablablablablablablablablablablabla<br>
Blablablablablablablablablablablablablablablablablablablablablablablabla<br>


</layer>
</ilayer>

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

<table width="419px"><td><p align="right">
<a href="#" onMouseover="moveup()" onMouseout="clearTimeout(moveupvar)"><img src="up.gif" border=0></a><br><br><a href="#" onMouseover="movedown()" onMouseout="clearTimeout(movedownvar)"><img src="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)+300))
crossobj.style.top=parseInt(crossobj.style.top)-speed+"px"
else if (ns4&&crossobj.top>=(contentheight*(-1)+300))
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>



<font color="a1a1a1">blabla</font>


</center>
</td>


</tr>
</table>
</body>
</html>
Klik om te vergroten...

up.gif:
uppu6.gif

down.gif:
downss4.gif

contents.gif:
contentscl8.gif
(in een images folder)

Het eerste probleem is dat, als je als eerste op het pijltje naar boven drukt, de tekst paar millimeter naar boven scrolt. Dit zou ik graag verhelpen, maar alleen geraak ik er niet uit.

Een tweede probleem is, wanneer je een tijdje op het pijltje naar beneden drukt, de tekst enkele centimeters te ver naar onder scrolt.
Ligt dit aan de hoogten? Welke zouden deze dan moeten zijn?

Kan iemand me hier bij helpen aub?

Alvast bedankt,
The goose
 
Laatst bewerkt:
Eerste probleem is op te lossen door de = weg te halen, dus zo:
Code: 
function moveup(){
if (iens6&&parseInt(crossobj.style.top)<0)

ipv

Code: 
function moveup(){
if (iens6&&parseInt(crossobj.style.top)<=0)
 
Code: 
if (iens6){
document.write('<div id="container" style="position:relative;width:419px;height:397px;border:0px solid black;overflow:hidden">')
document.write('<div id="content" style="position:absolute;width:419px;left:0;top:0">')

moet zijn:
Code: 
if (iens6){
document.write('<div id="container" style="position:relative;width:419px;height:[B]293[/B]px;border:0px solid black;overflow:hidden">')
document.write('<div id="content" style="position:absolute;width:419px;left:0;top:0">')
 
als ik de code aanpas, scrolt hij inderdaad niet meer centimeters te ver naar onder, maar nu is de 'kader' waar mijn tekst in komt te staan wel te klein... hoe kan ik de originele hoogte bewaren?
 
ik heb het gevonden :)
zeer hard bedankt voor je hulp, het enige dat ik nog heb aangepast om de originele hoogte te bewaren is dit:

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

ipv

Code: 
function movedown(){
if (iens6&&parseInt(crossobj.style.top)>=(contentheight*(-1)+300))
crossobj.style.top=parseInt(crossobj.style.top)-speed+"px"
else if (ns4&&crossobj.top>=(contentheight*(-1)+300))
crossobj.top-=speed
movedownvar=setTimeout("movedown()",20)

groeten,
The goose
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan