Foros del Web » Programando para Internet » Javascript »

Pestañas con Javascript

Estas en el tema de Pestañas con Javascript en el foro de Javascript en Foros del Web. Tengo 4 paginas independientes que necesito mostrar en un solo pantallazo, pero la informacion de las 4 esta correlacionada, entonces no puedo simplemente cargar una ...
  #1 (permalink)  
Antiguo 18/03/2010, 08:57
Avatar de Fdo88  
Fecha de Ingreso: febrero-2010
Mensajes: 47
Antigüedad: 14 años, 9 meses
Puntos: 0
Pestañas con Javascript

Tengo 4 paginas independientes que necesito mostrar en un solo
pantallazo, pero la informacion de las 4 esta correlacionada, entonces
no puedo simplemente cargar una pagina y despues la otra pues
necesito verlas y comparar sus valores, creo entonces que lo mejor
es que la navegacion sea por pestañas, pues asi las paginas solo
se cargan una vez, pero he encontrado muchos ejemplos y no los
entiendo muy bien y por eso no los puedo modificar(Por ejemplo
RegExp...ni idea de su uso).

Podrian decirme sobre que debo leer y averiguar para entender
los ejemplos o mejor aun crear mi propio metodo.

Nuevamente muchas gracias y espero su ayuda.
  #2 (permalink)  
Antiguo 18/03/2010, 09:02
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 16 años, 4 meses
Puntos: 1532
Respuesta: Pestañas con Javascript

en la mayoría de los plugins de pestañas, estás son capas (DIV) que se ocultan y muestran dependiendo de la pestaña elegida, para ello deben estar completamente cargadas, sin embargo, usando AJAX puedes cargar dinámicamente el contenido de dicha capa al seleccionar la pestaña desde el servidor (sea con php, asp o jsp o un simple html), así evitar cargar todo de una vez

frameworks como jQuery te ayudan en esto, pero indudablemente investiga sobre AJAX
  #3 (permalink)  
Antiguo 18/03/2010, 09:08
Avatar de Fdo88  
Fecha de Ingreso: febrero-2010
Mensajes: 47
Antigüedad: 14 años, 9 meses
Puntos: 0
Respuesta: Pestañas con Javascript

Tengo unos cuantos conocimientos de Ajax y se que es algo muy extenso,
hay algun ejemplo sencillo o tema especifico de Ajax que pueda ver??
  #4 (permalink)  
Antiguo 18/03/2010, 09:16
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 16 años, 4 meses
Puntos: 1532
Respuesta: Pestañas con Javascript

he aquí un ejemplo: http://kuujinbo.info/ajax/jq_tabs.aspx

simplemente googlee: jquery tabs ajax y listo!
  #5 (permalink)  
Antiguo 18/03/2010, 10:02
 
Fecha de Ingreso: enero-2008
Mensajes: 614
Antigüedad: 16 años, 11 meses
Puntos: 57
Respuesta: Pestañas con Javascript

En esta pagina puedes encontrar muchos controles muy buenos hechos en javascript:
www.dhtmlx.com

Existe un Tabbar
http://dhtmlx.com/docs/products/dhtm...ar/index.shtml
  #6 (permalink)  
Antiguo 18/03/2010, 10:07
Avatar de Fdo88  
Fecha de Ingreso: febrero-2010
Mensajes: 47
Antigüedad: 14 años, 9 meses
Puntos: 0
Respuesta: Pestañas con Javascript

Muchas Gracias.
Revisare los ejemplos y les dire como voy, aunque estoy algo preocupado, pero ya les dire.
Gracias.
  #7 (permalink)  
Antiguo 18/03/2010, 11:09
Avatar de Fdo88  
Fecha de Ingreso: febrero-2010
Mensajes: 47
Antigüedad: 14 años, 9 meses
Puntos: 0
Respuesta: Pestañas con Javascript

Encontre un ejemplo muy bueno y sencillo, pero no logro ampliar los tamaños de cada div.

Me podrian ayudar??

Escribo el codigo o subo los archivos ??
  #8 (permalink)  
Antiguo 19/03/2010, 10:44
Avatar de America|UNK  
Fecha de Ingreso: noviembre-2006
Ubicación: Piura - Perú
Mensajes: 582
Antigüedad: 18 años
Puntos: 56
Respuesta: Pestañas con Javascript

Escribe la web donde encontraste el script, aún si ya lo haz solucionado, puede haber otro mas sencillo :D
__________________
/* El que atiende, entiende..., el que entiende, aprende!.
Desarrollo Web Freelance, Contactar */

Etiquetas: css, pestañas
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:15.