Java - problema explorer-netscape

   
Vista:

problema explorer-netscape

Publicado por peredinha (4 intervenciones) el 03/10/2007 00:29:01
tengo el programa para mover las capas pero ahora solo me funciona en el explorer

tengo un problema a la hora de convertir este tipo de funcion del progrma dos(solo funciona en explorer)

function MueveCapa(){
var antx;
//limite inferior
var limited=300;

//Pos actual
antx= parseInt(capa1.style.left);
if (antx < limited){

//paso = 0;

capa1.style.left= antx + paso;
setTimeout("MueveCapa()",5);
}

a este otro metodo (que uso en el programa 1) (funciona en explorer y netscape)

function mover(divMenu,divMenu2){

document.getElementById(divMenu).style.left=-1;

aqui estan mis dos programas al completo:

PROGRAMA 1 (FUNCIONES MOVEMENU PARA EXPLORER)
(FUNCIONES MOVER PARA MOZILLA Y NETSCAPE)

<html>

<head>

<script language="JavaScript1.2">
function moveMenu(){
divMenu.style.left=-1
divMenu2.style.left=-1
divMenu.style.zIndex=0
divMenu2.style.zIndex=1
}


function moveMenu1(){

divMenu.style.left=-495;
divMenu2.style.left=-495;
divMenu.style.zIndex=1
divMenu2.style.zIndex=0

}

function mover(divMenu,divMenu2){

document.getElementById(divMenu).style.left=-1;
document.getElementById(divMenu2).style.left=-1;
document.getElementById(divMenu).style.zIndex=0;
document.getElementById(divMenu2).style.zIndex=1;
}

function mover2(divMenu,divMenu2){

document.getElementById(divMenu).style.left=-600;
document.getElementById(divMenu2).style.left=-600;
document.getElementById(divMenu).style.zIndex=1;
document.getElementById(divMenu2).style.zIndex=0;
}

</script>
<title>Pagina nueva 1</title>
</head>

<body>
<div id="divMenu" style="position:absolute; top:147; left:-600; width:654; background-color:F0F0F0; z-index:1 ">
<table width="100%" style="border-collapse: collapse" bordercolor="#111111" cellpadding="0" cellspacing="0">

<td>Sjhjj </td>

<td>Akgkhk </td>
<td>Chjkk </td>
<td>Ehgjhgh </td>
<td>COkkkkgh </td>
<td>MOkhk </td>
<td>Fjghjh </td>
<td><a onmouseover="mover('divMenu','divMenu2')" style="background-color:yellow;text-decoration:none">MENU</a>
</table>

</div>

<div id="divMenu2" style="position:absolute; top:147; left:-600; width:654; background-color:F0F0F0; z-index:0">
<table width="100%" style="border-collapse: collapse" bordercolor="#111111" cellpadding="0" cellspacing="0">

<td>Sjhjj </td>

<td>Akgkhk </td>
<td>Chjkk </td>
<td>Ehgjhgh </td>
<td>COkkkkgh </td>
<td>MOkhk </td>
<td>Fjghjh </td>
<td><a onmouseover="mover2('divMenu','divMenu2')" style="background-color:yellow;text-decoration:none">MENU</a>
</table>

</div>
</body>

</html>

PROGRMA 2(LE QUIERO APLICAR el metodo de LAS FUNCIONES MOVER())

<HTML><HEAD><TITLE>Página con Filtros</TITLE>
</HEAD>
<BODY>
<SCRIPT language=JavaScript>
<!--
var paso=5;
function MueveCapa(){
var antx;
//limite inferior
var limited=300;

//Pos actual
antx= parseInt(capa1.style.left);
if (antx < limited){

//paso = 0;

capa1.style.left= antx + paso;
setTimeout("MueveCapa()",5);
}
return true;
}

function DevuelveCapa(){

capa1.style.left=-50;
return true;
}
//-->
</SCRIPT>

<CENTER>
<H3>Pantalla de Movimiento y Filtros</H3></CENTER>
<DIV id=capa1 style="top: 20px; POSITION: absolute; TOP: 50px; VISIBILITY: visible; Z-INDEX: 1;left:-50">
<IMG height=110 id=imagen src="moj1.jpg" width=75> </DIV>

<DIV id=capa2 style="top: 20px; POSITION: absolute; TOP: 200px; VISIBILITY: visible; Z-INDEX: 2">

<FORM name=miform>
<INPUT onclick="return MueveCapa();" type=button value="Mover Imagen">
<INPUT onclick="return DevuelveCapa();" type=button value="Situar Imagen">
</FORM></DIV></BODY></HTML>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder