Como hacer una página multi-tab que cargue modularmente?

BlackBishop64 · #1 (**permalink**) 08/09/2009, 12:18

Hola,

soy nuevo en este foro y no tengo mucha experiencia en ajax, así que perdonar si pregunto tonterias o digo alguna burrada.

Necesito hacer una página web con Ajax + Servlets; La cosa es que la página principal va a tener 15 o 20 tabs para mostrar diferentes informaciones dinámicas que pueden variar en el tiempo, por lo que cada tab debe tener sus propias invocaciones ajax para recibir la información necesaria.

¿Mi duda es como puedo hacerlo de forma modular para no tenerlo todo en solo un html? Se me ocurre hacer 20 páginas web (así sería más facil de depurar), cada una de ellas con su javascript y sus invocaciones httpRequest, y después integrarlo todo mediante una página central que las vaya llamando en función del tab que pinchas, pero, ¿puedo hacer esto? no tengo ni idea de como.

Muchas gracias por la ayuda !!

deirdre · #2 (**permalink**) 08/09/2009, 16:22

Hola BlackBishop64

Pienso que lo ideal para tu proyecto es usar jQuery. Esta librería javascript te permite hacer lo que dices y mucho más.

Visita su sitio y aprende cosas sobre su uso.

Bye

BlackBishop64 · #3 (**permalink**) 08/09/2009, 16:33

Gracias, ya tenia en cuenta usar jQuery.

La duda principal que tengo es la siguiente, a ver si lo explico mejor:

Tengo una página "A" creada en Ajax que muestra datos A e interactua con el usuario
Tengo una página "B" creada en Ajax que muestra datos B e interactua con el usuario

Ahora quiero tener una página "X" con un tab control de jQuery que tenga dos tabs, el 1º que me muestre A y el 2º que me muestre B

¿puedo hacer eso?

Gracias de nuevo !!

deirdre · #4 (**permalink**) 08/09/2009, 19:03

Lo que llamas página A y página B supongo que son trozos de html que se muestran con ajax en ¿dónde?. En cuál página muestras A y B.

Por otra parte entiendo que la página X quieres que tenga dos pestañas (tabs) y en cada una se muestre A y B: esto lo haces con jquery sin problemas.

Cómo ves, no termino de entender bien el problema.

Bye

BlackBishop64 · #5 (**permalink**) 08/09/2009, 23:57

imagina que tengo en un navegador abierta una página A, y en otro navegador una página B, ahora quiero hacer una página X donde A y B se muestren en diferentes tabs

Gracias!

deirdre · #6 (**permalink**) 09/09/2009, 09:10

Hola

Aquí tienes todo lo necesario para cargar páginas externas en tabs mediante ajax.

Bye

BlackBishop64 · #7 (**permalink**) 09/09/2009, 09:26

Muchisimas gracias, juesto eso es lo que necesitaba.
Me surge una duda, ¿sabes si las páginas que se carguen en las tabs pueden ejecutar ajax? en el ejemplo tan solo aparece contenido estático.

Muchas gracias de nuevo!

BlackBishop64 · #8 (**permalink**) 09/09/2009, 09:30

Cita:

Iniciado por BlackBishop64

Muchisimas gracias, juesto eso es lo que necesitaba.
Me surge una duda, ¿sabes si las páginas que se carguen en las tabs pueden ejecutar ajax? en el ejemplo tan solo aparece contenido estático.

Muchas gracias de nuevo!

me respondo a mi mismo, funciona con contenido dinamico y muy bien.

Perfecto !!

deirdre · #9 (**permalink**) 09/09/2009, 16:35

Me alegra que te haya servido para solucionar tu página. Yo también he utilizado estos recursos más de una vez.

Bye