listado de Links dependientes de un select

bersuitero · #1 (**permalink**) 18/08/2005, 09:36

Hola a todos los foreros, bueno quería pedirles una ayudita, yo se que este tema está bastante tratado en el foro de asp y principalmente mas en el de Javascript pero los post que hay son todos de selcts dependientes o combo-box dependientes, pero mi tema es que quiero hacer un listado de links dependientes de las opciones de un select y todos las opciones se completan dinamicamente con datos desde una BD, el ejemplo que les doy es el del menú izquierdo de la siguiente página http://www.adondevamos.com/?z=restau, o sea, según la opción del select que elijo me muestra los links que le corresponden.
Estuve viendo muchas formas pero no doy con los resultados......

Hay algún ejemplo en el foro??? tienen alguna idea como puedo hacerlo??

Desde ya muchas gracias a todos y saludos!!!!

bersuitero · #2 (**permalink**) 23/08/2005, 22:44

Aquí les dejo el código depurado de lo que es el menú de links dependientes de los selects, yo la verdad que de Javascript no entiendo mucho y le estoy dando la vuelta a este menú pero la verdad es que no logro poder hacerlo para que los links dependan de un solo select, me defiendo mas con ASP y PHP.
Si alguien que entienda bien Javascript logra hacer esto mismo pero para un solo select y lo publica yo por mi parte le estaré eternamente agradecido y algunos otros foreros seguramente también.
y también les dejo el link al archivo .js que se necesita http://www.gastonledesma.com.ar/cape/comun.js

y este es el link al código http://www.gastonledesma.com.ar/cape/adondevamos.htm

Gracias y saludos.

bersuitero · #3 (**permalink**) 26/08/2005, 12:04

Bueno despues de reecorrer y matarme el cerebro buscando este tipo de menu, acá les dejo el código de exactamente lo que buscaba.....espero que les sirva también a uds.

A mi me parece muy bueno....podrían ponerlo en los FAQ's

Código PHP:

  <html>

<head>

 
<script type="text/javascript">

 
if (document.getElementById){

document.write('<style type="text/css">\n')

document.write('.dropcontent{display:none;}\n')

document.write('</style>\n')

}

 
function contractall(){

if (document.getElementById){

var inc=0

while (document.getElementById("dropmsg"+inc)){

document.getElementById("dropmsg"+inc).style.display="none"

inc++

}

}

}

 
function expandone(){

if (document.getElementById){

var selectedItem=document.dropmsgform.dropmsgoption.selectedIndex

contractall()

document.getElementById("dropmsg"+selectedItem).style.display="block"

}

}

 
if (window.addEventListener)

window.addEventListener("load", expandone, false)

else if (window.attachEvent)

window.attachEvent("onload", expandone)

 
</script>

 
</head>

 
<body>

 
<form name="dropmsgform">

<select name="dropmsgoption" size="1" style="width:300" onChange="expandone()">

<option selected>What is JavaScript?</option>

<option>Difference betwen Java and JavaScript</option>

<option>What is DHTML?</option>

</select>

<br>

 
<div id="dropmsg0">

<a class=menuitem href="/?z=restau&e=b&b4=55">Brasilera</a><br>

<a class=menuitem href="/?z=restau&e=b&b4=49">Cantina</a><br>

<a class=menuitem href="/?z=restau&e=b&b4=11">Caribeña</a><br>

<a class=menuitem href="/?z=restau&e=b&b4=9">China</a><br>

<a class=menuitem href="/?z=restau&e=b&b4=76">Contemporánea</a><br>

</div>

 
<div id="dropmsg1">

<a class=menuitem href="/?z=restau&e=b&b4=6">Arabe</a><br>

<a class=menuitem href="/?z=restau&e=b&b4=73">Argentina</a><br>

<a class=menuitem href="/?z=restau&e=b&b4=7">Armenia</a><br>

<a class=menuitem href="/?z=restau&e=b&b4=67">Astrológica</a><br>

</div>

 
<div id="dropmsg2">

<a class=menuitem href="/?z=restau&e=b&b4=52">A bordo</a><br>

<a class=menuitem href="/?z=restau&e=b&b4=74">A las brasas</a><br>

<a class=menuitem href="/?z=restau&e=b&b4=54">Afrodisíaca</a><br>

<a class=menuitem href="/?z=restau&e=b&b4=5">Alemana</a><br>

</div>

 
</form>

 
</body>

</html>

Saludos a todos