Abrir y cerrar menu

Hola, haber si me puedes ayudar.
Te cuento, tengo una imagen donde pincho y se desplega un memu a traves, de una funcion. Hasta ahí todo bien e problema es que el menu que se desplega solo se abre no se cierra. Quisiera saber si esto es posible de hacer o si existe otra solución ademas de pulsar el boton actualizar del navegador.
Gracias, por leer mi pregunta y espero me puedas ayudar.

1 Respuesta

Respuesta
1
Pero necesitaria toda la pagina... si no te importa... Entiendo como va y como se podria tratar el tema de que se quite, pero me ahorrarias tiempo si me envias todo el html...
Salu2.
Habiendo visto ya todo en su conjunto, creo que tengo una posible solucion.
El tema esta en que si pinchas sobre un item del menu, te sale el "desplegable". Bien, tal y como esta hecho, si haces click sobre un item ya desplegado se tiene que quitar.
Te pongo una funcion corregida, y el resto son analogas:
function desplegarmenu0(){
if (cargado){
if (desplegado!=0) {
menu0.visibility="hidden";
document.images[1].src=precached[0].src;
desplegado=0;
}
else {
menu0.visibility="visible";
document.images[1].src=precached[0].src;
desplegado=1;
}
}
}
Solo hay un cambio en el if(desplegado!=0) y en que si no entra en ese if, hace desplegado=1;
A mi asi me hace el efecto que se supone debia hacer: con un click se abre y con otro se cierra.
Este es el código de la pagina.Gracias!!
<html>
<head>
<title>GRANI ROC</title>
<style type ="text/css">
#capamenu0 {position: absolute; left: 50px; top: 100px; width: 140px; height: 139px; border: no; visibility: hidden;}
#capamenu1 {position: absolute; left: 50px; top: 137px; width: 140px; height: 139px; border: no; visibility: hidden;}
#capamenu2 {position: absolute; left: 50px; top: 149px; width: 140px; height: 139px; border: no; visibility: hidden;}
#capamenu3 {position: absolute; left: 50px; top: 168px; width: 140px; height: 139px; border: no; visibility: hidden;}
</style>
</head>
<body bgcolor="#FFFFFF" topmargin="0" leftmargin="0"
marginwidth="0" marginheight="0" link="#FF0000" vlink="#800080"
onLoad="iniciar()" onLoad="setTimeout('self.location.reload()', 10)">
<p> </p>
<div align="center">
<center>
<table border="0" width="87%" cellspacing="0" cellpadding="0">
<tr>
<td width="25%" valign="top">
<div align="left">
<table border="0" width="86%" cellspacing="0" cellpadding="0" align="right">
<tr>
<td width="100%" align="center"><img border="0" src="1.jpg" width="130" height="48" align="right"></td>
</tr>
<tr>
<td width="100%" align="center"><a href="javascript:desplegarmenu0()" onMouseOver="self.status='Abra el menú y elija una opción.';return true" onMouseOut="self.status='';return true"><img border="0" src="2.jpg" width="131" height="19" align="right"></a></td>
</tr>
<tr>
<td width="100%" align="center"><a href="cbcmd/indexc.html" onMouseOver="self.status='Modelo CBC MD';return true" onMouseOut="self.status='';return true"><img border="0" src="3.jpg" width="130" height="18" align="right"></a></td>
</tr>
<tr>
<td width="100%" align="center"><a href="javascript:desplegarmenu1()" onMouseOver="self.status='Abra el menú y elija una opción.';return true" onMouseOut="self.status='';return true"><img border="0" src="4.jpg" width="130" height="17" align="right"></a></td>
</tr>
<tr>
<td width="100%" align="center"><a href="javascript:desplegarmenu2()" onMouseOver="self.status='Abra el menú y elija una opción.';return true" onMouseOut="self.status='';return true"><img border="0" src="5.jpg" width="130" height="15" align="right"></a></td>
</tr>
<tr>
<td width="100%" align="center"><a href="javascript:desplegarmenu3()" onMouseOver="self.status='Abra el menú y elija una opción.';return true" onMouseOut="self.status='';return true"><img border="0" src="mem.gif" width="129" height="19" align="right"></a></td>
</tr>
<tr>
<td width="100%" align="center"><a href="../index.html"><img border="0" src="6.jpg" width="90" height="32"></a></td>
</tr>
</table>
</div>
</td>
<td width="97%">
<p align="center"><OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://active.macromedia.com/flash2/cabs/swflash.cab#version=4,0,0,0"
ID=graniroc1 WIDTH=390 HEIGHT=345 align="left">
<PARAM NAME=movie VALUE="graniroc1.swf">
<PARAM NAME=loop VALUE=false>
<PARAM NAME=quality VALUE=high>
<PARAM NAME=bgcolor VALUE=#FFFFFF>
<EMBED src="graniroc1.swf" quality=high bgcolor=#FFFFFF loop=false
WIDTH=390 HEIGHT=345 TYPE="application/x-shockwave-flash"
PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">
</EMBED>
</OBJECT>
</p>
<p> </p>
<p> </p>
<p> </p>
</td>
</tr>
</table>
</center>
</div>
<p> </p>
<p> </p>
<div align="center"><center>
<table border="0" cellpadding="0" cellspacing="0" width="450">
<tr>
<td width="450" height="20">
<p align="center"><img border="0" src="laemprec.gif" width="127" height="43"></td>
</tr>
<tr>
<td width="450" height="20"> </td>
</tr>
<tr>
<td width="450" background="fondo.jpg"><font
color="#01014A" size="2" face="verdana"><img
src="logillog.gif" width="87" height="9"> nació en el
año 1993 y es la empre</font><font
color="#01014A" size="2" face="verdana">sa española pionera en fabricación de máquinas
para hilo diamantado.<br>
<br>
Cuenta actualmente con una infraestructura humana y un
equipo que le permite mantener una producción importante
en el mercado.<br>
<br>
<br>
<br>
</font></td>
</tr>
<tr>
<td width="450" height="30"> </td>
</tr>
</table>
</center></div><div align="center"><center>
<table border="0" cellpadding="0" cellspacing="0" width="450">
<tr>
<td align="center" width="450"><img src="productc.gif"
width="126" height="47"></td>
</tr>
<tr>
<td width="450" height="20"> </td>
</tr>
<tr>
<td width="450"><font color="#01014A" size="2"
face="verdana"><img src="logillog.gif" width="87"
height="9"> fabrica cinco tipos de máquinas, de los
cuales cuatro son de taller y una es de cantera.</font></td>
</tr>
</table>
</center></div><div align="center"><center>
<table border="0" cellpadding="0" cellspacing="0" width="450">
<tr>
<td width="450" height="25"> </td>
</tr>
<tr>
<td width="450"><img src="taller.gif" width="98"
height="46"></td>
</tr>
<tr>
<td width="450" height="25"> </td>
</tr>
<tr>
<td align="right" width="450"><right> <div align="right">
<table
border="0" cellpadding="0" cellspacing="0" width="505" height="180">
<tr>
<td align="right" valign="top" width="100" height="34"><b><font
color="#0000FF" size="2" face="verdana">MEB</font><font
color="#4A0101" size="2" face="verdana"> </font></b></td>
<td width="25" height="34"> </td>
<td valign="top" width="300" height="34"><font
color="#01014A" size="2" face="verdana">Máquina
de hilo diamantado para espesores y escuadrados
de bloques.</font></td>
</tr>
<tr>
<td width="100"> </td>
<td width="25" height="75"> </td>
<td align="left" width="120" height="75">
<table width="100%" border="0" height="83" align="left">
<tr>
<td height="27">
<div align="center"><a href="meb/indexc.html"
onmouseover="self.status='Modelo MEB';return true"
onmouseout="self.status='';return true"><b><font
color="#0000FF" size="2" face="verdana">MEB</font></b></a></div>
</td>
</tr>
<tr>
<td height="27">
<div align="center"><a href="mebmold/indexc.html"
onmouseover="self.status='Modelo MEB MOLD';return true"
onmouseout="self.status='';return true"><b><font
color="#0000FF" size="2" face="verdana">MEB MOLD</font></b></a></div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="3" width="425" height="8"> </td>
</tr>
<tr>
<td align="right" valign="top" width="100" height="34"><b><font
color="#800080" size="2" face="verdana">DUOMATIC</font></b></td>
<td width="25" height="34"> </td>
<td valign="top" width="300" height="34"><font
color="#01014A" size="2" face="verdana">Máquina
de dos hilos diamantados para escuadrado de
bloques.</font></td>
</tr>
<tr>
<td width="100" height="85">
<div align="center"></div>
</td>
<td width="25" height="85"> </td>
<td align="left" width="150" height="85">
<center>
<table width="100%" border="0" align="left" height="83">
<tr>
<td height="27">
<div align="center"><a href="duomaticfija/indexc.html"
onmouseover="self.status='Modelo DUOMATIC FIJA';return true"
onmouseout="self.status='';return true"><b><font color="#800080" size="2" face="Verdana">DUOMATIC
FIJA</font></b></a></div>
</td>
</tr>
<tr>
<td height="27">
<div align="center"><a href="duomaticgantry/indexc.html"
onmouseover="self.status='Modelo DUOMATIC GANTRY';return true"
onmouseout="self.status='';return true"><b><font color="#800080" size="2" face="Verdana">DUOMATIC
GANTRY</font></b></a></div>
</td>
</tr>
</table>
</center>
</td>
</tr>
<tr>
<td colspan="3" width="425" height="8"> </td>
</tr>
<tr>
<td align="right" valign="top" width="100" height="34"><font
color="#4A0101" size="2" face="verdana"><b>PBO</b></font></td>
<td width="25" height="34"> </td>
<td valign="top" width="300" height="34"><font
color="#01014A" size="2" face="verdana">Máquina
de hilo diamantado con cuatro ejes y control
numérico para moldurado de mármol, granito y
piedras ornamentales.</font></td>
</tr>
<tr>
<td width="100" height="98"></td>
<td width="25" height="98"> </td>
<td align="left" width="150" height="98">
<table width="100%" border="0" align="left" height="83">
<tr>
<td>
<div align="center"><a href="pbo2500-3000/indexc.html"
onmouseover="self.status='Modelo PBO 2500-3000';return true"
onmouseout="self.status='';return true"><b><font color="#4A0101" size="2" face="Verdana">PBO
2500-3000</font></b></a></div>
</td>
</tr>
<tr>
<td>
<div align="center"><a href="pbo2000/indexc.html"
onmouseover="self.status='Modelo PBO 2000';return true"
onmouseout="self.status='';return true"><b><font color="#4A0101" size="2" face="Verdana">PBO
2000</font></b></a></div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="3" width="425" height="8"> </td>
</tr>
<tr>
<td align="right" valign="top" width="100" height="34"><b><font face="Verdana" size="2"><font color="#808000">MEM</font></font></b></td>
<td width="25" height="34"></td>
<td valign="top" width="300" height="34"><font color="#01014A" size="2" face="verdana">Equipo
para corte y escuadrado de bloques con hilo diamantado de
velocidad variable.</font></td>
</tr>
<tr>
<td width="100" height="80"> </td>
<td width="25" height="80"> </td>
<td align="right" width="150" height="80">
<table width="106%" border="0" align="left" height="55">
<tr>
<td height="19">
<div align="center"><a href="mem/indexc.html"
onmouseover="self.status='Modelo MEM';return true"
onmouseout="self.status='';return true"> <b><font face="Verdana" size="2" color="#808000">MEM</font></b></a></div>
</td>
</tr>
<tr>
<td height="7">
<div align="center"><a href="memmolduradora/indexc.html"
onmouseover="self.status='Modelo MEM MOLDURADORA';return true"
onmouseout="self.status='';return true"><b><font face="Verdana" size="2" color="#808000">MEM
MOLDURADORA</font></b></a></div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="3" width="425" height="8"> </td>
</tr>
</table>
</div><p></right> <p></p>
</td>
</tr>
<tr>
<td width="450" height="30"> </td>
</tr>
<tr>
<td width="450"><img src="cantera.gif" width="115"
height="46"></td>
</tr>
<tr>
<td width="450" height="25"> </td>
</tr>
<tr>
<td align="right" width="450"><right> <div align="right"><table
border="0" cellpadding="0" cellspacing="0" width="425">
<tr>
<td align="right" valign="top" width="100"><a
href="cbcmd/indexc.html"
onmouseover="self.status='Modelo CBC MD';return true"
onmouseout="self.status='';return true"><b><font
color="#008000" size="2" face="verdana">CBC</font><font
color="#4A0101" size="2" face="verdana"> </font></b></a></td>
<td width="25"> </td>
<td valign="top" width="300"><font
color="#01014A" size="2" face="verdana">Máquina
de hilo diamantado utilizada para extracción de
piedra en cantera. Posee corte electrónico de
velocidad variable y control electrónico de
tensión de hilo para un máximo aprovechamiento.</font></td>
</tr>
</table>
</div><p></right> <p></p>
</td>
</tr>
<tr>
<td width="450" height="45"> </td>
</tr>
</table>
</center></div><div align="center"><center>
<table border="0" cellpadding="0" cellspacing="0" width="610" height="334">
<tr>
<td align="center" width="610"><a
href="pbo2500-3000/indexc.html"
onmouseover="self.status='Modelo PBO 2.500-3.000';return true"
onmouseout="self.status='';return true"><font size="2"
face="verdana">PBO</font></a><font size="2"
face="verdana"> | </font><a href="cbcmd/indexc.html"
onmouseover="self.status='Modelo CBC MD';return true"
onmouseout="self.status='';return true"><font size="2"
face="verdana">CBC</font></a><font size="2"
face="verdana"> | </font><a href="meb/indexc.html"
onmouseover="self.status='Modelo MEB';return true"
onmouseout="self.status='';return true"><font size="2"
face="verdana">MEB</font></a><font size="2"
face="verdana"> | </font><a href="duomaticfija/indexc.html"
onmouseover="self.status='Modelo DUOMATIC';return true"
onmouseout="self.status='';return true"><font size="2"
face="verdana">DUOMATIC</font></a><font size="2" face="verdana"> </font><font size="2"
face="verdana">| <a href="mem/indexc.html" onmouseover="self.status='Modelo MEM';return true"
onmouseout="self.status='';return true">MEM</a><br>
</font><a href="../formulario/indexc.html"
onmouseover="self.status='Contacte con nosotros';return true"
onmouseout="self.status='';return true"><font size="2"
face="verdana">contacte con nosotros</font></a><font
size="2" face="verdana"><br>
</font><br>
<br>
<a href="../hedisa/indexc.html" onmouseover="self.status='Hedisa';return true" onmouseout="self.status='';return true">
<img border="0" src="linkhedisa.gif" width="128" height="53" alt="Hedisa"></a> <a
href="../sumiroc/indexc.html"
onmouseover="self.status='Sumi roc';return true"
onmouseout="self.status='';return true"><img
src="linksumi.gif" alt="Sumi roc" border="0" width="122"
height="50"></a></td>
</tr>
<tr>
<td width="610" height="26"> </td>
</tr>
<tr>
<td align="center" width="610" height="151">
<div align="center"><a href="mailto:[email protected]" onmouseover="self.status='Contacte con nosotros';return true" onmouseout="self.status='';return true"><img border="0" src="pie.jpg" width="550" height="130" alt="Contacta con nosotros" align="absmiddle"></a></div>
</td>
</tr>
<tr>
<td width="610" height="20">
<p align="center" style="margin-top: 0"> </p>
</td>
</tr>
</table>
</center></div>
<p align="center">
<DIV ID="capamenu0">
<MAP NAME="map0">
<AREA SHAPE="RECT" COORDS="2, 2, 161, 24" HREF="./pbo2500-3000/indexc.html" onMouseOver="self.status='PBO 2500-3000' ;return true" onMouseOut="self.status='';return true"><!-- pbo 2500-3000 -->
<AREA SHAPE="RECT" COORDS="1, 29, 107, 50" HREF="./pbo2000/indexc.html" onMouseOver="self.status='MINI MOLD';return true" onMouseOut="self.status='';return true"><!-- mini mold -->
</MAP><img src="menupbo.jpg" border="0" usemap="#map0" width="140" height="139">
</DIV>
<DIV ID="capamenu1">
<MAP NAME="map1">
<AREA SHAPE="RECT" COORDS="6, 4, 71, 27" HREF="./meb/indexc.html" onMouseOver="self.status='MEB' ;return true" onMouseOut="self.status='' ;return true"><!-- meb -->
<AREA SHAPE="RECT" COORDS="7, 32, 138, 50" HREF="./mebmold/indexc.html" onMouseOver="self.status='MEB MOLD';return true" onMouseOut="self.status='';return true"><!-- meb mold -->
</MAP><img src="menumeb.jpg" border="0" usemap="#map1" width="140" height="139">
</DIV>
<DIV ID="capamenu2">
<MAP NAME="map2">
<AREA SHAPE="RECT" COORDS="5, 1, 135, 24" HREF="./duomaticfija/indexc.html" onMouseOver="self.status='DUOMATIC FIJA' ;return true" onMouseOut="self.status='' ;return true"><!-- duomatic fija -->
<AREA SHAPE="RECT" COORDS="33, 28, 192, 49" HREF="./duomaticgantry/indexc.html" onMouseOver="self.status='DUOMATIC GANTRY';return true" onMouseOut="self.status='';return true"><!-- duomatic gantry -->
</MAP><img src="menuduo.jpg" border="0" usemap="#map2" width="140" height="139">
</DIV>
<DIV ID="capamenu3">
<MAP NAME="map3">
<AREA SHAPE="RECT" COORDS="3, 6, 58, 27" HREF="./mem/indexc.html" onMouseOver="self.status='MEM' ;return true" onMouseOut="self.status='' ;return true"><!-- mem -->
<AREA SHAPE="RECT" COORDS=" 2, 32, 189, 55" HREF="./memmolduradora/indexc.html" onMouseOver="self.status='MEM MOLDURADORA';return true" onMouseOut="self.status='';return true"><!-- mem molduradora -->
</MAP><img src="menumem.jpg" border="0" usemap="#map3" width="140" height="139">
</DIV>
<script languaje="javascript">
var naveg=(document.layers)?0:1; /*** 0--> Netscape 1--> Explorer ****/
var cargado=0;
var incwidth=0; /* Valor de corrección de la coordenada x de las capas. Depende de la resolución. */
var incnaveg=6; /* Valor de corrección de la coordenada x de las capas. Depende del navegador. Sólo se aplica al IE */
var precached=new Array();
var desplegado=0;
function iniciar()
{
if (document.imgcheck.width<640) /* 640x480 */
{
aux=(620-document.imgcheck.width)/2; /* Valor de corrección que depende del monitor */
if (aux<0) {incwidth= 80+Math.ceil(aux);}
else {incwidth= 80+Math.floor(aux);}
}
else
if (document.imgcheck.width>800) /* 1024x768 */
{
dec=-20;
aux=(1004-document.imgcheck.width)/2; /* Valor de corrección que depende del monitor */
if (aux<0) {incwidth=-20+Math.ceil(aux);}
else {incwidth=-20+Math.floor(aux);}
}
else
if ((document.imgcheck.width<800)&&(document.imgcheck.width>640)) /* 800x600 */
{
aux=(780-document.imgcheck.width)/2; /* Valor de corrección que depende del monitor */
if (aux<0) {incwidth=Math.ceil(aux);}
else {incwidth=Math.floor(aux);}
}
if (naveg) /** Explorer **/
{
menu0 = document.all.capamenu0.style;
menu0.left=50+incnaveg-incwidth;menu0.top=100+incnaveg;
menu1 = document.all.capamenu1.style;
menu1.left=50+incnaveg-incwidth;menu1.top=137+incnaveg;
menu2 = document.all.capamenu2.style;
menu2.left=50+incnaveg-incwidth;menu2.top=149+incnaveg;
menu3 = document.all.capamenu3.style;
menu3.left=50+incnaveg-incwidth;menu3.top=168+incnaveg;
}
else /** Navigator **/
{
menu0 = document.capamenu0;
menu0.left=50-incwidth;
menu1 = document.capamenu1;
menu1.left=50-incwidth;
menu2 = document.capamenu2;
menu2.left=50-incwidth;
menu3 = document.capamenu3;
menu3.left=50-incwidth;
}
precached[0] =new Image();precached[0].src="2.jpg";
precached[1] =new Image();precached[1].src="menupbo.jpg";
precached[2] =new Image();precached[2].src="4.jpg";
precached[3] =new Image();precached[3].src="menumeb.jpg";
precached[4] =new Image();precached[4].src="5.jpg";
precached[5] =new Image();precached[5].src="menuduo.jpg";
precached[6] =new Image();precached[6].src="laemprec.gif";
precached[7] =new Image();precached[7].src="menumem.jpg";
cargado=1;
}
function desplegarmenu0()
{ if (cargado)
{
if (desplegado) {menu0.visibility="hidden";document.images[1].src=precached[0].src;desplegado=0;}
else {menu0.visibility="visible";document.images[1].src=precached[0].src;desplegado=0;}
}
}
function desplegarmenu1()
{ if (cargado)
{
if (desplegado) {menu1.visibility="hidden";document.images[3].src=precached[2].src;desplegado=2;}
else {menu1.visibility="visible";document.images[3].src=precached[2].src;desplegado=2;}
}
}
function desplegarmenu2()
{ if (cargado)
{
if (desplegado) {menu2.visibility="hidden";document.images[5].src=precached[4].src;desplegado=4;}
else {menu2.visibility="visible";document.images[5].src=precached[4].src;desplegado=4;}
}
}
function desplegarmenu3()
{ if (cargado)
{
if (desplegado) {menu3.visibility="hidden";document.images[7].src=precached[6].src;desplegado=6;}
else {menu3.visibility="visible";document.images[7].src=precached[6].src;desplegado=6;}
}
}
</script>
<img src="imgcheck.gif" name="imgcheck" width="100%" height="1">
<p> </p>
</body>
</html>
Los menus los abro por medio de esta funcion desplegar. Una para cada menu a abrir. Espero que te sirva de ayuda para resolver mi cuestion gracias!!!
precached[0] =new Image();precached[0].src="2.jpg";
precached[1] =new Image();precached[1].src="menupbo.jpg";
precached[2] =new Image();precached[2].src="4.jpg";
precached[3] =new Image();precached[3].src="menumeb.jpg";
precached[4] =new Image();precached[4].src="5.jpg";
precached[5] =new Image();precached[5].src="menuduo.jpg";
precached[6] =new Image();precached[6].src="laemprec.gif";
precached[7] =new Image();precached[7].src="menumem.jpg";
cargado=1;
}
function desplegarmenu0()
{ if (cargado)
{
if (desplegado) {menu0.visibility="hidden";document.images[1].src=precached[0].src;desplegado=0;}
else {menu0.visibility="visible";document.images[1].src=precached[0].src;desplegado=0;}
}
}
function desplegarmenu1()
{ if (cargado)
{
if (desplegado) {menu1.visibility="hidden";document.images[3].src=precached[2].src;desplegado=2;}
else {menu1.visibility="visible";document.images[3].src=precached[2].src;desplegado=2;}
}
}
function desplegarmenu2()
{ if (cargado)
{
if (desplegado) {menu2.visibility="hidden";document.images[5].src=precached[4].src;desplegado=4;}
else {menu2.visibility="visible";document.images[5].src=precached[4].src;desplegado=4;}
}
}
function desplegarmenu3()
{ if (cargado)
{
if (desplegado) {menu3.visibility="hidden";document.images[7].src=precached[6].src;desplegado=6;}
else {menu3.visibility="visible";document.images[7].src=precached[6].src;desplegado=6;}
}
}
</script>
Supongo que si se puede hacer, claro. Lo primero seria ver como esta hecho el efecto para que salga el menu. Si tienes colgada la pagina en algun sitio, dame la url y le hecho un vistazo, o al menos dame el codigo de la pagina completa.
Salu2.
Claro que se puede hacer, hombre!
El tema es cambiar en los links el onClick="desplegarmenu..." y meter la llamada en el onmouseover y en el onmouseout.
No quiero criticarte nada, pero el cambio es minimo...
Si tienes mas dudas sigue preguntando...
Salu2.
Perdoname pero no te entiendo lo q m quieres decir!!!
No quiero ser pesado!!! Lo siento.Gracias!!
Lo siento de verdad!!
Si, funciona pero claro, no se puede entonces acceder a los enlaces que tiene el dibujo.
Hay 1 solución a esto ... ? Gracias!!! por todo y de debo unos cuantos cafes
<tr>
<td width="100%" align="center"><a href="javascript:desplegarmenu0()" onMouseOver="self.status='Abra el menú y elija una opción.';return true" onMouseOut="self.status='';return true"><img border="0" src="2.jpg" width="131" height="19" align="right"></a></td>
</tr>
<tr>
<td width="100%" align="center"><a href="cbcmd/indexc.html" onMouseOver="self.status='Modelo CBC MD';return true" onMouseOut="self.status='';return true"><img border="0" src="3.jpg" width="130" height="18" align="right"></a></td>
</tr>
<tr>
<td width="100%" align="center"><a href="javascript:desplegarmenu1()" onMouseOver="self.status='Abra el menú y elija una opción.';return true" onMouseOut="self.status='';return true"><img border="0" src="4.jpg" width="130" height="17" align="right"></a></td>
</tr>
<tr>
<td width="100%" align="center"><a href="javascript:desplegarmenu2()" onMouseOver="self.status='Abra el menú y elija una opción.';return true" onMouseOut="self.status='';return true"><img border="0" src="5.jpg" width="130" height="15" align="right"></a></td>
</tr>
<tr>
<td width="100%" align="center"><a href="javascript:desplegarmenu3()" onMouseOver="self.status='Abra el menú y elija una opción.';return true" onMouseOut="self.status='';return true"><img border="0" src="mem.gif" width="129" height="19" align="right"></a></td>
</tr>
Busca ese troz y reemplazalo por:
<tr>
<td width="100%" align="center"><a href="#" onMouseOver="desplegarmenu0();self.status='Abra el menú y elija una opción.';return true" onMouseOut="desplegarmenu0();self.status='';return true"><img border="0" src="2.jpg" width="131" height="19" align="right"></a></td>
</tr>
<tr>
<td width="100%" align="center"><a href="cbcmd/indexc.html" onMouseOver="self.status='Modelo CBC MD';return true" onMouseOut="self.status='';return true"><img border="0" src="3.jpg" width="130" height="18" align="right"></a></td>
</tr>
<tr>
<td width="100%" align="center"><a href="#" onMouseOver="desplegarmenu1();self.status='Abra el menú y elija una opción.';return true" onMouseOut="desplegarmenu1();self.status='';return true"><img border="0" src="4.jpg" width="130" height="17" align="right"></a></td>
</tr>
<tr>
<td width="100%" align="center"><a href="#" onMouseOver="desplegarmenu2();self.status='Abra el menú y elija una opción.';return true" onMouseOut="desplegarmenu2();self.status='';return true"><img border="0" src="5.jpg" width="130" height="15" align="right"></a></td>
</tr>
<tr>
<td width="100%" align="center"><a href="#" onMouseOver="desplegarmenu3();self.status='Abra el menú y elija una opción.';return true" onMouseOut="desplegarmenu3();self.status='';return true"><img border="0" src="mem.gif" width="129" height="19" align="right"></a></td>
</tr>
De nuevo vuelvo con otra consulta !! puesto q a mi jefa no le ha gustado eso de abrir y cerar sino q quiere q al pasar por encima aparezca y luego cuando no lo pases desaparezca. ¿se puede hacer? garacias!!!
te envio de nuevo el codigo.
<html>
<head>
<title>GRANI ROC</title>
<style type ="text/css">
#capamenu0 {position: absolute; left: 50px; top: 100px; width: 140px; height: 139px; border: no; visibility: hidden;}
#capamenu1 {position: absolute; left: 50px; top: 137px; width: 140px; height: 139px; border: no; visibility: hidden;}
#capamenu2 {position: absolute; left: 50px; top: 149px; width: 140px; height: 139px; border: no; visibility: hidden;}
#capamenu3 {position: absolute; left: 50px; top: 168px; width: 140px; height: 139px; border: no; visibility: hidden;}
</style>
</head>
<body bgcolor="#FFFFFF" topmargin="0" leftmargin="0"
marginwidth="0" marginheight="0" link="#FF0000" vlink="#800080"
onLoad="iniciar()" onLoad="setTimeout('self.location.reload()', 10)">
<p> </p>
<div align="center">
<center>
<table border="0" width="87%" cellspacing="0" cellpadding="0">
<tr>
<td width="25%" valign="top">
<div align="left">
<table border="0" width="86%" cellspacing="0" cellpadding="0" align="right">
<tr>
<td width="100%" align="center"><img border="0" src="1.jpg" width="130" height="48" align="right"></td>
</tr>
<tr>
<td width="100%" align="center"><a href="javascript:desplegarmenu0()" onMouseOver="self.status='Abra el menú y elija una opción.';return true" onMouseOut="self.status='';return true"><img border="0" src="2.jpg" width="131" height="19" align="right"></a></td>
</tr>
<tr>
<td width="100%" align="center"><a href="cbcmd/indexc.html" onMouseOver="self.status='Modelo CBC MD';return true" onMouseOut="self.status='';return true"><img border="0" src="3.jpg" width="130" height="18" align="right"></a></td>
</tr>
<tr>
<td width="100%" align="center"><a href="javascript:desplegarmenu1()" onMouseOver="self.status='Abra el menú y elija una opción.';return true" onMouseOut="self.status='';return true"><img border="0" src="4.jpg" width="130" height="17" align="right"></a></td>
</tr>
<tr>
<td width="100%" align="center"><a href="javascript:desplegarmenu2()" onMouseOver="self.status='Abra el menú y elija una opción.';return true" onMouseOut="self.status='';return true"><img border="0" src="5.jpg" width="130" height="15" align="right"></a></td>
</tr>
<tr>
<td width="100%" align="center"><a href="javascript:desplegarmenu3()" onMouseOver="self.status='Abra el menú y elija una opción.';return true" onMouseOut="self.status='';return true"><img border="0" src="mem.gif" width="129" height="19" align="right"></a></td>
</tr>
<tr>
<td width="100%" align="center"><a href="../index.html"><img border="0" src="6.jpg" width="90" height="32"></a></td>
</tr>
</table>
</div>
</td>
<td width="97%">
<p align="center"><OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://active.macromedia.com/flash2/cabs/swflash.cab#version=4,0,0,0"
ID=graniroc1 WIDTH=390 HEIGHT=345 align="left">
<PARAM NAME=movie VALUE="graniroc1.swf">
<PARAM NAME=loop VALUE=false>
<PARAM NAME=quality VALUE=high>
<PARAM NAME=bgcolor VALUE=#FFFFFF>
<EMBED src="graniroc1.swf" quality=high bgcolor=#FFFFFF loop=false
WIDTH=390 HEIGHT=345 TYPE="application/x-shockwave-flash"
PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">
</EMBED>
</OBJECT>
</p>
<p> </p>
<p> </p>
<p> </p>
</td>
</tr>
</table>
</center>
</div>
<p> </p>
<p> </p>
<div align="center"><center>
<table border="0" cellpadding="0" cellspacing="0" width="450">
<tr>
<td width="450" height="20">
<p align="center"><img border="0" src="laemprec.gif" width="127" height="43"></td>
</tr>
<tr>
<td width="450" height="20"> </td>
</tr>
<tr>
<td width="450" background="fondo.jpg"><font
color="#01014A" size="2" face="verdana"><img
src="logillog.gif" width="87" height="9"> nació en el
año 1993 y es la empre</font><font
color="#01014A" size="2" face="verdana">sa española pionera en fabricación de máquinas
para hilo diamantado.<br>
<br>
Cuenta actualmente con una infraestructura humana y un
equipo que le permite mantener una producción importante
en el mercado.<br>
<br>
<br>
<br>
</font></td>
</tr>
<tr>
<td width="450" height="30"> </td>
</tr>
</table>
</center></div><div align="center"><center>
<table border="0" cellpadding="0" cellspacing="0" width="450">
<tr>
<td align="center" width="450"><img src="productc.gif"
width="126" height="47"></td>
</tr>
<tr>
<td width="450" height="20"> </td>
</tr>
<tr>
<td width="450"><font color="#01014A" size="2"
face="verdana"><img src="logillog.gif" width="87"
height="9"> fabrica cinco tipos de máquinas, de los
cuales cuatro son de taller y una es de cantera.</font></td>
</tr>
</table>
</center></div><div align="center"><center>
<table border="0" cellpadding="0" cellspacing="0" width="450">
<tr>
<td width="450" height="25"> </td>
</tr>
<tr>
<td width="450"><img src="taller.gif" width="98"
height="46"></td>
</tr>
<tr>
<td width="450" height="25"> </td>
</tr>
<tr>
<td align="right" width="450"><right> <div align="right">
<table
border="0" cellpadding="0" cellspacing="0" width="505" height="180">
<tr>
<td align="right" valign="top" width="100" height="34"><b><font
color="#0000FF" size="2" face="verdana">MEB</font><font
color="#4A0101" size="2" face="verdana"> </font></b></td>
<td width="25" height="34"> </td>
<td valign="top" width="300" height="34"><font
color="#01014A" size="2" face="verdana">Máquina
de hilo diamantado para espesores y escuadrados
de bloques.</font></td>
</tr>
<tr>
<td width="100"> </td>
<td width="25" height="75"> </td>
<td align="left" width="120" height="75">
<table width="100%" border="0" height="83" align="left">
<tr>
<td height="27">
<div align="center"><a href="meb/indexc.html"
onmouseover="self.status='Modelo MEB';return true"
onmouseout="self.status='';return true"><b><font
color="#0000FF" size="2" face="verdana">MEB</font></b></a></div>
</td>
</tr>
<tr>
<td height="27">
<div align="center"><a href="mebmold/indexc.html"
onmouseover="self.status='Modelo MEB MOLD';return true"
onmouseout="self.status='';return true"><b><font
color="#0000FF" size="2" face="verdana">MEB MOLD</font></b></a></div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="3" width="425" height="8"> </td>
</tr>
<tr>
<td align="right" valign="top" width="100" height="34"><b><font
color="#800080" size="2" face="verdana">DUOMATIC</font></b></td>
<td width="25" height="34"> </td>
<td valign="top" width="300" height="34"><font
color="#01014A" size="2" face="verdana">Máquina
de dos hilos diamantados para escuadrado de
bloques.</font></td>
</tr>
<tr>
<td width="100" height="85">
<div align="center"></div>
</td>
<td width="25" height="85"> </td>
<td align="left" width="150" height="85">
<center>
<table width="100%" border="0" align="left" height="83">
<tr>
<td height="27">
<div align="center"><a href="duomaticfija/indexc.html"
onmouseover="self.status='Modelo DUOMATIC FIJA';return true"
onmouseout="self.status='';return true"><b><font color="#800080" size="2" face="Verdana">DUOMATIC
FIJA</font></b></a></div>
</td>
</tr>
<tr>
<td height="27">
<div align="center"><a href="duomaticgantry/indexc.html"
onmouseover="self.status='Modelo DUOMATIC GANTRY';return true"
onmouseout="self.status='';return true"><b><font color="#800080" size="2" face="Verdana">DUOMATIC
GANTRY</font></b></a></div>
</td>
</tr>
</table>
</center>
</td>
</tr>
<tr>
<td colspan="3" width="425" height="8"> </td>
</tr>
<tr>
<td align="right" valign="top" width="100" height="34"><font
color="#4A0101" size="2" face="verdana"><b>PBO</b></font></td>
<td width="25" height="34"> </td>
<td valign="top" width="300" height="34"><font
color="#01014A" size="2" face="verdana">Máquina
de hilo diamantado con cuatro ejes y control
numérico para moldurado de mármol, granito y
piedras ornamentales.</font></td>
</tr>
<tr>
<td width="100" height="98"></td>
<td width="25" height="98"> </td>
<td align="left" width="150" height="98">
<table width="100%" border="0" align="left" height="83">
<tr>
<td>
<div align="center"><a href="pbo2500-3000/indexc.html"
onmouseover="self.status='Modelo PBO 2500-3000';return true"
onmouseout="self.status='';return true"><b><font color="#4A0101" size="2" face="Verdana">PBO
2500-3000</font></b></a></div>
</td>
</tr>
<tr>
<td>
<div align="center"><a href="pbo2000/indexc.html"
onmouseover="self.status='Modelo PBO 2000';return true"
onmouseout="self.status='';return true"><b><font color="#4A0101" size="2" face="Verdana">PBO
2000</font></b></a></div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="3" width="425" height="8"> </td>
</tr>
<tr>
<td align="right" valign="top" width="100" height="34"><b><font face="Verdana" size="2"><font color="#808000">MEM</font></font></b></td>
<td width="25" height="34"></td>
<td valign="top" width="300" height="34"><font color="#01014A" size="2" face="verdana">Equipo
para corte y escuadrado de bloques con hilo diamantado de
velocidad variable.</font></td>
</tr>
<tr>
<td width="100" height="80"> </td>
<td width="25" height="80"> </td>
<td align="right" width="150" height="80">
<table width="106%" border="0" align="left" height="55">
<tr>
<td height="19">
<div align="center"><a href="mem/indexc.html"
onmouseover="self.status='Modelo MEM';return true"
onmouseout="self.status='';return true"> <b><font face="Verdana" size="2" color="#808000">MEM</font></b></a></div>
</td>
</tr>
<tr>
<td height="7">
<div align="center"><a href="memmolduradora/indexc.html"
onmouseover="self.status='Modelo MEM MOLDURADORA';return true"
onmouseout="self.status='';return true"><b><font face="Verdana" size="2" color="#808000">MEM
MOLDURADORA</font></b></a></div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="3" width="425" height="8"> </td>
</tr>
</table>
</div><p></right> <p></p>
</td>
</tr>
<tr>
<td width="450" height="30"> </td>
</tr>
<tr>
<td width="450"><img src="cantera.gif" width="115"
height="46"></td>
</tr>
<tr>
<td width="450" height="25"> </td>
</tr>
<tr>
<td align="right" width="450"><right> <div align="right"><table
border="0" cellpadding="0" cellspacing="0" width="425">
<tr>
<td align="right" valign="top" width="100"><a
href="cbcmd/indexc.html"
onmouseover="self.status='Modelo CBC MD';return true"
onmouseout="self.status='';return true"><b><font
color="#008000" size="2" face="verdana">CBC</font><font
color="#4A0101" size="2" face="verdana"> </font></b></a></td>
<td width="25"> </td>
<td valign="top" width="300"><font
color="#01014A" size="2" face="verdana">Máquina
de hilo diamantado utilizada para extracción de
piedra en cantera. Posee corte electrónico de
velocidad variable y control electrónico de
tensión de hilo para un máximo aprovechamiento.</font></td>
</tr>
</table>
</div><p></right> <p></p>
</td>
</tr>
<tr>
<td width="450" height="45"> </td>
</tr>
</table>
</center></div><div align="center"><center>
<table border="0" cellpadding="0" cellspacing="0" width="610" height="334">
<tr>
<td align="center" width="610"><a
href="pbo2500-3000/indexc.html"
onmouseover="self.status='Modelo PBO 2.500-3.000';return true"
onmouseout="self.status='';return true"><font size="2"
face="verdana">PBO</font></a><font size="2"
face="verdana"> | </font><a href="cbcmd/indexc.html"
onmouseover="self.status='Modelo CBC MD';return true"
onmouseout="self.status='';return true"><font size="2"
face="verdana">CBC</font></a><font size="2"
face="verdana"> | </font><a href="meb/indexc.html"
onmouseover="self.status='Modelo MEB';return true"
onmouseout="self.status='';return true"><font size="2"
face="verdana">MEB</font></a><font size="2"
face="verdana"> | </font><a href="duomaticfija/indexc.html"
onmouseover="self.status='Modelo DUOMATIC';return true"
onmouseout="self.status='';return true"><font size="2"
face="verdana">DUOMATIC</font></a><font size="2" face="verdana"> </font><font size="2"
face="verdana">| <a href="mem/indexc.html" onmouseover="self.status='Modelo MEM';return true"
onmouseout="self.status='';return true">MEM</a><br>
</font><a href="../formulario/indexc.html"
onmouseover="self.status='Contacte con nosotros';return true"
onmouseout="self.status='';return true"><font size="2"
face="verdana">contacte con nosotros</font></a><font
size="2" face="verdana"><br>
</font><br>
<br>
<a href="../hedisa/indexc.html" onmouseover="self.status='Hedisa';return true" onmouseout="self.status='';return true">
<img border="0" src="linkhedisa.gif" width="128" height="53" alt="Hedisa"></a> <a
href="../sumiroc/indexc.html"
onmouseover="self.status='Sumi roc';return true"
onmouseout="self.status='';return true"><img
src="linksumi.gif" alt="Sumi roc" border="0" width="122"
height="50"></a></td>
</tr>
<tr>
<td width="610" height="26"> </td>
</tr>
<tr>
<td align="center" width="610" height="151">
<div align="center"><a href="mailto:[email protected]" onmouseover="self.status='Contacte con nosotros';return true" onmouseout="self.status='';return true"><img border="0" src="pie.jpg" width="550" height="130" alt="Contacta con nosotros" align="absmiddle"></a></div>
</td>
</tr>
<tr>
<td width="610" height="20">
<p align="center" style="margin-top: 0"> </p>
</td>
</tr>
</table>
</center></div>
<p align="center">
<DIV ID="capamenu0">
<MAP NAME="map0">
<AREA SHAPE="RECT" COORDS="2, 2, 161, 24" HREF="./pbo2500-3000/indexc.html" onMouseOver="self.status='PBO 2500-3000' ;return true" onMouseOut="self.status='';return true"><!-- pbo 2500-3000 -->
<AREA SHAPE="RECT" COORDS="1, 29, 107, 50" HREF="./pbo2000/indexc.html" onMouseOver="self.status='MINI MOLD';return true" onMouseOut="self.status='';return true"><!-- mini mold -->
</MAP><img src="menupbo.jpg" border="0" usemap="#map0" width="140" height="139">
</DIV>
<DIV ID="capamenu1">
<MAP NAME="map1">
<AREA SHAPE="RECT" COORDS="6, 4, 71, 27" HREF="./meb/indexc.html" onMouseOver="self.status='MEB' ;return true" onMouseOut="self.status='' ;return true"><!-- meb -->
<AREA SHAPE="RECT" COORDS="7, 32, 138, 50" HREF="./mebmold/indexc.html" onMouseOver="self.status='MEB MOLD';return true" onMouseOut="self.status='';return true"><!-- meb mold -->
</MAP><img src="menumeb.jpg" border="0" usemap="#map1" width="140" height="139">
</DIV>
<DIV ID="capamenu2">
<MAP NAME="map2">
<AREA SHAPE="RECT" COORDS="5, 1, 135, 24" HREF="./duomaticfija/indexc.html" onMouseOver="self.status='DUOMATIC FIJA' ;return true" onMouseOut="self.status='' ;return true"><!-- duomatic fija -->
<AREA SHAPE="RECT" COORDS="33, 28, 192, 49" HREF="./duomaticgantry/indexc.html" onMouseOver="self.status='DUOMATIC GANTRY';return true" onMouseOut="self.status='';return true"><!-- duomatic gantry -->
</MAP><img src="menuduo.jpg" border="0" usemap="#map2" width="140" height="139">
</DIV>
<DIV ID="capamenu3">
<MAP NAME="map3">
<AREA SHAPE="RECT" COORDS="3, 6, 58, 27" HREF="./mem/indexc.html" onMouseOver="self.status='MEM' ;return true" onMouseOut="self.status='' ;return true"><!-- mem -->
<AREA SHAPE="RECT" COORDS=" 2, 32, 189, 55" HREF="./memmolduradora/indexc.html" onMouseOver="self.status='MEM MOLDURADORA';return true" onMouseOut="self.status='';return true"><!-- mem molduradora -->
</MAP><img src="menumem.jpg" border="0" usemap="#map3" width="140" height="139">
</DIV>
<script languaje="javascript">
var naveg=(document.layers)?0:1; /*** 0--> Netscape 1--> Explorer ****/
var cargado=0;
var incwidth=0; /* Valor de corrección de la coordenada x de las capas. Depende de la resolución. */
var incnaveg=6; /* Valor de corrección de la coordenada x de las capas. Depende del navegador. Sólo se aplica al IE */
var precached=new Array();
var desplegado=0;
function iniciar()
{
if (document.imgcheck.width<640) /* 640x480 */
{
aux=(620-document.imgcheck.width)/2; /* Valor de corrección que depende del monitor */
if (aux<0) {incwidth= 80+Math.ceil(aux);}
else {incwidth= 80+Math.floor(aux);}
}
else
if (document.imgcheck.width>800) /* 1024x768 */
{
dec=-20;
aux=(1004-document.imgcheck.width)/2; /* Valor de corrección que depende del monitor */
if (aux<0) {incwidth=-20+Math.ceil(aux);}
else {incwidth=-20+Math.floor(aux);}
}
else
if ((document.imgcheck.width<800)&&(document.imgcheck.width>640)) /* 800x600 */
{
aux=(780-document.imgcheck.width)/2; /* Valor de corrección que depende del monitor */
if (aux<0) {incwidth=Math.ceil(aux);}
else {incwidth=Math.floor(aux);}
}
if (naveg) /** Explorer **/
{
menu0 = document.all.capamenu0.style;
menu0.left=50+incnaveg-incwidth;menu0.top=100+incnaveg;
menu1 = document.all.capamenu1.style;
menu1.left=50+incnaveg-incwidth;menu1.top=137+incnaveg;
menu2 = document.all.capamenu2.style;
menu2.left=50+incnaveg-incwidth;menu2.top=149+incnaveg;
menu3 = document.all.capamenu3.style;
menu3.left=50+incnaveg-incwidth;menu3.top=168+incnaveg;
}
else /** Navigator **/
{
menu0 = document.capamenu0;
menu0.left=50-incwidth;
menu1 = document.capamenu1;
menu1.left=50-incwidth;
menu2 = document.capamenu2;
menu2.left=50-incwidth;
menu3 = document.capamenu3;
menu3.left=50-incwidth;
}
precached[0] =new Image();precached[0].src="2.jpg";
precached[1] =new Image();precached[1].src="menupbo.jpg";
precached[2] =new Image();precached[2].src="4.jpg";
precached[3] =new Image();precached[3].src="menumeb.jpg";
precached[4] =new Image();precached[4].src="5.jpg";
precached[5] =new Image();precached[5].src="menuduo.jpg";
precached[6] =new Image();precached[6].src="laemprec.gif";
precached[7] =new Image();precached[7].src="menumem.jpg";
cargado=1;
}
function desplegarmenu0()
{ if (cargado)
{
if (desplegado) {menu0.visibility="hidden";document.images[1].src=precached[0].src;desplegado=0;}
else {menu0.visibility="visible";document.images[1].src=precached[0].src;desplegado=0;}
}
}
function desplegarmenu1()
{ if (cargado)
{
if (desplegado) {menu1.visibility="hidden";document.images[3].src=precached[2].src;desplegado=2;}
else {menu1.visibility="visible";document.images[3].src=precached[2].src;desplegado=2;}
}
}
function desplegarmenu2()
{ if (cargado)
{
if (desplegado) {menu2.visibility="hidden";document.images[5].src=precached[4].src;desplegado=4;}
else {menu2.visibility="visible";document.images[5].src=precached[4].src;desplegado=4;}
}
}
function desplegarmenu3()
{ if (cargado)
{
if (desplegado) {menu3.visibility="hidden";document.images[7].src=precached[6].src;desplegado=6;}
else {menu3.visibility="visible";document.images[7].src=precached[6].src;desplegado=6;}
}
}
</script>
<img src="imgcheck.gif" name="imgcheck" width="100%" height="1">
<p> </p>
</body>
</html>
Entiendo el problema...
La cosa es que ahora si tienes el raton encima y quieres pinchar en la imagen, no puedes porque la imagen se va si quitas el raton de donde esta...
Veo dos soluciones:
1.- Conveces a tu jefa de que es mejor clickando.
2.- Quitas la llamada a la funcion en el onmouseout, de modo que si pones el raton aparece, y solo se va si vuelves a pasar por encima.
¿Cómo lo ves?
Te mando la segunda solucion, porque la primera ya la tienes =)
Salu2.
P.D: Gracias por los cafes; me conformo con que visites mi web y que te guste :)
<html>
<head>
<title>GRANI ROC</title>
<style type ="text/css">
#capamenu0 {position: absolute; left: 50px; top: 100px; width: 140px; height: 139px; border: no; visibility: hidden;}
#capamenu1 {position: absolute; left: 50px; top: 137px; width: 140px; height: 139px; border: no; visibility: hidden;}
#capamenu2 {position: absolute; left: 50px; top: 149px; width: 140px; height: 139px; border: no; visibility: hidden;}
#capamenu3 {position: absolute; left: 50px; top: 168px; width: 140px; height: 139px; border: no; visibility: hidden;}
</style>
</head>
<body bgcolor="#FFFFFF" topmargin="0" leftmargin="0"
marginwidth="0" marginheight="0" link="#FF0000" vlink="#800080"
onLoad="iniciar()" NOonLoad="setTimeout('self.location.reload()', 10)">
<p> </p>
<div align="center">
<center>
<table border="0" width="87%" cellspacing="0" cellpadding="0">
<tr>
<td width="25%" valign="top">
<div align="left">
<table border="0" width="86%" cellspacing="0" cellpadding="0" align="right">
<tr>
<td width="100%" align="center"><img border="0" src="1.jpg" width="130" height="48" align="right"></td>
</tr>
<tr>
<td width="100%" align="center"><a href="#" onMouseOver="desplegarmenu0();self.status='Abra el menú y elija una opción.';return true" onMouseOut="self.status='';return true"><img border="0" src="2.jpg" width="131" height="19" align="right"></a></td>
</tr>
<tr>
<td width="100%" align="center"><a href="cbcmd/indexc.html" onMouseOver="self.status='Modelo CBC MD';return true" onMouseOut="self.status='';return true"><img border="0" src="3.jpg" width="130" height="18" align="right"></a></td>
</tr>
<tr>
<td width="100%" align="center"><a href="#" onMouseOver="desplegarmenu1();self.status='Abra el menú y elija una opción.';return true" onMouseOut="self.status='';return true"><img border="0" src="4.jpg" width="130" height="17" align="right"></a></td>
</tr>
<tr>
<td width="100%" align="center"><a href="#" onMouseOver="desplegarmenu2();self.status='Abra el menú y elija una opción.';return true" onMouseOut="self.status='';return true"><img border="0" src="5.jpg" width="130" height="15" align="right"></a></td>
</tr>
<tr>
<td width="100%" align="center"><a href="#" onMouseOver="desplegarmenu3();self.status='Abra el menú y elija una opción.';return true" onMouseOut="self.status='';return true"><img border="0" src="mem.gif" width="129" height="19" align="right"></a></td>
</tr>
<tr>
<td width="100%" align="center"><a href="../index.html"><img border="0" src="6.jpg" width="90" height="32"></a></td>
</tr>
</table>
</div>
</td>
<td width="97%">
<p> </p>
<p> </p>
<p> </p>
</td>
</tr>
</table>
</center>
</div>
<p> </p>
<p> </p>
<div align="center"><center>
<table border="0" cellpadding="0" cellspacing="0" width="450">
<tr>
<td width="450" height="20">
<p align="center"><img border="0" src="laemprec.gif" width="127" height="43"></td>
</tr>
<tr>
<td width="450" height="20"> </td>
</tr>
<tr>
<td width="450" background="fondo.jpg"><font
color="#01014A" size="2" face="verdana"><img
src="logillog.gif" width="87" height="9"> nació en el
año 1993 y es la empre</font><font
color="#01014A" size="2" face="verdana">sa española pionera en fabricación de máquinas
para hilo diamantado.<br>
<br>
Cuenta actualmente con una infraestructura humana y un
equipo que le permite mantener una producción importante
en el mercado.<br>
<br>
<br>
<br>
</font></td>
</tr>
<tr>
<td width="450" height="30"> </td>
</tr>
</table>
</center></div><div align="center"><center>
<table border="0" cellpadding="0" cellspacing="0" width="450">
<tr>
<td align="center" width="450"><img src="productc.gif"
width="126" height="47"></td>
</tr>
<tr>
<td width="450" height="20"> </td>
</tr>
<tr>
<td width="450"><font color="#01014A" size="2"
face="verdana"><img src="logillog.gif" width="87"
height="9"> fabrica cinco tipos de máquinas, de los
cuales cuatro son de taller y una es de cantera.</font></td>
</tr>
</table>
</center></div><div align="center"><center>
<table border="0" cellpadding="0" cellspacing="0" width="450">
<tr>
<td width="450" height="25"> </td>
</tr>
<tr>
<td width="450"><img src="taller.gif" width="98"
height="46"></td>
</tr>
<tr>
<td width="450" height="25"> </td>
</tr>
<tr>
<td align="right" width="450"><right> <div align="right">
<table
border="0" cellpadding="0" cellspacing="0" width="505" height="180">
<tr>
<td align="right" valign="top" width="100" height="34"><b><font
color="#0000FF" size="2" face="verdana">MEB</font><font
color="#4A0101" size="2" face="verdana"> </font></b></td>
<td width="25" height="34"> </td>
<td valign="top" width="300" height="34"><font
color="#01014A" size="2" face="verdana">Máquina
de hilo diamantado para espesores y escuadrados
de bloques.</font></td>
</tr>
<tr>
<td width="100"> </td>
<td width="25" height="75"> </td>
<td align="left" width="120" height="75">
<table width="100%" border="0" height="83" align="left">
<tr>
<td height="27">
<div align="center"><a href="meb/indexc.html"
onmouseover="self.status='Modelo MEB';return true"
onmouseout="self.status='';return true"><b><font
color="#0000FF" size="2" face="verdana">MEB</font></b></a></div>
</td>
</tr>
<tr>
<td height="27">
<div align="center"><a href="mebmold/indexc.html"
onmouseover="self.status='Modelo MEB MOLD';return true"
onmouseout="self.status='';return true"><b><font
color="#0000FF" size="2" face="verdana">MEB MOLD</font></b></a></div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="3" width="425" height="8"> </td>
</tr>
<tr>
<td align="right" valign="top" width="100" height="34"><b><font
color="#800080" size="2" face="verdana">DUOMATIC</font></b></td>
<td width="25" height="34"> </td>
<td valign="top" width="300" height="34"><font
color="#01014A" size="2" face="verdana">Máquina
de dos hilos diamantados para escuadrado de
bloques.</font></td>
</tr>
<tr>
<td width="100" height="85">
<div align="center"></div>
</td>
<td width="25" height="85"> </td>
<td align="left" width="150" height="85">
<center>
<table width="100%" border="0" align="left" height="83">
<tr>
<td height="27">
<div align="center"><a href="duomaticfija/indexc.html"
onmouseover="self.status='Modelo DUOMATIC FIJA';return true"
onmouseout="self.status='';return true"><b><font color="#800080" size="2" face="Verdana">DUOMATIC
FIJA</font></b></a></div>
</td>
</tr>
<tr>
<td height="27">
<div align="center"><a href="duomaticgantry/indexc.html"
onmouseover="self.status='Modelo DUOMATIC GANTRY';return true"
onmouseout="self.status='';return true"><b><font color="#800080" size="2" face="Verdana">DUOMATIC
GANTRY</font></b></a></div>
</td>
</tr>
</table>
</center>
</td>
</tr>
<tr>
<td colspan="3" width="425" height="8"> </td>
</tr>
<tr>
<td align="right" valign="top" width="100" height="34"><font
color="#4A0101" size="2" face="verdana"><b>PBO</b></font></td>
<td width="25" height="34"> </td>
<td valign="top" width="300" height="34"><font
color="#01014A" size="2" face="verdana">Máquina
de hilo diamantado con cuatro ejes y control
numérico para moldurado de mármol, granito y
piedras ornamentales.</font></td>
</tr>
<tr>
<td width="100" height="98"></td>
<td width="25" height="98"> </td>
<td align="left" width="150" height="98">
<table width="100%" border="0" align="left" height="83">
<tr>
<td>
<div align="center"><a href="pbo2500-3000/indexc.html"
onmouseover="self.status='Modelo PBO 2500-3000';return true"
onmouseout="self.status='';return true"><b><font color="#4A0101" size="2" face="Verdana">PBO
2500-3000</font></b></a></div>
</td>
</tr>
<tr>
<td>
<div align="center"><a href="pbo2000/indexc.html"
onmouseover="self.status='Modelo PBO 2000';return true"
onmouseout="self.status='';return true"><b><font color="#4A0101" size="2" face="Verdana">PBO
2000</font></b></a></div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="3" width="425" height="8"> </td>
</tr>
<tr>
<td align="right" valign="top" width="100" height="34"><b><font face="Verdana" size="2"><font color="#808000">MEM</font></font></b></td>
<td width="25" height="34"></td>
<td valign="top" width="300" height="34"><font color="#01014A" size="2" face="verdana">Equipo
para corte y escuadrado de bloques con hilo diamantado de
velocidad variable.</font></td>
</tr>
<tr>
<td width="100" height="80"> </td>
<td width="25" height="80"> </td>
<td align="right" width="150" height="80">
<table width="106%" border="0" align="left" height="55">
<tr>
<td height="19">
<div align="center"><a href="mem/indexc.html"
onmouseover="self.status='Modelo MEM';return true"
onmouseout="self.status='';return true"> <b><font face="Verdana" size="2" color="#808000">MEM</font></b></a></div>
</td>
</tr>
<tr>
<td height="7">
<div align="center"><a href="memmolduradora/indexc.html"
onmouseover="self.status='Modelo MEM MOLDURADORA';return true"
onmouseout="self.status='';return true"><b><font face="Verdana" size="2" color="#808000">MEM
MOLDURADORA</font></b></a></div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="3" width="425" height="8"> </td>
</tr>
</table>
</div><p></right> <p></p>
</td>
</tr>
<tr>
<td width="450" height="30"> </td>
</tr>
<tr>
<td width="450"><img src="cantera.gif" width="115"
height="46"></td>
</tr>
<tr>
<td width="450" height="25"> </td>
</tr>
<tr>
<td align="right" width="450"><right> <div align="right"><table
border="0" cellpadding="0" cellspacing="0" width="425">
<tr>
<td align="right" valign="top" width="100"><a
href="cbcmd/indexc.html"
onmouseover="self.status='Modelo CBC MD';return true"
onmouseout="self.status='';return true"><b><font
color="#008000" size="2" face="verdana">CBC</font><font
color="#4A0101" size="2" face="verdana"> </font></b></a></td>
<td width="25"> </td>
<td valign="top" width="300"><font
color="#01014A" size="2" face="verdana">Máquina
de hilo diamantado utilizada para extracción de
piedra en cantera. Posee corte electrónico de
velocidad variable y control electrónico de
tensión de hilo para un máximo aprovechamiento.</font></td>
</tr>
</table>
</div><p></right> <p></p>
</td>
</tr>
<tr>
<td width="450" height="45"> </td>
</tr>
</table>
</center></div><div align="center"><center>
<table border="0" cellpadding="0" cellspacing="0" width="610" height="334">
<tr>
<td align="center" width="610"><a
href="pbo2500-3000/indexc.html"
onmouseover="self.status='Modelo PBO 2.500-3.000';return true"
onmouseout="self.status='';return true"><font size="2"
face="verdana">PBO</font></a><font size="2"
face="verdana"> | </font><a href="cbcmd/indexc.html"
onmouseover="self.status='Modelo CBC MD';return true"
onmouseout="self.status='';return true"><font size="2"
face="verdana">CBC</font></a><font size="2"
face="verdana"> | </font><a href="meb/indexc.html"
onmouseover="self.status='Modelo MEB';return true"
onmouseout="self.status='';return true"><font size="2"
face="verdana">MEB</font></a><font size="2"
face="verdana"> | </font><a href="duomaticfija/indexc.html"
onmouseover="self.status='Modelo DUOMATIC';return true"
onmouseout="self.status='';return true"><font size="2"
face="verdana">DUOMATIC</font></a><font size="2" face="verdana"> </font><font size="2"
face="verdana">| <a href="mem/indexc.html" onmouseover="self.status='Modelo MEM';return true"
onmouseout="self.status='';return true">MEM</a><br>
</font><a href="../formulario/indexc.html"
onmouseover="self.status='Contacte con nosotros';return true"
onmouseout="self.status='';return true"><font size="2"
face="verdana">contacte con nosotros</font></a><font
size="2" face="verdana"><br>
</font><br>
<br>
<a href="../hedisa/indexc.html" onmouseover="self.status='Hedisa';return true" onmouseout="self.status='';return true">
<img border="0" src="linkhedisa.gif" width="128" height="53" alt="Hedisa"></a> <a
href="../sumiroc/indexc.html"
onmouseover="self.status='Sumi roc';return true"
onmouseout="self.status='';return true"><img
src="linksumi.gif" alt="Sumi roc" border="0" width="122"
height="50"></a></td>
</tr>
<tr>
<td width="610" height="26"> </td>
</tr>
<tr>
<td align="center" width="610" height="151">
<div align="center"><a href="mailto:[email protected]" onmouseover="self.status='Contacte con nosotros';return true" onmouseout="self.status='';return true"><img border="0" src="pie.jpg" width="550" height="130" alt="Contacta con nosotros" align="absmiddle"></a></div>
</td>
</tr>
<tr>
<td width="610" height="20">
<p align="center" style="margin-top: 0"> </p>
</td>
</tr>
</table>
</center></div>
<p align="center">
<DIV ID="capamenu0">
<MAP NAME="map0">
<AREA SHAPE="RECT" COORDS="2, 2, 161, 24" HREF="./pbo2500-3000/indexc.html" onMouseOver="self.status='PBO 2500-3000' ;return true" onMouseOut="self.status='';return true"><!-- pbo 2500-3000 -->
<AREA SHAPE="RECT" COORDS="1, 29, 107, 50" HREF="./pbo2000/indexc.html" onMouseOver="self.status='MINI MOLD';return true" onMouseOut="self.status='';return true"><!-- mini mold -->
</MAP><img src="menupbo.jpg" border="0" usemap="#map0" width="140" height="139">
</DIV>
<DIV ID="capamenu1">
<MAP NAME="map1">
<AREA SHAPE="RECT" COORDS="6, 4, 71, 27" HREF="./meb/indexc.html" onMouseOver="self.status='MEB' ;return true" onMouseOut="self.status='' ;return true"><!-- meb -->
<AREA SHAPE="RECT" COORDS="7, 32, 138, 50" HREF="./mebmold/indexc.html" onMouseOver="self.status='MEB MOLD';return true" onMouseOut="self.status='';return true"><!-- meb mold -->
</MAP><img src="menumeb.jpg" border="0" usemap="#map1" width="140" height="139">
</DIV>
<DIV ID="capamenu2">
<MAP NAME="map2">
<AREA SHAPE="RECT" COORDS="5, 1, 135, 24" HREF="./duomaticfija/indexc.html" onMouseOver="self.status='DUOMATIC FIJA' ;return true" onMouseOut="self.status='' ;return true"><!-- duomatic fija -->
<AREA SHAPE="RECT" COORDS="33, 28, 192, 49" HREF="./duomaticgantry/indexc.html" onMouseOver="self.status='DUOMATIC GANTRY';return true" onMouseOut="self.status='';return true"><!-- duomatic gantry -->
</MAP><img src="menuduo.jpg" border="0" usemap="#map2" width="140" height="139">
</DIV>
<DIV ID="capamenu3">
<MAP NAME="map3">
<AREA SHAPE="RECT" COORDS="3, 6, 58, 27" HREF="./mem/indexc.html" onMouseOver="self.status='MEM' ;return true" onMouseOut="self.status='' ;return true"><!-- mem -->
<AREA SHAPE="RECT" COORDS=" 2, 32, 189, 55" HREF="./memmolduradora/indexc.html" onMouseOver="self.status='MEM MOLDURADORA';return true" onMouseOut="self.status='';return true"><!-- mem molduradora -->
</MAP><img src="menumem.jpg" border="0" usemap="#map3" width="140" height="139">
</DIV>
<script languaje="javascript">
var naveg=(document.layers)?0:1; /*** 0--> Netscape 1--> Explorer ****/
var cargado=0;
var incwidth=0; /* Valor de corrección de la coordenada x de las capas. Depende de la resolución. */
var incnaveg=6; /* Valor de corrección de la coordenada x de las capas. Depende del navegador. Sólo se aplica al IE */
var precached=new Array();
var desplegado=0;
function iniciar()
{
if (document.imgcheck.width<640) /* 640x480 */
{
aux=(620-document.imgcheck.width)/2; /* Valor de corrección que depende del monitor */
if (aux<0) {incwidth= 80+Math.ceil(aux);}
else {incwidth= 80+Math.floor(aux);}
}
else
if (document.imgcheck.width>800) /* 1024x768 */
{
dec=-20;
aux=(1004-document.imgcheck.width)/2; /* Valor de corrección que depende del monitor */
if (aux<0) {incwidth=-20+Math.ceil(aux);}
else {incwidth=-20+Math.floor(aux);}
}
else
if ((document.imgcheck.width<800)&&(document.imgcheck.width>640)) /* 800x600 */
{
aux=(780-document.imgcheck.width)/2; /* Valor de corrección que depende del monitor */
if (aux<0) {incwidth=Math.ceil(aux);}
else {incwidth=Math.floor(aux);}
}
if (naveg) /** Explorer **/
{
menu0 = document.all.capamenu0.style;
menu0.left=50+incnaveg-incwidth;menu0.top=100+incnaveg;
menu1 = document.all.capamenu1.style;
menu1.left=50+incnaveg-incwidth;menu1.top=137+incnaveg;
menu2 = document.all.capamenu2.style;
menu2.left=50+incnaveg-incwidth;menu2.top=149+incnaveg;
menu3 = document.all.capamenu3.style;
menu3.left=50+incnaveg-incwidth;menu3.top=168+incnaveg;
}
else /** Navigator **/
{
menu0 = document.capamenu0;
menu0.left=50-incwidth;
menu1 = document.capamenu1;
menu1.left=50-incwidth;
menu2 = document.capamenu2;
menu2.left=50-incwidth;
menu3 = document.capamenu3;
menu3.left=50-incwidth;
}
precached[0] =new Image();precached[0].src="2.jpg";
precached[1] =new Image();precached[1].src="menupbo.jpg";
precached[2] =new Image();precached[2].src="4.jpg";
precached[3] =new Image();precached[3].src="menumeb.jpg";
precached[4] =new Image();precached[4].src="5.jpg";
precached[5] =new Image();precached[5].src="menuduo.jpg";
precached[6] =new Image();precached[6].src="laemprec.gif";
precached[7] =new Image();precached[7].src="menumem.jpg";
cargado=1;
}
function desplegarmenu0()
{ if (cargado)
{
if (desplegado) {menu0.visibility="hidden";document.images[1].src=precached[0].src;desplegado=0;}
else {menu0.visibility="visible";document.images[1].src=precached[0].src;desplegado=0;}
}
alert(1);
}function desplegarmenu0(){
if (cargado){
if (desplegado!=0) {
menu0.visibility="hidden";
document.images[1].src=precached[0].src;
desplegado=0;
}
else {
menu0.visibility="visible";
document.images[1].src=precached[0].src;
desplegado=1;
}
}
}
function desplegarmenu1(){
if (cargado){
if (desplegado!=0) {
menu0.visibility="hidden";
document.images[3].src=precached[2].src;
desplegado=0;
}
else {
menu0.visibility="visible";
document.images[2].src=precached[2].src;
desplegado=1;
}
}
}
function desplegarmenu2(){
if (cargado){
if (desplegado!=0) {
menu0.visibility="hidden";
document.images[5].src=precached[4].src;
desplegado=0;
}
else {
menu0.visibility="visible";
document.images[5].src=precached[4].src;
desplegado=1;
}
}
}
function desplegarmenu3(){
if (cargado){
if (desplegado!=0) {
menu0.visibility="hidden";
document.images[7].src=precached[6].src;
desplegado=0;
}
else {
menu0.visibility="visible";
document.images[7].src=precached[6].src;
desplegado=1;
}
}
}
</script>
<img src="imgcheck.gif" name="imgcheck" width="100%" height="1">
<p> </p>
</body>
</html>

