JavaScript werkt niet onder Firefox: Scrolling images - Softwareontwikkeling

vrijdag 21 april 2006 13:45

Acties:

0 Henk 'm!

Verwijderd

Topicstarter

Hallo,

Ik zit met een probleem, ik heb een JavaScript met roterende images, werkt prima in IE, maar met Firefox bewegen de images niet.
Ik heb al van alles geprobeerd, mr vindt het maar niet , wie kan me helpen ?
Ik zou zeer dankbaar zijn, mvg, Nico.

HTML:

<html>
<head><title></title></head>
<body>
<script language=JavaScript>
<!--
var banner = new Array();
var scrollLayer = new Array();
var scrollWin;
var scrollSpeed = 10;
var scrollDistance = 1;
var separatorDistance = 4;

banner[0]='<a href="/page?page=bsponsors&are=13">[img]"/file?fle=124"[/img]</a>' 
banner[1]='<a href="/page?page=bsponsors&are=14">[img]"/file?fle=125"[/img]</a>' 
banner[2]='<a href="http://www.alex.nl">[img]"/file?fle=421"[/img]</a>' 
banner[3]='<a href="/page?page=bsponsors&are=79">[img]"/file?fle=238"[/img]</a>' 
banner[4]='<a href="/page?&orl=1&ssn=&lng=1&pge=4&are=38">[img]"/file?fle=636"[/img]</a>'
banner[5]='<a href="/page?page=bsponsors&are=81">[img]"/file?fle=126"[/img]</a>' 
banner[6]='<a href="/page?page=bsponsors&are=80">[img]"/file?fle=127"[/img]</a>' 
banner[7]='<a href=" http://www.binckbelgienv.be">[img]"/file?fle=692"[/img]</a>'
banner[8]='<a href="/page?&orl=1&ssn=&lng=1&pge=4&are=40">[img]"/file?fle=637"[/img]</a>'
banner[9]='<a href="/page?page=bsponsors&are=82">[img]"/file?fle=128"[/img]</a>' 


function writeLayers(){
  var cnt = banner.join(" ");
  document.write('<div id=scroll_0 style="position:absolute; ">' + cnt + '</div>' +
                 '<div id=scroll_1 style="position:absolute; ">' + cnt + '</div>');
}
function initScroll(){
  scrollLayer[0] = document.getElementById('scroll_0');
  scrollLayer[1] = document.getElementById('scroll_1');
  scrollWin = document.getElementById('scrollWin');
  scrollLayer[0].style.posTop = 0;
  scrollLayer[0].style.posLeft = 0;
  scrollLayer[1].style.posTop = scrollLayer[0].offsetHeight + separatorDistance;
  scrollLayer[1].style.posLeft = 0;
  scroll();
}
function scroll(){
  scrollLayer[0].style.posTop -= scrollDistance;
  scrollLayer[1].style.posTop -= scrollDistance;
  if (scrollLayer[0].offsetHeight + scrollLayer[0].style.posTop <= 0){
    var tmpLayer;
    tmpLayer = scrollLayer[0];
    tmpLayer.style.posTop = separatorDistance + scrollLayer[1].offsetHeight + separatorDistance;
    scrollLayer[0] = scrollLayer[1];
    scrollLayer[1] = tmpLayer;
  }
  setTimeout(scroll, scrollSpeed);
}

window.onload = function() {
                  window.onload;
                  initScroll();
                }


//-->
</script> 

<div width="154px" class="scroller" onmouseover="this.oldDistance=scrollDistance; scrollDistance=0;" onmouseout="scrollDistance=this.oldDistance;" id="scrollWin"> 
    <script>writeLayers()</script>
</div>
</body>
</html>

[ Voor 42% gewijzigd door Verwijderd op 21-04-2006 14:57 ]

vrijdag 21 april 2006 13:54

Acties:

0 Henk 'm!

BtM909

Watch out Guys...

Zet je code anders even tussen [plain]

HTML:

[/] tags

En wat zegt de Javascript console?

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.

vrijdag 21 april 2006 14:59

Acties:

0 Henk 'm!

Verwijderd

Topicstarter

Hij geeft geen echte fout,

eerst gebruikte ik wel document.all, mr dat heb ik veranderd in document.getElementById, omdat ik dat ergens gelezen had, mr nog steeds geen resultaat, dus ik weet het niet verder ...

Mvg, Nico.

vrijdag 21 april 2006 15:03

Acties:

0 Henk 'm!

Mayco

Verwijderd schreef op vrijdag 21 april 2006 @ 14:59:
Hij geeft geen echte fout,

eerst gebruikte ik wel document.all, mr dat heb ik veranderd in document.getElementById, omdat ik dat ergens gelezen had, mr nog steeds geen resultaat, dus ik weet het niet verder ...

Mvg, Nico.

