jquery tabs - triggerTab en chrome

chalchis · #1 (**permalink**) 21/03/2010, 21:58

hola amigos estoy usando este tabmenu en jquery

http://stilbuero.de/jquery/tabs/

mi problema es cuando uso la funcion triggerTab para posicionarse en una pestaña, en el navegador chrome no lo hace y en en ie 7+ y firefox si funciona, esto lo uso cuando estoy validando un formulario ejemplo

Código:

<script language="Javascript">
            $(document).ready(function() {                         
                $('#contenedor_tabs').tabs();
            });
             
//--------------------------
function validarcampos(formulario)
{
	if(document.formulario.t1.value=="")
	{			
	     $('#contenedor_tabs').triggerTab(1);		
	     alert("campo vacio");
	    return false;		
	}
}
</script>

nota: en lugar posicionar en la pestaña hace el submit de envio

saludos
espero sus comentario

juaniquillo · #2 (**permalink**) 22/03/2010, 16:53

¿dónde estás llamando la función? ¿en un onclick?

chalchis · #3 (**permalink**) 22/03/2010, 20:30

pues con el evento onsubmit hago un chequeo antes de hacer submit en el form y ahi
en la funcion de validar si hay un error de campo vacio y estyo en otra pestaña
me mande al la pestaña indicada pero el google chrome no me funciona

gracias espero tus comentarios

Código:

<head>

<script language="Javascript">
            $(document).ready(function() {         
                
                $('#contenedor_tabs').tabs(2);
            });
             
//--------------------------
function validarcampos(formulario)
{
	if(document.formulario.t1.value=="")
	{		
		
		$('#contenedor_tabs').triggerTab(1); 
              alert("error en el campo x");
		return false;		
	}
}
</script>

</head>
<form id="formulario" name="formulario" style="margin:0;" method="POST" onsubmit="return validarcampos(this)" action="">



</form>

mayid · #4 (**permalink**) 23/03/2010, 10:55

return false debe ir fuera del condicional. Eso es todo lo que se me ocurre:

Cita:

function validarcampos(formulario)
{
if(document.formulario.t1.value=="")
{

$('#contenedor_tabs').triggerTab(1);
alert("error en el campo x");
return false; // aca no ahce falta
}

return false
}

chalchis · #5 (**permalink**) 23/03/2010, 13:26

pues la verdad sigue haciendo lo mismo cuando le digo usando chrome
que se posicione en la pestaña 1 o cualquier otro

no lo hace $('#contenedor_tabs').triggerTab(1); y si lo llega hacer
los datos capturados se pierden como si se refrescara la pagina

http://stilbuero.de/jquery/tabs/

donde dice la sección Triggering, disabling, enabling Tabs
pruebenlo con chrome y veran a lo que me refiero

saludos y gracias

chalchis · #6 (**permalink**) 24/03/2010, 01:28

solucionado amigos encontre de este mismo componente
una actualización

http://www.stilbuero.de/2007/10/23/j...bs-aka-tabs-3/

obvimante ya no se usa triggerTab se usa $('#container_tabs' > ul').tabs('select', 2);
y ya lo probe en ie 7+ y firefox 3+ y chrome 4

saludos