Jump to content
Fórum Script Brasil
  • 0
Sign in to follow this  
ratamiette

Tabs em jQuery

Question

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

Share this post


Link to post
Share on other sites

5 answers to this question

Recommended Posts

  • 0
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?

Share this post


Link to post
Share on other sites
  • 0

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/

Share this post


Link to post
Share on other sites
  • 0
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! ;)

Share this post


Link to post
Share on other sites
  • 0
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!

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

Cloud Computing


  • Forum Statistics

    • Total Topics
      148404
    • Total Posts
      643809
×
×
  • Create New...