Tabs em jQuery

[ratamiette]

Boa tarde,

Estou precisando fazer o seguinte, tenho tabs jQuery UI no sistema. Quando pressiono enter no ultimo campo da tab1 por exemplo, preciso que ele acione a tab2. e assim vai..

alguém tem ideia de como fazer isso?!

Vlw.

rah

[Ted k']

Com o tabs?

http://jqueryui.com/demos/tabs/#default

Com esse ai... pressionar enter? Não entendi bem, pode explicar?

[ratamiette]

Com o tabs?

http://jqueryui.com/demos/tabs/#default

Com esse ai... pressionar enter? Não entendi bem, pode explicar?

Sim. um exemplo: eu tenho 2 tabs.. a primeiro chama Telefone.. a segunda chama Trabalho.. certo ?

tenho vários campos dentro da tab Telefone. o Ultimo campo é o input de e-mail. quando eu escrever o e-mail e der enter, ele deve acionar a aba Trabalho, e jogar o foco no primeiro campo da tab Trabalho.

Entendeu?

[Ted k']

Creio que você quer fazer etapas de cadastro, algo assim, o lance é...

Você vai ocultando as abas, e ai com o pressionar do enter você joga a função para aparecer as abas, de acordo com cada etapa

o codigo do enter você pode adaptar esse aqui:

http://greatwebguy.com/programming/dom/def...er-with-jquery/

[ratamiette]

Creio que você quer fazer etapas de cadastro, algo assim, o lance é...

Você vai ocultando as abas, e ai com o pressionar do enter você joga a função para aparecer as abas, de acordo com cada etapa

o codigo do enter você pode adaptar esse aqui:

http://greatwebguy.com/programming/dom/def...er-with-jquery/

Sim, vou adaptar com esta aí. Obrigado! ;)

[ratamiette]

Creio que você quer fazer etapas de cadastro, algo assim, o lance é...

Você vai ocultando as abas, e ai com o pressionar do enter você joga a função para aparecer as abas, de acordo com cada etapa

o codigo do enter você pode adaptar esse aqui:

http://greatwebguy.com/programming/dom/def...er-with-jquery/

Sim, vou adaptar com esta aí. Obrigado! ;)

Bom, achei no próprio site do jQuery ui.

a solucao e esta:

function XYZ (event)

{

if(event.keyCode == "13")

{

var $tabs = $('#tabId').tabs();

$tabs.tabs('select', 2);

return false;

}

}

Até mais!