HTML en castellano. Foros de debate. Javascript html xhtml

Privacidad: Recuerde que la información escrita en los foros de programación es 100% pública y que su ip será registrada asociada a su mensaje. Si encuentra un mensaje fuera de lugar, por favor, notifiquelo para su revisión y eliminación.

Enviado por amagoia686 el día 19 de mayo de 2006

Hola a todos!! Necesito realizar una practica con Javascript y no se como hacerla.Os explico, lo que no se como hacerlo es que, si yo presiono un enlace este se despliega, pero lo que necesito hacer es que al presionar sobre otro enlace el enlace anterior se cierre y se despliegue el que he apretado ¿¿alguien me echa una mano?Ai y otra pregunta, ¿como puedo hacer para que apretar cada link en el frama principal me aparezca, por ejemplo, si presiono el link menu 1, que en el frame ponga "contenido de menu 1", si aprieto opcion 1, que me ponga "contenido de opcion 1"....y asi sucesivamente.
Aki dejo lo que tengo hecho ahasta ahora. (pongo el codigo del frame de la izda) Saludos y grasias anticipadas

[code]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script language="JavaScript1.2">

var head="display:''"
img1=new Image()
img1.src="fold.gif"
img2=new Image()
img2.src="open.gif"

function change(){
if(!document.all)
return
if (event.srcElement.id=="foldheader") {
var srcIndex = event.srcElement.sourceIndex
var nested = document.all[srcIndex+1]
if (nested.style.display=="none") {
nested.style.display=''
event.srcElement.style.listStyleImage="url(open.gif)"
}
else {
nested.style.display="none"
event.srcElement.style.listStyleImage="url(fold.gif)"
}
}
}

document.onclick=change

</script>
<title>Practica: Menus Desplegables con Marcos</title>

<style " type="text/css">

h3{color="#FFFFFF"; size="2"; face="Arial, Helvetica, sans-serif"; strong;}
h1{align="center"; size="20"; color="#FFFFFF"; face="Arial, Helvetica, sans-serif"; strong;}

#foldheader{cursor:hand ; font-weight:bold ;
list-style-image:url(fold.gif)}
#foldinglist{list-style-image:url(list.gif)}

</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="li.css" rel="stylesheet" type="text/css">
</head>

<body bgcolor="#3399CC">
 
<pre>

<ul>
<li>Principal</li>
<li id="foldheader">Menu 1</li>
<ul id="foldinglist" style="display:none">
<li><a href="Opcion 1">Opcion 1</a></li>
<li><a href="Opcion 2">Opción 2</a></li>
<li><a href="Opcion 3">Opción 3</a></li>
</ul>
<li id="foldheader">Menu 2</li>
<ul id="foldinglist" style="display:none">
<li><a href="Opción 1">Opción 1</a></li>
<li><a href="Opcion 2">Opción 2</a></li>
<li><a href="Opcion 3">Opcion 3</a></li>
</ul>
<li id="foldheader">Menu 3</li>
<ul id="foldinglist" style="display:none">
<li><a href="Opción 1">Opción 1</a></li>
<li><a href="Opcion 2">Opción 2</a></li>
<li><a href="Opcion 3">Opcion 3</a></li>
</ul>
</ul>
</pre>

</body>
</html>[/code]

Responder

Re: Menus con javascript

Enviado por MC el día 19 de mayo de 2006

Te voy a responder a la segunda pregunta.

Para ver en la pantalla el link que has pulsado, la instrucción javascript es:

function goTo(){
var url=event.srcElement.value+".html"
window.document.href=url
}

Y en los ahref, pones: onClick="goTo()", por ejemplo:

<a href="Opcion 3" onClick="goTo()">

Si quisiera que te saliera en un frame determinado (imagiante que tu pagina tiene varios frames, la instruccion de document, seria:

window.document.nombreframe.value

Responder