garfield_101
January 11th, 2003, 11:43 PM
HI! I would like to ask your help in how could i make the below dhtml to be compatible in mozilla aka netscape? I know you can't see the images but the image are squares that lead to the center and you click it to enter a site? this is a dhtml i found in internet and its a great one. Any help will be greatly appreciated.
<SCRIPT">
<!--
var NN = (navigator.appName == "Netscape" && parseInt(navigator.appVersion) >= 4);
function MFX_initALL(){
HIDDEN = (NN) ? 'hide' : 'hidden';
VISIBLE = (NN) ? 'show' : 'visible';
runslide=false;
runslide1=true;
stepSide=4;
stepDown=3;
allX = (NN) ? window.innerWidth : document.body.clientWidth;
allY = (NN) ? window.innerHeight : document.body.clientHeight;
centerX = allX/2;
centerY = allY/2;
myREF=0;
L= new Array();
D=new Array;
L[0] = (NN) ? document.Layer1 : document.all.Layer1.style;
L[1] = (NN) ? document.Layer2 : document.all.Layer2.style;
L[2] = (NN) ? document.Layer3 : document.all.Layer3.style;
L[3] = (NN) ? document.Layer4 : document.all.Layer4.style;
L[4] = (NN) ? document.Layer5 : document.all.Layer5.style;
L[5] = (NN) ? document.Layer6 : document.all.Layer6.style;
L[6] = (NN) ? document.Layer7 : document.all.Layer7.style;
L[7] = (NN) ? document.Layer8 : document.all.Layer8.style;
distanceTOhere= new Array();
distanceTOhere[0]=1;
distanceTOhere[1]=0.85;
distanceTOhere[2]=0.7;
distanceTOhere[3]=0.55;
distanceTOhere[4]=0.4;
distanceTOhere[5]=0.3;
distanceTOhere[6]=0.15;
ofset=new Array();
ofset[0]=10;
ofset[1]=20;
ofset[2]=30;
ofset[3]=40;
ofset[4]=50;
ofset[5]=60;
ofset[6]=70;
for(m=0; m<L.length; m++){
L[m].visibility=VISIBLE;
}
if(NN){
L[7].left=centerX-5;
L[7].top=centerY-5;
}
else{
L[7].pixelLeft=centerX-5;
L[7].pixelTop=centerY-5;
}
}
function initMFXCoords(e){
if(NN){
window.captureEvents(Event.MOUSEMOVE);
window.onmousemove = MFXCoords;
}
else{
window.document.onmousemove = MFXCoords;
}
}
function MFXCoords(evt){
if(!runslide){
if(NN){
posX=evt.pageX;
posY=evt.pageY;
myX=centerX-posX+73;
myY=centerY-posY+73;
for(i=0; i<L.length-1; i++){
L[i].moveTo(centerX-distanceTOhere[i]*myX,centerY-distanceTOhere[i]*myY)
}
}
else{
posX=window.event.x;
posY=window.event.y;
myX=centerX-posX+73;
myY=centerY-posY+73;
for(i=0; i<L.length-1; i++){
L[i].pixelLeft=(centerX-distanceTOhere[i]*myX)
L[i].pixelTop=(centerY-distanceTOhere[i]*myY)
}}
}}
//-->
</SCRIPT>
<BODY BGCOLOR="#FFFFFF" onResize="location.reload(true)"onLoad="initMFXCoords();MFX_initALL()">
<div id="Layer1" style="position:absolute; width:140px; height:140px; z-index:1; left: 318px; top: 46px; visibility: hidden"><img src="images/krug1.gif" width="140" height="140">
</div>
<div id="Layer2" style="position:absolute; width:120px; height:120px; z-index:1; left: 23px; top: 151px; visibility: hidden"><img src="images/krug2.gif" width="120" height="120"></div>
<div id="Layer3" style="position:absolute; width:100px; height:100px; z-index:2; left: 268px; top: 311px; visibility: hidden"><img src="images/krug3.gif" width="100" height="100"></div>
<div id="Layer4" style="position:absolute; width:80px; height:80px; z-index:3; left: 568px; top: 241px; visibility: hidden"><img src="images/krug4.gif" width="80" height="80"></div>
<div id="Layer5" style="position:absolute; width:60px; height:60px; z-index:4; left: 23px; top: 301px; visibility: hidden"><img src="images/krug5.gif" width="60" height="60"></div>
<div id="Layer6" style="position:absolute; width:40px; height:40px; z-index:5; left: 458px; top: 181px; visibility: hidden"><img src="images/krug6.gif" width="40" height="40"></div>
<div id="Layer7" style="position:absolute; width:20px; height:20px; z-index:5; left: 743px; top: 211px; visibility: hidden"><img src="images/krug7.gif" width="20" height="20"></div>
<div id="Layer8" style="position:absolute; width:10px; height:10px; z-index:6; left: 143px; top: 481px; visibility: hidden"><a href="yourfile.htm"><img src="images/krug8.gif" width="10" height="10" name="myenter" border="0"></a></div>
</BODY>