Hi, ik zit al de hele dag te kloten met het volgende probleem.
Ik ben mijn portfolio aan het ontwerpen en maak hierbij gebruik van een javascriptje dat de scrollbalk onnodag maakt en met een mouseover begint de zaak te scrollen. In IE werkt dit prima, de knoppen staan netjes onder de content en dr content begint daarboven. In firefox gaat de content echter over de knoppen heen, en ik krijg dit maar niet opgelost. Heeft iemand misschien een idee waarin ik het antwoord kan vinden ?
Hier staat de website: http://portfolio.baskoole.com
en dit is de code van het script en de divs
Als iemand me zou kunnen helpen please.. ik breek mn kop dr over
Ik ben mijn portfolio aan het ontwerpen en maak hierbij gebruik van een javascriptje dat de scrollbalk onnodag maakt en met een mouseover begint de zaak te scrollen. In IE werkt dit prima, de knoppen staan netjes onder de content en dr content begint daarboven. In firefox gaat de content echter over de knoppen heen, en ik krijg dit maar niet opgelost. Heeft iemand misschien een idee waarin ik het antwoord kan vinden ?
Hier staat de website: http://portfolio.baskoole.com
en dit is de code van het script en de divs
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
| <body>
<center>
<script language="JavaScript1.2">
iens6=document.all||document.getElementById
ns4=document.layers
//snelheid (hoger is eneller)
var speed=10
if (iens6){
document.write('<div id="container" style="position:left;width:120;height:545;border:0px solid black;overflow:hidden">')
document.write('<div id="content" style="position:absolute;width:120;left:0;top:0">')
}
</script>
<ilayer name="nscontainer" width=13434020 height=160 clip="0,0,0,0">
<layer name="nscontent" left="0" top="0" width=175 height=500 visibility=hidden>
<!--contentvak-->
[img]"img/personal.jpg"[/img]
en bla, en bla, en bla krantenartikel
<br>
<span class="txt"> </span>
<!--contentvak-->
</layer>
</ilayer>
<script language="JavaScript1.2">
if (iens6)
document.write('</div></div>')
</script>
<table width="50px"><td>
<a href="#" onMouseover="moveup()" onMouseout="clearTimeout(moveupvar)">[img]"sup.jpg"[/img]</a> <a href="#" onMouseover="movedown()" onMouseout="clearTimeout(movedownvar)">[img]"sdown.jpg"[/img]</a></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> |
Als iemand me zou kunnen helpen please.. ik breek mn kop dr over
www.baskoole.com