Na plaatsting script 2 doet script 1 het niet meer

Status
Niet open voor verdere reacties.

horstr

Gebruiker
Lid geworden
27 nov 2006
Berichten
115
Ik ben een webpagina aan het maken en daar heb ik 2 scripts in draaien.

HTML:
<html>
<head>
<title></title>

<SCRIPT TYPE="text/javascript">
<!--

function newImage(arg) {
	if (document.images) {
		rslt = new Image();
		rslt.src = arg;
		return rslt;
	}
}

function changeImages() {
	if (document.images && (preloadFlag == true)) {
		for (var i=0; i<changeImages.arguments.length; i+=8) {
			document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
		}
	}
}

var preloadFlag = false;
function preloadImages() {
	if (document.images) {
		Resort_over = newImage("afbeeldingen/m10.jpg");
    	preloadFlag = true;
	}
}

// -->
</SCRIPT>

</head>
<body bgcolor="#CCCCCC" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onload="preloadImages();" >

Verderop in de pagina staat het volgende:

HTML:
<a HREF="resort.html" ONMOUSEOVER="window.status='Resort'; changeImages('Resort', 'afbeeldingen/m10.jpg'); return true;" ONMOUSEOUT="window.status=''; changeImages('Resort', 'afbeeldingen/10.jpg'); return true;">
<b>
<IMG NAME="Resort" SRC="afbeeldingen/10.jpg" width="228" height="23" BORDER=0 ALT="Resort"></TD>

Dit bovenstaande werkt goed.
Nu plaats ik onderstaande erbij (dit doet het goed) maar dan werkt het bovenstaande niet meer.

HTML:
<script language="JavaScript1.2">
var breedte=500
var hoogte=75
var snelheid=1
agrondkleur="#FFFFFF"
var afbeelding=new Array()
afbeelding[0]='<img src="foto/1.jpg" width=100 height=75 border=1></a>'
afbeelding[1]='<img src="foto/2.jpg" width=100 height=75 border=1></a>'
afbeelding[2]='<img src="foto/3.jpg" width=100 height=75 border=1></a>'
afbeelding[3]='<img src="foto/4.jpg" width=100 height=75 border=1></a>'
afbeelding[4]='<img src="foto/5.jpg" width=100 height=75 border=1></a>'
afbeelding[5]='<img src="foto/6.jpg" width=100 height=75 border=1></a>'
afbeelding[6]='<img src="foto/7.jpg" width=100 height=75 border=1></a>'
afbeelding[7]='<img src="foto/8.jpg" width=100 height=75 border=1></a>'
afbeelding[8]='<img src="foto/9.jpg" width=100 height=75 border=1></a>'

var kopieersnelheid=snelheid
afbeelding='<nobr>'+afbeelding.join(" ")+'</nobr>'
var iedom=document.all||document.getElementById
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-2000">'+afbeelding+'</span>')
var huidige_breedte=''

function opvullen(){
if (iedom){
afb=document.getElementById? document.getElementById("test2") : document.all.test2
afb2=document.getElementById? document.getElementById("test3") : document.all.test3
afb.innerHTML=afb2.innerHTML=afbeelding
huidige_breedte=document.all? afb.offsetWidth : document.getElementById("temp").offsetWidth
afb2.style.left=huidige_breedte+4
}
else if (document.layers){
ns_slide=document.netscape.document.netscape2
ns_slide2=document.netscape.document.netscape3
ns_slide.document.write(afbeelding)
ns_slide.document.close()
huidige_breedte=ns_slide.document.width
ns_slide2.left=huidige_breedte+4
ns_slide2.document.write(afbeelding)
ns_slide2.document.close()
}
lefttime=setInterval("schuiflinks()",30)
}
window.onload=opvullen

function schuiflinks(){
if (iedom){
if (parseInt(afb.style.left)>(huidige_breedte*(-1)+8))
afb.style.left=parseInt(afb.style.left)-kopieersnelheid
else
afb.style.left=parseInt(afb2.style.left)+huidige_breedte+4

if (parseInt(afb2.style.left)>(huidige_breedte*(-1)+8))
afb2.style.left=parseInt(afb2.style.left)-kopieersnelheid
else
afb2.style.left=parseInt(afb.style.left)+huidige_breedte+4

}
else if (document.layers){
if (ns_slide.left>(huidige_breedte*(-1)+8))
ns_slide.left-=kopieersnelheid
else
ns_slide.left=ns_slide2.left+huidige_breedte+4

if (ns_slide2.left>(huidige_breedte*(-1)+8))
ns_slide2.left-=kopieersnelheid
else
ns_slide2.left=ns_slide.left+huidige_breedte+4
}
}

if (iedom||document.layers){
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
if (iedom){
write('<div style="position:relative;width:'+breedte+';height:'+hoogte+';overflow:hidden">')
write('<div style="position:absolute;width:'+breedte+';height:'+hoogte+';background-color:'+agrondkleur+'" onMouseover="kopieersnelheid=0" onMouseout="kopieersnelheid=snelheid">')
write('<div id="test2" style="position:absolute;left:0;top:0"></div>')
write('<div id="test3" style="position:absolute;left:-1000;top:0"></div>')
write('</div></div>')
}
else if (document.layers){
write('<ilayer width='+breedte+' height='+hoogte+' name="netscape" bgColor='+agrondkleur+'>')
write('<layer name="netscape2" left=0 top=0 onMouseover="kopieersnelheid=0" onMouseout="kopieersnelheid=snelheid"></layer>')
write('<layer name="netscape3" left=0 top=0 onMouseover="kopieersnelheid=0" onMouseout="kopieersnelheid=snelheid"></layer>')
write('</ilayer>')
}
document.write('</td></table>')
}
}
</script>
 
Beide functies zetten waarschijnlijk de onload property op window (dus geven aan wat voor functie aan te roepen wanneer het window geladen is)


In het script dat je nu gebruikt heb je bijvoorbeeld:

PHP:
window.onload=dotransition

Een ander script zal ook een dergelijke declaratie hebben. Om beide scripts te laten werken zul je de declaratie van onload dus moeten combineren. Je kunt deze immers maar een keer declareren.

Op deze manier kan je meerdere functies aan laten roepen op het moment dat de window geladen is:

PHP:
window.onload=function(){ dotransition();anderefunctie(); }

Bij jou is dat

HTML:
<body bgcolor="#CCCCCC" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onload="preloadImages();" >
en

PHP:
window.onload=opvullen
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan