menu superior me urge solo necesito....

christopher1979 · #1 (**permalink**) 27/01/2005, 15:05

hola:

disculpen la emergencia necesito resolver esto de mi chamba como puedo hacer que este menu que e creado funcione para netscape me urge se los agradeceria mucho solo me falta que funcione para este browser gracias aqui esta el codigo.

<script language="JavaScript">

function big(lyr) {
document.all[lyr].style.height='180px'; }

function small(lyr) {
document.all[lyr].style.height='32px';

}

function start() {

document.all.Layer1.style.height='32px';
document.all.Layer2.style.height='32px';
document.all.Layer3.style.height='32px'; }

</script>

<onLoad="start()">

<align="center">

<onLoad="start()">

<div id="Layer1" style="position:absolute; width:155px; height:180px; z-index:1; left: 74px; top: 38px; background-color: #FFFFCC; layer-background-color: #FFFFCC; border: 1px none #000000; overflow: hidden" onMouseOver="big('Layer1')"; onMouseOut="small('Layer1')">

<div align="center"><font face="Verdana, Arial, Helvetica, sans-serif">
<a href="menu1.html">Menu 1</a>
<br>
<br>
<a href="link1.html">Link 1</a><br>
<br>
<a href="link2.html">Link 2</a><br>
<br>
<a href="link3.html">Link 3</a><br>
<br>
<a href="link4.html">Link 4</a></font></div>
</div>

<div id="Layer2" style="position:absolute; width:155px; height:180px; z-index:1; left: 236px; top: 38px; background-color: #FFFFCC; layer-background-color: #FFFFCC; border: 1px none #000000; overflow: hidden" onMouseOver="big('Layer2')"; onMouseOut="small('Layer2')">

<div align="center"><font face="Verdana, Arial, Helvetica, sans-serif">

<a href="menu2.html">Menu 2</a>
<br>
<br>
<a href="link5.html">Link 5</a><br>
<br>
<a href="link6.html">Link 6</a><br>
<br>
<a href="link7.html">Link 7</a><br>
<br>
<a href="link8.html">Link 8</a></font></div>
</div>

<div id="Layer3" style="position:absolute; width:155px; height:180px; z-index:1; left: 398px; top: 38px; background-color: #FFFFCC; layer-background-color: #FFFFCC; border: 1px none #000000; overflow: hidden" onMouseOver="big('Layer3')"; onMouseOut="small('Layer3')">
<div align="center"><font face="Verdana, Arial, Helvetica, sans-serif">
<a href="menu3.html">Menu 3</a>
<br>
<br>
<a href="link9.html">Link 9</a><br>
<br>
<a href="link10.html">Link 10</a><br>
<br>
<a href="link11.html">Link 11</a><br>
<br>
<a href="link12.html">Link 12</a></font></div>
</div>

KarlanKas · #2 (**permalink**) 27/01/2005, 16:13

Cambia todas las del tipo:

Código HTML:

onMouseOver="big('Layer2')"

por

Código HTML:

onMouseOver="big(this)"

Lo mismo con el small

y luego en las funciones cambia:

Código HTML:

document.all[lyr].style.height='180px';

por:

Código HTML:

lyr.style.height='180px';

y

Código HTML:

document.all[lyr].style.height='32px';

por:

Código HTML:

lyr.style.height='32px';

En start:

Código HTML:

document.getElementById("Layer1").style.height='32px';
document.getElementById("Layer2").style.height='32px';
document.getElementById("Layer3").height='32px';

Y ya está!

christopher1979 · #3 (**permalink**) 27/01/2005, 16:29

Cita:

Iniciado por KarlanKas

Cambia todas las del tipo:

Código HTML:

onMouseOver="big('Layer2')"

por

Código HTML:

onMouseOver="big(this)"

Lo mismo con el small

y luego en las funciones cambia:

Código HTML:

document.all[lyr].style.height='180px';

por:

Código HTML:

lyr.style.height='180px';

y

Código HTML:

document.all[lyr].style.height='32px';

por:

Código HTML:

lyr.style.height='32px';

En start:

Código HTML:

document.getElementById("Layer1").style.height='32px';
document.getElementById("Layer2").style.height='32px';
document.getElementById("Layer3").height='32px';

Y ya está!

gracias compadre as salvado una vida oye como puedo hacer un menu como los de este foro por ejemplo donde dice herramientas buscar si puedes orientarme te agradesco pero con esto por el momento me as salvado la vida

KarlanKas · #4 (**permalink**) 27/01/2005, 16:32

Había preparado un poco cómo quedaría tu códgo:

Código HTML:

<html>
<head>
	<title>Untitled</title>
<script language="JavaScript">

function big(lyr) {
lyr.style.height='180px'; }

function small(lyr) {
lyr.style.height='32px';

}

</script>
<style>
#layer1{
position:absolute; 
width:155px; 
height:32px; 
z-index:1; 
left: 74px; 
top: 38px; 
background-color: #FFFFCC; 
layer-background-color: #FFFFCC; 
border: 1px none #000000; 
overflow: hidden
}
#Layer2{
position:absolute; 
width:155px; 
height:32px; 
z-index:1; 
left: 236px; 
top: 38px; 
background-color: #FFFFCC; 
layer-background-color: #FFFFCC; 
border: 1px none #000000; 
overflow: hidden
}
</style>

</head>

<body>


<onLoad="start()">


<align="center">

<onLoad="start()">

<div id="Layer1"  onMouseOver="big(this)"; onMouseOut="small(this)">

<div align="center"><font face="Verdana, Arial, Helvetica, sans-serif">
<a href="menu1.html">Menu 1</a>
<br>
<br>
<a href="link1.html">Link 1</a><br>
<br>
<a href="link2.html">Link 2</a><br>
<br>
<a href="link3.html">Link 3</a><br>
<br>
<a href="link4.html">Link 4</a></font></div>
</div>

<div id="Layer2"  onMouseOver="big(this)"; onMouseOut="small(this)">

<div align="center"><font face="Verdana, Arial, Helvetica, sans-serif">

<a href="menu2.html">Menu 2</a>
<br>
<br>
<a href="link5.html">Link 5</a><br>
<br>
<a href="link6.html">Link 6</a><br>
<br>
<a href="link7.html">Link 7</a><br>
<br>
<a href="link8.html">Link 8</a></font></div>
</div>



</body></html>

Puedes visitar http://javascript.tunait.com allí tunait tiene un generador de menus... echale un ojo!

Y de nada!