Añade tu respuesta

Haz clic para o

Más respuestas relacionadas

Grabar desconexión de usuario logueado

Tengo una web en la que los usuarios pueden loguearse, y al hacerlo se graba en una base de datos mysql el usuario y la hora de conexión. Quisiera saber cómo hacer para que también quede grabada la hora de "desconexión". Si pulsan el botón de cerrar...
2 respuestas

Galeria de imagenes html con marquee

Soy nuevo en la creación de páginas web, y estoy haciendo una personal. Mi problema surge cuando quiero crear una galería de imágenes, para la que estoy utilizando marquee. Para mostrar las imágenes en menor tamaño y al hacer click que se vean más...
1 respuesta

Javascript que visualice en grande una foto ...

En primer lugar agradecerte la desinteresada labor que llevas a cabo y la paciencia que tienes con todos nosotros... Mira, estoy tratando de crear una página web de coleccionismo relativamente sencilla. Uno de mis objetivos es incluir una pequeña...
1 respuesta

¿Por que no me funciona el javascript en firefox?

Estoy haciendo una pagina web y he hecho un menu con javascript, pero no consigo que funcione en FIREFOX, en IE, en safari, chrome me funciona. Pero me tiene que funcionar en firefox ya que es uno de los que mas se usan. ¿Veis algun fallo o me falta...
1 respuesta

