Ver Mensaje Individual
  #1 (permalink)  
Antiguo 07/07/2014, 01:44
emr
 
Fecha de Ingreso: mayo-2005
Mensajes: 13
Antigüedad: 19 años
Puntos: 0
sistema de pestañas->inicio

Buenos días

No tengo mucha idea de javascript, así que quizá mi duda parezca absurda. Estoy haciendo una aplicación web en la que tengo un sistema de pestañas para que el usuario se desplace entre las distintas opciones.
Una de esas opciones le permite introducir datos en una BdD, tras rellenar unos campos y pulsar un botón. Quiero que al pulsar ese botón, además de grabar en la BdD vaya a una determinada pestaña. Hago los siguiente (reconozco que es código que he cogido de Internet...y no encuentro el fallo...)

en el head añado esto

<script type="text/javascript" src="js/tab.js"></script>


y al final de la página añado esto

<script type="text/javascript">
tab("tab_02","panel_02");
</script>

donde tab_02 es el identificador del <li> (dentro del <ul>)
y panel_02 es el identificador del <div> del contenido.




el archivo tab.js tiene el siguiente código:

function tab(pestana,panel)
{
pst = document.getElementById(pestana);
pnl = document.getElementById(panel);
psts = document.getElementById('tabs').getElementsByTagNa me('li');
pnls = document.getElementById('paneles').getElementsByTa gName('div');

// eliminamos las clases de las pestañas
for(i=0; i< psts.length; i++)
{
// Para evitar meternos en temas de dom
// hacemos que la clase sea vacío
psts[i].className = '';
}

// Añadimos la clase "actual" a la pestaña activa
pst.className = 'actual';

// ocultamos todos los paneles
for(i=0; i< pnls.length; i++)
{
pnls[i].style.display = 'none';
}

// Y mostramos el panel que nos interesa
pnl.style.display = 'block';
}



Por más que le he dado vueltas, no entiendo por qué no me funciona....:S....

Gracias