Foros del Web » Programando para Internet » Javascript » Frameworks JS »

Actualizar contenido dentro de las Tabs

Estas en el tema de Actualizar contenido dentro de las Tabs en el foro de Frameworks JS en Foros del Web. Buenas... necesito un poco de ayuda porfavor... estoy trabajando con jQueryUI tabs y funciona bien, pero por ejemplo al usar un form para insertar usuario ...
  #1 (permalink)  
Antiguo 04/12/2010, 14:37
 
Fecha de Ingreso: diciembre-2010
Mensajes: 5
Antigüedad: 14 años
Puntos: 0
Actualizar contenido dentro de las Tabs

Buenas... necesito un poco de ayuda porfavor... estoy trabajando con jQueryUI tabs y funciona bien, pero por ejemplo al usar un form para insertar usuario en la Base de Datos, despues de ingresarlo me muetra lo ingresado gracias a xajax, ahora lo que me gustaria que hiciera es que al momento de seleccionar otra Tab su contenido se actualice, en vez de apretar F5, entonces al seleccionar al volver a la pestaña de ingreso de usuario aparezca el formulario nuevamente... y otro aspecto que note fue que en la url no muestra la tab seleccionada (#tabs-1, #tabs-2), no se si me explico bien...

un Saludo y gracias
  #2 (permalink)  
Antiguo 04/12/2010, 18:40
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años, 8 meses
Puntos: 1284
Tema movido desde javascript
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #3 (permalink)  
Antiguo 04/12/2010, 22:00
Avatar de alfcm  
Fecha de Ingreso: mayo-2009
Mensajes: 291
Antigüedad: 15 años, 6 meses
Puntos: 7
Respuesta: Actualizar contenido dentro de las Tabs

Luego de hacer todo el proceso de tu insert haces lo siguiente

haces un select obteniendo los datos actuales y finalmente

$respuesta->addAssign("capa_usuario","innerHTML",$frmusuario) ;

donde frmusuario es tu listado o formulario con los datos actualizados

capa_usuario seria un div dentro de un tab que tienes.

Saludos
Suerte
  #4 (permalink)  
Antiguo 05/12/2010, 09:02
 
Fecha de Ingreso: julio-2008
Mensajes: 208
Antigüedad: 16 años, 5 meses
Puntos: 5
Respuesta: Actualizar contenido dentro de las Tabs

Primero que nada lo mas facil para hacer lo que dices es que tus tabs fueran dinamicas...es decir que cargan una url que genera lo que va a mostrar (sea .php, .asp, .jsp ... o cualquier lenguaje servidor para paginas web).
De esta forma siempre que se cliquea cada tab el contenido es nuevo porque cada vez se hace una peticion al servidor pidiendole la web y este genera una nueva cada vez.

Ahora si este no es el caso y precisas que cuando se cliquee una tab hacer vos alguna actulizacion o alguna llamada a una fucion javascript o algo ...si este es el caso te recomiendo uses el evento "select" que lo que hace es dejarte elegir una funcion a ejecutar cada vez que se hace click en una tab...de esta forma podrias llamar a una fucion que actualize el contenido que tu quieras...

Te dejo el link a la api: http://docs.jquery.com/UI/Tabs#events

Ahi tenes toda la info...hay pila de funciones que te sirven para saber que tab cliquearon, para vos hacer que una tab se abra ante determinado evento, y muchas otras cosas...te recomiendo lo veas sera muy util y veras que podras hacer casi todo lo que quieras con las tabs una vez que conoces las funciones que jquery tiene disponible al respecto.

Aca va el ejemplo sencillo de ahi solo para que quede como respuesta:

#select

Type:
tabsselect

This event is triggered when clicking a tab.
Code examples

Supply a callback function to handle the select event as an init option.

$( ".selector" ).tabs({
select: function(event, ui) { ... }
});

Bind to the select event by type: tabsselect.

$( ".selector" ).bind( "tabsselect", function(event, ui) {
...
});


SaluT ;)

Etiquetas: contenido, tabs
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

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 18:46.