Clásico juego de memoria con javascript

Estoy usando un código que encontré en la red para un juego de memoria (el clásico juego de destapar imágenes de dos en dos y tratar de hacer las parejas). Podés verlo en funcionamiento en: http://www.tunait.com/javascript/scripts/juegos/memoria.htm...
1 respuesta

Como Redireccionar a url leída en un campo de mysql

Agradecería vuestra ayuda porque me he quedado para en este punto. Tengo una base de datos con los campos usuario, password y url ( cada usuario tiene su propia url) Tengo una web con un formulario de acceso y al validar los datos (usuario, password)...
1 respuesta

Mostrar imagen grande en galeria de imagenes

He creado una galeria de imgenes y quiero que al pinchar en la foto esta se haga ms grande. Pero no consigo mostrar la foto en grande te paso el código a ver si me puedes "echar una mano". Gracias <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0...
1 respuesta

Tabs con jquery

Te pregunto de nuevo porque estoy intentando que me funcione un sistema de tabs -. El ejemplo es muy simple, pero era sólo para probarlo antes de realizar los "verdaderos"- pero no hay manera de que me funcione. Es un código que he reutilizado y he...
2 respuestas

Habilitar submit con javascript

Tengo un form donde importo un archivo y lo imprimo en pantalla marcando un borde rojo si hay errores para que el usuario los corrija, el tema es que quiero que se habilite el submit cuando este todo correcto. Estoy usando esta función pero no se...
1 respuesta

La pagina web no se me ve bien..

Quiero preguntarte por que razón una pagina web que tengo de desarrollada en Dreamweaver CS5 no se me ve bien cuando la deseo visualizar en internet explorer o en Mozilla firefox, en algunas paginas me dicen el algunos sitios web que debo de poner,...
1 respuesta