"geen echte fout", maar wat geeft het dan wel?

vrijdag 21 april 2006 15:08

Acties:

0 Henk 'm!

BtM909

Watch out Guys...

Je hebt toch wel echt de Javascript console geopend via het menu TOOLS? Er komt niet automatisch een popup met een foutmelding

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.

vrijdag 21 april 2006 16:18

Acties:

0 Henk 'm!

Verwijderd

Topicstarter

Hij geeft geen fout, de images scrollen alleen niet in firefox, maar zijn wel zichtbaar.
Ik heb de console geopend, mr zie geen fouten denk ik met betrekking tot het JavaScript.
Het staat op de website van http://www.vfb.be, de sponsor images aan de rechterkant.

Mvg, Nico.

vrijdag 21 april 2006 16:28

Acties:

0 Henk 'm!

crisp

Devver

Pixelated

Hij geeft in elk geval 2 warnings:

Warning: reference to undefined property posTop
Source File: http://www.vfb.be/
Line: 59
Warning: reference to undefined property posTop
Source File: http://www.vfb.be/
Line: 60

Intentionally left blank

vrijdag 21 april 2006 17:00

Acties:

0 Henk 'm!

Verwijderd

Topicstarter

Ik zie die niet, mss browser afhankelijk,
ik heb firefox 1.5, hebben jullie een idee wat het zou kunnen zijn?

vrijdag 21 april 2006 17:10

Acties:

0 Henk 'm!

megamuch

Tring Tring!

crisp schreef op vrijdag 21 april 2006 @ 16:28:
Hij geeft in elk geval 2 warnings:

[...]

Die krijg ik niet?

firfox 1.5.0.2

Verstand van Voip? Ik heb een leuke baan voor je!

vrijdag 21 april 2006 17:14

Acties:

0 Henk 'm!

crisp

Devver

Pixelated

developer toolbar, strict JS-warnings

Intentionally left blank

vrijdag 21 april 2006 17:25

Acties:

0 Henk 'm!

Verwijderd

Topicstarter

Weet iemand een oplossing voor het probleem, want dit is me iets te moeilijk vermits ik niet thuis ben in JavaScript ?

vrijdag 21 april 2006 17:32

Acties:

0 Henk 'm!

crisp

Devver

Pixelated

Verwijderd schreef op vrijdag 21 april 2006 @ 17:25:
Weet iemand een oplossing voor het probleem, want dit is me iets te moeilijk vermits ik niet thuis ben in JavaScript ?

Geen IE-only style-attributen gebruiken maar de standaard properties voor top en left

Intentionally left blank

vrijdag 21 april 2006 17:32

Acties:

0 Henk 'm!

BasieP

trouwens
<script language="javascript">
is tegenwordig toch:
<script type="text/javascript">
?

This message was sent on 100% recyclable electrons.

vrijdag 21 april 2006 17:37

Acties:

0 Henk 'm!

crisp

Devver

Pixelated

BasieP schreef op vrijdag 21 april 2006 @ 17:32:
trouwens
<script language="javascript">
is tegenwordig toch:
<script type="text/javascript">
?

ja, language is inderdaad deprecated:

HTML:

1	<script language="javascript" type="text/javascript">

[ Voor 4% gewijzigd door crisp op 21-04-2006 17:38 ]

Intentionally left blank

vrijdag 21 april 2006 17:54

Acties:

0 Henk 'm!

Verwijderd

Topicstarter

Kan je wat meer info geven omtrent die style attributen en zeggen waar ik dat script moet aanpassen als dat de reden van falen is bij firefox?

Mvg, Nico.

vrijdag 21 april 2006 18:05

Acties:

0 Henk 'm!

arieleks

Verwijderd schreef op vrijdag 21 april 2006 @ 17:54:
Kan je wat meer info geven omtrent die style attributen en zeggen waar ik dat script moet aanpassen als dat de reden van falen is bij firefox?

Mvg, Nico.

Gewoon

code:

1 2	scrollLayer[0].style.top = 0; scrollLayer[0].style.left = 0;

i.p.v.

code:

1 2	scrollLayer[0].style.posTop = 0; scrollLayer[0].style.posLeft = 0;

toch? Mijn JavaScript is wat roestig.

[ Voor 5% gewijzigd door arieleks op 21-04-2006 18:06 ]

- Rietberg - sieben Mal sympatisch -

There are only 10 types of people, those who make stupid jokes about binary numbers and those who don't.

vrijdag 21 april 2006 18:30

Acties:

0 Henk 'm!

Verwijderd

Topicstarter

Ik heb al die posTop en posLeft properties vervangen, mr
dan krijg ik weer een error op:
scrollLayer[1].style.top -= scrollDistance; => invalid argument ,
ik heb gezien dat dat iets te maken heeft met die - voor die =,
wss omdat de value 0px is.

Enig idee?