[IE/FF] Javascript scroll probleem

Pagina: 1
Acties:

  • basvcds
  • Registratie: December 2001
  • Laatst online: 08-01-2024

basvcds

Multimonitormannetje

Topicstarter
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
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


  • Osiris
  • Registratie: Januari 2000
  • Niet online

  • r0bert
  • Registratie: September 2001
  • Laatst online: 26-04 17:38
code:
1
2
<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>

:?
code:
1
<table width="50px"><td>

:?

Vind je code niet echt leesbaar en hij klopt ook niet helemaal, bijvoorbeeld bovenstaand lijkt me sowieso problemen veroorzaken

e: zal wel iets met margin-bottom kunnen, maar weet zo ook niet hoe en waar

[ Voor 71% gewijzigd door r0bert op 25-05-2005 15:39 ]


  • Sappie
  • Registratie: September 2000
  • Laatst online: 27-04 07:10

Sappie

De Parasitaire Capaciteit!

eensch met hierboven.. leer eens inspringen :) sorry.. maar heb geen zin om me te verdiepen in onleesbare code..

Verder zag ik zo snel dat je in jouw? javascript gebruik maakt van browser detectie.. das iig ook niet netjes

Specs | Audioscrobbler


  • basvcds
  • Registratie: December 2001
  • Laatst online: 08-01-2024

basvcds

Multimonitormannetje

Topicstarter
Nee het is inderdaad niet mij javascript, ik ben persoonlijk een ramp in die dingen.. Ik weet ook dat er nogal vage code inzit en probeer em ondertussen zo netjes mogelijk te maken. Toch probeer ik mn best te doen maar ik kan geen element vinden waarin ik mn probleem zou kunnen zien. Als ik dat nou vind kan ik weer lekker verder klooien.

www.baskoole.com


  • Sappie
  • Registratie: September 2000
  • Laatst online: 27-04 07:10

Sappie

De Parasitaire Capaciteit!

Zoals Osiris al opmerkte.. de tekst ligt over je <a> 'tjes heen en daardoor zijn de links in firefox niet te "bereiken". Speel eens met de z-index of zorg ervoor dat de tekst net zoals in IE ophoudt voor de linkjes...

[ Voor 12% gewijzigd door Sappie op 25-05-2005 16:27 ]

Specs | Audioscrobbler

Pagina: 1