Estoy haciendo un javascrip, q cuando carga el body, le manda un parametro a una funcion, para que genere un numero de menus, dependiendo del numero que le pases a la funcion. Luego cuando pasar por encima el menu se mueve y cuando sales vuelve al sitio.
La cosa es que poniedo los div, previamente en el body y pasandole a la funcio mover un parametro propio del menu dnd a entrado,los mueve. Pero lo que quiero es poder generar yo los divs, con document.write....y que en el body no haya nada. Generar ya los genero, lo que pasa es que no responde a los eventos de llamar a la funcion mover.
Os dejo un codigo que funciona de la primera manera para que veais lo q kiero, y tb os dejo el dinamico,el que no llama a las funciones de mover.
Espero que me lo podais solucionar, xq llevo tiempo intentandolo y nada
Ejemplo no dinamico
<html>
<head>
<title>Menus</title>
<style>
<!--
#1,#2,#3,#4 {
position:absolute;
border:1.5px solid black;
background-color:#F2F2F2;
layer-background-color:#F2F2F2;
font:bold 18px Comic Sans MS;
line-height:20px;
}
-->
</style>
</head>
<body >
<script language="JavaScript1.2">
var elementos= document.all.tags("div"![]()
var tsubir='null'
var tbajar='null'
var i
function subir(i)
{
i=i-1
elementos.style.posTop=elementos.style.posTop-10
if (elementos.style.posTop = -60)
{
cleartimeout (tsubir);
}//cierra if
//bajar();
tsubir=SetTimeout('subir(i)',10)
}
function bajar(i)
{
i=i-1
elementos.style.posTop=elementos.style.posTop+10
if (elementos.style.posTop = 0)
{
cleartimeout (tbajar);
}//cierra if
tbajar=SetTimeout('bajar(i)',10)
}
</script>
<div onmouseover="bajar(1)" onmouseout="subir(1)" id="1" style= "position=absolute; left=100; top=-60; width=100; border=5">
<center>
<small>ola1</small><br>
<small>ola2</small><br>
<small>ola3</small><br>
<font color="#FF0000" size="3" face="Comic Sans MS">Menu 1</font>
</div>
<div onmouseover="bajar(2)" onmouseout="subir(2)" id="2" style= "position=absolute; left=200; top=-60; width=100; border=5">
<center>
<small>ola1</small><br>
<small>ola2</small><br>
<small>ola3</small><br>
<font color="#FF0000" size="3" face="Comic Sans MS">Menu 2</font>
</div>
<div onmouseover="bajar(3)" onmouseout="subir(3)" id="3" style= "position=absolute; left=300; top=-60; width=100; border=5">
<center>
<small>ola1</small><br>
<small>ola2</small><br>
<small>ola3</small><br>
<font color="#FF0000" size="3" face="Comic Sans MS">Menu 3</font>
</div>
<div onmouseover="bajar(4)" onmouseout="subir(4)" id="4" style= "position=absolute; left=400; top=-60; width=100; border=5">
<center>
<small>ola1</small><br>
<small>ola2</small><br>
<small>ola3</small><br>
<font color="#FF0000" size="3" face="Comic Sans MS">Menu 4</font>
</div>
</body>
</html>
Ejemplo dinamico que no entra en eventos
<html>
<head>
<title>Menus</title>
<style>
<!--
#1{
position:absolute;
border:1.5px solid black;
background-color:#F2F2F2;
layer-background-color:#F2F2F2;
font:bold 18px Comic Sans MS;
line-height:20px;
}
-->
</style>
</head>
<script language="JavaScript1.2">
var elementos= document.all.tags("div"![]()
var tsubir='null'
var tbajar='null'
var i
var z
var pos=0
var nombre
var veces=4
var cont=0
var p=0
function subir(i)
{
i=i-1
elementos.style.posTop=elementos.style.posTop-10
if (elementos.style.posTop = -60)
{
cleartimeout (tsubir);
}//cierra if
bajar();
tsubir=SetTimeout('subir(i)',10)
}
function bajar(i)
{
alert("aaaaaa"![]()
i=i-1
elementos.style.posTop=elementos.style.posTop+10
if (elementos.style.posTop = 0)
{
cleartimeout (tbajar);
}//cierra if
tbajar=SetTimeout('bajar(i)',10)
}
//escribe en body y llama a la funcion cn el numero d menus q kiere
document.write('<body onload="carga(1)">')
function carga(n)
{
document.write('</body>')
veces=n
pos=0
nombre=1
while (cont<veces)
{
//document.write('<div onmouseover="bajar(pasar la id en entero)" onmouseout="subir(pasar la id en entero)" id="'+nombre+'" style= "position=absolute; left='+pos+'; top=-50; width=100; border=5">')
document.write('<div onmouseover="bajar(1)" onmouseout="subir(1)" id="'+nombre+'" style= "position=absolute; left='+pos+'; top=-50; width=100; border=5">')
document.write('<center>')
document.write('<small>ola1</small><br>')
document.write('<small>ola2</small><br>')
document.write('<small>ola3</small><br>')
pos=pos+100
nombre=nombre+1
cont=cont+1
document.write('<font color="#FF0000" size="3" face="Comic Sans MS">Menu '+cont+'</font>')
document.write('</div>')
}//cierra el while
}
</script>
</html>
