Hola tengo este script que saque de un tutorial pero anda nada mas que en Internet explorer.. como puedo hacer para que sea compatible con los demas?
script..
Código HTML:
<html>
<head>
<title>
</title>
<script type="text/javascript">
var mie = (navigator.appName.indexOf("Microsoft")>=0)
var txtAct = "";
function vertical(primera, capa, sent, vel)
{
var dimen = 0;
//primera vez que se ejecuta, iniciar todo.
if(primera)
{
txtAct = (mie)?document.all[capa]:document.layers[capa];
txtAct.alto = (mie)?txtAct.offsetHeight:txtAct.clip.height;
txtAct.clp = 0;
if(mie)
txtAct.sup = txtAct.style.posTop+txtAct.alto*sent
else
txtAct.sup = txtAct.top+txtAct.alto*sent;
txtAct.incr = Math.round(txtAct.alto*vel/100);
}
else
{
txtAct.clp += txtAct.incr;
//La region de recorte no puede tener una altura mayor del 100%
if(txtAct.clp > 100)
txtAct.clp = 100;
}
if(sent>0)
dimen = txtAct.clp;
else
dimen = 100 - txtAct.clp;
if(mie)
{
if(sent>0) //de Abajo hacia Arriba sent=1
{
txtAct.style.clip = 'rect(auto, auto,'+ dimen+'%, auto)'
}
else
{
txtAct.style.clip = 'rect('+ dimen+'%, auto, auto, auto)'
}
txtAct.style.posTop = Math.round(txtAct.sup - txtAct.alto*dimen/100);
}
else
{
if(sent>0)
txtAct.clip.bottom = Match.round(dimen*txtAct.alto/100);
else
txtAct.clip.top = Math.round(dimen*txtAct.alto/100);
}
if(primera)
verCapa(txtAct, true);
if(txtAct.clp < 100)
setTimeout("vertical(false,'',"+sent+","+txtAct.incr+")",txtAct.vel);
else
txtAct.clp = -1;
}
//Muestra u oculta una capa
function verCapa(obj, sn)
{
var mostrar = (sn)?'block':'none';
var estado = (sn)?'visible':'hidden';
if(mie)
{
obj.style.display = mostrar;
obj.style.visibility = estado;
}
else
obj.visibility = estado
}
</script>
</head>
<body>
<div id="Layer1" style="position:absolute; width:200px; height:115px; z-index:1; left:200px; top:138px; background: #CCFF66; border: 1px none #000000; visibility:hidden;">
Este es el texto que queremos ver desplazandose y con los botones de arribapodemos hacer que el parrado vaya apreciendo de arriba a abajo edfwioejfwieof ofeijw oiefjwi jwfoi ejwofiwjeoij woei.</div>
<input type="button" name="Button" value="Arriba" onclick="vertical(true,'Layer1',1, 2)">
<input type="button" name="Button" value="Abajo" onclick="vertical(true,'Layer1',0, 2)">
</body>
</html>