Hola a todos !!!
Tengo un gran problema
. Trabajo con Dreamweaver y estoy diseñando algunas páginas con marcos.
Veréis, tengo un menú y según se posiciona el ratón en cada una de las opciones se hacen visibles unas capas donde se ofrece una descricpción de cada opción. Esto lo he hecho con java script, .... hasta ahí, genial.
Pero el caso es que quiero hacer lo mismo en páginas en las que tengo marcos. Es decir, el menú está en un marco, y las capas quiero que se vean en otro.
¿Es esto posible? Por favor, ¿podéis ayudarme?
Muchas gracias de antemano.
Por si sirve de algo, os pongo un ejemplo de una página entera de lo que yo quiero hacer con marcos:
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language=javascript>
<!--
function MM_findObj(n, d) { //v4.0
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && document.getElementById) x=document.getElementById(n); return x;
}
function MM_showHideLayers() { //v3.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->
</script>
</head>
<body bgcolor="#FFFFFF" link="#C49815" vlink="#C49815" alink="#C49815">
<table width="37%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td onMouseOver="MM_showHideLayers('Capa1','','show')" onMouseOut="MM_showHideLayers('Capa1','','hide')" align="right">
<div align="center"><a href="Historia.htm" class="Opciones">Opcion 1<</a></div>
</td>
</tr>
<tr>
<td onMouseOver="MM_showHideLayers('Capa2','','show')" onMouseOut="MM_showHideLayers('Capa2','','hide')" align="right">
<div align="center"><a href="construccion.htm" class="Opciones" >Opcion
2 <</a></div>
</td>
</tr>
<tr> </tr>
</table>
<div id=Capa1 style="Z-INDEX: 1; LEFT: 235px; VISIBILITY: hidden; WIDTH: 151px; POSITION: absolute; TOP: 116px; HEIGHT: 119px" class="Cuadro">
<table cellspacing=0 cellpadding=2 width=200>
<tr>
<td bgcolor=#ffffff height="117">
<div align="center"><font color="#C49815" size="2" class="Explicacion">Esta
es la opción 1</font></div>
</td>
</tr>
</table>
</div>
<div id=Capa2 style="Z-INDEX: 1; LEFT: 235px; VISIBILITY: hidden; WIDTH: 151px; POSITION: absolute; TOP: 116px; HEIGHT: 119px" class="Cuadro">
<table cellspacing=0 cellpadding=2 width=200
>
<tr>
<td bgcolor=#ffffff height="117">
<div align="center"><font color="#C49815" size="2" class="Explicacion">Esta
es la opción 2</font></div>
</td>
</tr>
</table>
</div>
<p> </p>
</body>
</html>