alguna solución sin iframes, por favor!!

[mdo]

Estoy incursionando algunas librerías jquery y son apasionantes. No obstante, me hago lío cuando quiero ejecutar algunas cosas sencillas. Yo venía usando iframes para algunos casos, pero esta vez, no quisiera hacerlo.
tengo un div id="content" en el área centro-derecha de la página donde quiero que aparezcan tres distintas divs (div#indiv; div#colect y div#public) según pulsen sobre las opciones que se muestran a la izquierda. Ninguna div lleva imagenes, es todo texto. Lo saqué en prototypes, pero quisiera saber cómo se hace en jquery y no me doy maña.
la página que ilustra lo que pregunto es: [URL="http://www.monicadiaz.com.ar/proj/andrea/cv.html"]esta[/URL] como podrán observar, la zona con un recuadro blanco punteada es el div content.
Les agradecería me dieran una solución prontito. También tengo otra duda, pero la haré despues de haber resuelto esta. Muchas gracias

[caricatos]

Tema movido desde javascript

[Dany_s]

querés que al pulsar un link se cargue contenido sin recargar la página?

[angelAparicio]

Hola, la función en jquery para añadir contenido a un div, o cualquier otro elemento, es append. Ejemplo:
$('#id_de_la_capa').append('<p>Texto a introducir, se puede usar HTML</p>');

Si lo que quieres es sustituir el contenido de la capa, tienes que usar la función html. Ejemplo:
$('#id_de_la_capa').html('<p>Texto a introducir, se puede usar HTML</p>');

Más info:
http://api.jquery.com/append/
http://api.jquery.com/html/

[mdo]

Iniciado por Dany_s

querés que al pulsar un link se cargue contenido sin recargar la página?

Exactamente, no quiero que se cargue nuevamente. No sé si visitaste el link que dejé. tengo tres btns, que antes estaban como listas (<li></li>) y ahora los hice directamente como texto "class:btns"
Me confundo cuando quuiero que cada btn cumpla con su cometido, el de exposiciones individuales deber{ia mostrar el id#sola; el de colectivas debería mostrar el id#con y publicaciones o el tercero debería mostrar el id#pub
Ocurre que todos los id los situe dentro de un #container para que resulte más fácil individualizarlo y es por eso que me confundo, quiero que se muestren en el área derecha. Por las dudas vuelvo a enviarte el enlace: [URL="http://www.monicadiaz.com.ar/proj/andrea/cv.html"]http://www.monicadiaz.com.ar/proj/andrea/cv.html[/URL]
Muchísimas gracias por contestar.
Oye, porqué me quitaron del foro si la pregunta iba dirigida al foro? cómo respondo yo al tal karikatos que no tenía intenciones de enviarle nada privado? Muchas gracias de vuelta.

[seik!]

Iniciado por mdo

Exactamente, no quiero que se cargue nuevamente. No sé si visitaste el link que dejé. tengo tres btns, que antes estaban como listas (<li></li>) y ahora los hice directamente como texto "class:btns"
Me confundo cuando quuiero que cada btn cumpla con su cometido, el de exposiciones individuales deber{ia mostrar el id#sola; el de colectivas debería mostrar el id#con y publicaciones o el tercero debería mostrar el id#pub
Ocurre que todos los id los situe dentro de un #container para que resulte más fácil individualizarlo y es por eso que me confundo, quiero que se muestren en el área derecha. Por las dudas vuelvo a enviarte el enlace: [URL="http://www.monicadiaz.com.ar/proj/andrea/cv.html"]http://www.monicadiaz.com.ar/proj/andrea/cv.html[/URL]
Muchísimas gracias por contestar.
Oye, porqué me quitaron del foro si la pregunta iba dirigida al foro? cómo respondo yo al tal karikatos que no tenía intenciones de enviarle nada privado? Muchas gracias de vuelta.

Si el contenido es dinamico te recomiendo alguna funcion AJAX de jquery(load, ajax, etc) donde manejes el ID del elemento seleccionado (onclick.. click en jquery) para luego traer con ajax el html y volcarlo dentro del DIV.

Ejemplos.

Asi llamarias al ajax con el evento onclick de tu menu, lo hice con funciones para que te sea mas familiar.

Código:

function contenido_menu(id_recibido_del_menu){
                $.ajax({
                        type: 'POST',
                        url: "PaginaDondeEjecutasLaConsulta.php",                                                                  
                        data: 'id_menu=' + id_recibido_del_menu ,
                        // Mostramos un mensaje con la respuesta de PHP
                        success: function(data){
//Algo asi luego del ajax mostramos el resultado desde el ajax.                         

$("#divDondeMuestrasContenido").html(data);
                        }
                    });                                
             
              return false; 
}

y tu menu deberia ser algo asi y sucesivamente con tus ID.

Código:

<div id="menu1" onclick="contenido_menu(1);">primera opcion</div>

y si la pagina no cambia contenido... solo bastaria mostrar o ocultar capas...

con algo como

Código:

$("#id_TuDiv").hide();  //oculta

$("#id_TuDiv").show();  //muestra

Ojala te sirva de ayuda.

Salduos