2x dezelfde javascript op de zelfde pagina

Door Willem Hartman op 31-03-2012 10:30 gewijzigd op 31-03-2012 10:34

1.849 views

Op mijn website wil ik de banners aan de zijkant laten mee scrollen.

Het script werkt prima als er 1 op staat, maar zodra ik de 2e plaatst werkt er maar 1.

Wie weet hoe ik de 2e ook aan het scrollen krijg ?
Het heeft waarschijnlijk met de zelfde naam te maken, maar weet niet wat ik moet aanpassen


<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>DRIJVER2</title>
<style type="text/css">
#drijver {
	position: absolute; 
	visibility: visible;
	z-index: 10;}
</style>

<script type="text/javascript">
var Xpos = 0 //plaatsing vanaf rechts
var Ypos = 230 //plaatsing vanaf boven

function ieCompat(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function statMaken(){
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;

function plaatsBepalen(id){
var elw=d.getElementById(id);
elw.style.visibility="visible"
if(d.layers)el.style=el;
elw.sP=function(x,y){this.style.right=x+"px";this.style.top=y+"px";};
elw.x = Xpos;
elw.y = Ypos;
return elw;
}
window.plaatsOpzoeken=function(){
var pY = ns ? pageYOffset : ieCompat().scrollTop;
ditObj.y += (pY + Ypos - ditObj.y)/8;
ditObj.sP(ditObj.x, ditObj.y);
setTimeout("plaatsOpzoeken()", 10);
}
ditObj = plaatsBepalen("drijver");
plaatsOpzoeken();
}
if (window.addEventListener)
window.addEventListener("load", statMaken, false)
else if (window.attachEvent)
window.attachEvent("onload", statMaken)
else if (document.getElementById)
window.onload=statMaken
</script>

</head>

<body bgcolor="6495ED">
<div ID="drijver"> <!-- opmaak kan hier gewijzigd worden -->
<table width="70" border="0" cellspacing="0" cellpadding="2">
<tr align="center">
	<td></td>
</tr>
<tr align="center">
	<td><a href="http://willemhartman.nl/website/aanvraagform_reclame.php">
	<img border="0" src="logo/adv_klein.gif" width="110" height="90"></a></td>
</tr>

<tr align="center">
	<td><a href="http://deaquariumbazar.nl">
	<img border="0" src="logo/bazar_zijkant.gif" width="110" height="90"></a></td>
</tr>

</tr>
</table>
</div>



</body>

</html>

arend b

31-03-2012 12:49

het lijkt mij er aan te liggen dat je een id gebruikt. en een id is uniek in css dus je zult er een class van moeten maken of anders nog een keer dezelfde code van plaatsbepalen gebruiken maar dan met een ander id.

Willem Hartman

31-03-2012 17:12 gewijzigd op 01-04-2012 12:56

Ik heb de id veranderd in drijver2.

Geen verandering


<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Sponsor2</title>
<style type="text/css">
#drijver2 {
	position: absolute; 
	visibility: visible;
	z-index: 10;}
</style>

<script type="text/javascript2">
var Xpos = 4 //plaatsing vanaf rechts
var Ypos = 230 //plaatsing vanaf boven

function ieCompat(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function statMaken(){
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;

function plaatsBepalen(id){
var el=d.getElementById(id);
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.right=x+"px";this.style.top=y+"px";};
el.x = Xpos;
el.y = Ypos;
return el;
}
window.plaatsOpzoeken=function(){
var pY = ns ? pageYOffset : ieCompat().scrollTop;
ditObj.y += (pY + Ypos - ditObj.y)/8;
ditObj.sP(ditObj.x, ditObj.y);
setTimeout("plaatsOpzoeken()", 10);
}
ditObj = plaatsBepalen("drijver2");
plaatsOpzoeken();
}
if (window.addEventListener)
window.addEventListener("load", statMaken, false)
else if (window.attachEvent)
window.attachEvent("onload", statMaken)
else if (document.getElementById)
window.onload=statMaken
</script>

</head>

<body bgcolor="6495ED">
<div ID="drijver2"> <!-- opmaak kan hier gewijzigd worden -->
<table width="70" border="0" cellspacing="0" cellpadding="2">
<tr align="center">
	<td></td>
</tr>
<tr align="center">
	<td><a href="http://willemhartman.nl/website/aanvraagform_reclame.php">
	<img border="0" src="logo/adv_klein.gif" width="110" height="90"></a></td>
</tr>

<tr align="center">
	<td><a href="http://deaquariumbazar.nl">
	<img border="0" src="logo/bazar_zijkant.gif" width="110" height="90"></a></td>
</tr>

</tr>
</table>
</div>



</body>

</html>

Toevoeging op 01/04/2012 12:57:03:

Iemand anders nog een idee om het op te lossen ?

Reageren

Inloggen om te reageren