martes, 8 de septiembre de 2009

Pestañas desde Javascript

En este artículo explicaré un par de formas de trabajo con las pestañas desde el propio javascript del formulario.
Las pestañas en el formulario tienen nombres con un numero que se incrementa de la siguiente forma: "tab0Tab", "tab1Tab", "tab2Tag", etc.
Utilizando el metodo document.getElementById podemos recoger el objeto y utilizarlo. Pongo un par de ejemplos:

Seleccionar una pestaña:

var tabIndex = 2; //Tercera pestaña
var tab = document.getElementById("tab" + tabIndex + "Tab");
if( tab ) tab.click();

Ocultar una pestaña:

var tabIndex = 1; //Segunda pestaña
var tab = document.getElementById("tab" + tabIndex + "Tab");
if( tab ) tab.style.display = 'none'; //'inline' si se quiere mostrar

No hay comentarios:

Publicar un comentario