Hola y antetodo grasias por responderme!.
Te cuento, he probado solo tu codigo y funciona perfectamente, pero el problema viene cuando lo trato de acoplarlo dentro del mio.
Lo que ocurre es que cuando lo visualizo, el frame donde estan los enlaces, aparece de forma identica como si lo copiara, en el frame de la derecha...no se creo que he metido bien los codigos en sus correspondientes sitios pero no se...llevo poko tiempo con javascript y a lo mejor he metido la gamba enn algun lado y no lo veo. Te dejo el codigo a continuacion para que veas lo que ocurre(solo he metido un enlace para probar).Gracias de nuevo y saludos!
Código HTML:
<html>
<head>
<title>Documento sin título</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<style type="text/css">
span
{
size: 3;
fcolor: white;
display: none;
textalign: center;
}
h1{color:white; size:3; face:}
</style>
</head>
<script>
var entradilla="Este es el contenido de ";
var texto="*";
var aquello;
var en=document.links;
for(a=0;a<en.length;a++)
{
en[a].onclick = function()
{
if(this!=aquello)
{
if(texto!="*")
{
aquello.firstChild.nodeValue=texto;
}
aquello=this;
texto=this.firstChild.nodeValue;
this.firstChild.nodeValue=entradilla+this.firstChild.nodeValue;
}
}
}
function mostrar(menu)
{
if (document.getElementById(menu).style.display!="block")
{
document.getElementById(menu).style.display="block";
}
else
{
document.getElementById(menu).style.display="none";
}
}
</script>
<body bgcolor="#3366CC">
<pre>
<h1><font face="Verdana, Arial, Helvetica, sans-serif">MENU</font></h1>
<a href="#" target="drcha" >Principal</a><br>
<a href="javascript:mostrar(1)"><font color="#DAA503" size="4" face="Verdana, Arial, Helvetica, sans-serif"><strong>Menu 1</strong></font></a>
<span id="1">
<strong><font color="#FFFFFF" face="Verdana, Arial, Helvetica, sans-serif">
Opcion 1
Opcion 2
Opcion 3</font></strong>
</span>
<a href="javascript:mostrar(2)"><font color="#E7BC27" size="4" face="Verdana, Arial, Helvetica, sans-serif"><strong>Menu 2</strong></font></a>
<span id="2">
<font color="#FDFDFD" face="Verdana, Arial, Helvetica, sans-serif"><strong>
Opcion 1
Opcion 2
Opcion 3</strong></font>
</span>
<a href="javascript:mostrar(3)"><font color="#EEE866" size="4" face="Verdana, Arial, Helvetica, sans-serif"><strong>Menu 3</strong></font></a>
<span id="3">
<strong><font color="#FFFFFF" face="Verdana, Arial, Helvetica, sans-serif">
Opcion 1
Opcion 2
Opcion 3</font></strong>
</span>
</pre>
</body>
</html>