quien me da una idea de como se hace esto?

[autista]

Hola.

Bueno tengo un sitio con categorías y sub categorías y quiero crear dos columnas… la primera con un listado de categorías y la segunda con un listado de subcategorías.

Si en la primera hago clic en una categoría quiero que me muestre la lista de esa categoría..

Si hago clic en otra categoría quiero que desplegué el listado de subcategorías de esa otra categoría…

Osea a esto quiero ver si lo puedo hacer con javascript para no actualizar la pagina cada ves que hago un clic en una categoría.

Como podría hacer?

[kceres]

dejame ver si te entendi, lo que quieres hacer es tener una columna con todas las categorias y en otra columna aparte de esta, van a estar todas las sub-categorias que marques en la primera columna.

Si es esto, la primera columna debes generarla en forma de lista y darle el CSS para que quede en forma de menu vertical(hacia abajo). La segunda columna se generara de la misma forma de la primera, pero obteniendo los valores de la categoria marcada. Lo que yo hiciera seria lo siguiente: tener en la columna categoria, el texto que se va a mostrar y el id de esa categoria, luego, al hacer clic sobre esta categoria X, obtengo el id de ella y mediante ajax, realizo una consulta y obtengo todas las sub-categorias de la seleccionada....luego, con esos valores, lo que hago es generar la segunda columna a tu gusto.

Espero que me hayas comprendido.

saludos, kceres

[autista]

Si has comprendido bien la idea de lo que quiero hacer.

Ahora pregunto.

no se puede hacer en javascript solamente?

tengo que usar ajax?

me podrias mostra algun ejemplo de como podria hacerlo?

[CHuLoSoY]

Puedes usar AJAX o Javascript también, aunque es más cómodo para llamar a la BD con AJAX. Con javascript haces dos arrays de categorías y subcategorías y los enlazas.

[CHuLoSoY]

Código Javascript:

<script>
categorias=new Array(1=>new Array("subcat1","subcat2"),
                                    2=>new Array("subcat1","subcat2"),
                                    3=>new Array("subcat1","subcat2"),
                                   );
 
function mostrarSub(categoria) {
 
  for(i=0; i<categorias[categoria].length; i++) {
    document.getElementById("subcategorias").innerHTML+=categorias[categoria];
  }
 
}
 

[autista]

Estoy viendo soy muy novato con javascript

aun no saque nada en claro de tu codigo pero gracias

alguien mas?

[autista]

he muerto en el intento...

x_X

[Un_Tico]

Talvez te funcione algo ya hecho como por ejemplo un tree view en JS



http://www.google.co.cr/#hl=es&sourc...5ce3985303eb8a

Suerte y Saludos...