Retroceder   Foros del Web > Diseño de Sitios web > (X)HTML

Respuesta
 
Herramientas Desplegado
Antiguo 09-may-2008, 19:35   #1 (permalink)
plan9 ha deshabilitado el karma
 
Fecha de Ingreso: abril-2008
Mensajes: 11
SwitchMenu

Tengo este menu desplegable y quisiera saber como hacer para que pueda desplegar mas de un item por vez. El problema es que cuando quiero desplegar el segundo me colapsa el anterior.




Aqui les dejo el codigo del menu:

<body>
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="top"><table width="186" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="186" colspan="3" align="left" valign="top"><!-- Keep all menus within masterdiv-->
<div id="masterdiv">
<div class="menutitle"><br>
</div>

<div class="menutitle" onClick="SwitchMenu('sub1')"><a href="#">seccion 1 </a><br></div>
<div class="menutitle" onClick="SwitchMenu('sub2')"><a href="#">seccion 2 </a><br></div>
<div class="menutitle" onClick="SwitchMenu('sub3')"><a href="#">seccion 3</a></div>
<div class="menutitle" onClick="SwitchMenu('sub4')"><a href="#">seccion 4</a></div>
<div class="menutitle" onClick="SwitchMenu('sub5')"><a href="#">seccion 5</a></div>

<div class="menutitle" onClick="SwitchMenu('sub6')">seccion 6</div><span class="submenu" id="sub6">
<a href="#">Nro. 1<br></a>
<a href="#">Nro. 2<br></a>
<a href="#">Nro. 3<br></a>
</span>

<div class="menutitle" onClick="SwitchMenu('sub7')">seccion 7</div>
<span class="submenu" id="sub7">
<a href="#">Nro. 1</a><br>
<a href="#">Nro. 2<br>
Nro. 3</a><br>
<br>
</span></div> </td>
</tr>
</table>
</td>
</tr>
</table>
</body>
plan9 está desconectado   Responder Citando
Antiguo 09-may-2008, 23:56   #2 (permalink)
pateketrueke tiene algunos puntos positivos de karma
 
Avatar de pateketrueke
 
Fecha de Ingreso: abril-2008
Ubicación: Mexihco-Tenochtitlan
Mensajes: 1.867
Enviar un mensaje por MSN a pateketrueke
Re: SwitchMenu

si, pero el HTML no nos ilustra nada... por lo visto usas una funcion de Javascript, esa si ponla... please
pateketrueke está desconectado   Responder Citando
Antiguo 10-may-2008, 12:54   #3 (permalink)
plan9 ha deshabilitado el karma
 
Fecha de Ingreso: abril-2008
Mensajes: 11
Re: SwitchMenu

Si disculpa, no me di cuenta.
aca va el javascript:




<script type="text/javascript">

/***********************************************
* Switch Menu script- by Martial B of http://getElementById.com/
* Modified by Dynamic Drive for format & NS4/IE4 compatibility
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

var persistmenu="yes" //"yes" or "no". Make sure each SPAN content contains an incrementing ID starting at 1 (id="sub1", id="sub2", etc)
var persisttype="sitewide" //enter "sitewide" for menu to persist across site, "local" for this page only

if (document.getElementById){ //DynamicDrive.com change
document.write('<style type="text/css">\n')
document.write('.submenu{display: none;}\n')
document.write('</style>\n')
}

function SwitchMenu(obj){
if(document.getElementById){
var el = document.getElementById(obj);
var ar = document.getElementById("masterdiv").getElementsBy TagName("span"); //DynamicDrive.com change
if(el.style.display != "block"){ //DynamicDrive.com change
for (var i=0; i<ar.length; i++){
if (ar[i].className=="submenu") //DynamicDrive.com change
ar[i].style.display = "none";
}
el.style.display = "block";
}else{
el.style.display = "none";
}
}
}

function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(off set, end))
}
}
return returnvalue;
}

function onloadfunction(){
if (persistmenu=="yes"){
var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname
var cookievalue=get_cookie(cookiename)
if (cookievalue!="")
document.getElementById(cookievalue).style.display ="block"
}
}

function savemenustate(){
var inc=1, blockid=""
while (document.getElementById("sub"+inc)){
if (document.getElementById("sub"+inc).style.display= ="block"){
blockid="sub"+inc
break
}
inc++
}
var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname
var cookievalue=(persisttype=="sitewide")? blockid+";path=/" : blockid
document.cookie=cookiename+"="+cookievalue
}

if (window.addEventListener)
window.addEventListener("load", onloadfunction, false)
else if (window.attachEvent)
window.attachEvent("onload", onloadfunction)
else if (document.getElementById)
window.onload=onloadfunction

if (persistmenu=="no" && document.getElementById)
window.onunload=savemenustate

</script>
plan9 está desconectado   Responder Citando
Respuesta
No hay votos aún.


Herramientas
Desplegado

Normas de Publicación
No puedes crear nuevos temas
No puedes responder temas
No puedes subir archivos adjuntos
No puedes editar tus mensajes

BB code is Activado
Caritas están Activado
[IMG] está Activado
Código HTML está Desactivado


La Zona horaria es GMT -6. Ahora son las 18:58.


Message Board Statistics

LinkBacks Enabled by vBSEO 3.1.0

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93