script se use en todos los navegadores

juan_14nob · #1 (**permalink**) 15/03/2011, 12:41

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>

maycolalvarez · #2 (**permalink**) 15/03/2011, 18:18

seria más facil que indicaras para que sirve y que es lo que hace, así podríamos orientarte mejor, el foro no es un parser ¿no te parece?

juan_14nob · #3 (**permalink**) 15/03/2011, 20:31

Cita:

Iniciado por maycolalvarez

seria más facil que indicaras para que sirve y que es lo que hace, así podríamos orientarte mejor, el foro no es un parser ¿no te parece?

es un div que se desliza por medio de 2 enlaces.. hacia arriba o hacia abajo

Saludos