Ir para conteúdo
Fórum Script Brasil
  • 0

Menu


frnd

Pergunta

11 respostass a esta questão

Posts Recomendados

  • 0

Isso pode ser figura, eu montei agora um exemplo simples... quem quiser melhorar ou criticar fiquem a vontade. Testado e funcionando no IE:

<style>
.div
{
border:1px solid #000000;
width:300px;
height: 200px;
}
</style>

<script>
function AbreAba(nome_div)
{
var total_divs = 3;
var div = "";
var td = "";

for (var i=1; i < total_divs+1; i++)
{
div = "div"+i
td = "td"+i
document.getElementById(div).style.display = "none"; 
document.getElementById(td).style.backgroundColor = "";
document.getElementById(div).className="div"; 

if (div == nome_div)
{
document.getElementById(nome_div).style.display = "block"; 
document.getElementById(td).style.backgroundColor = "#CCCCFF"; 
}
}
}
</script>

<body onload="AbreAba('div1')">
<table border="1" width="300" cellspacing="0">
	<tr>
		<td id="td1"><a href="#" onclick="AbreAba('div1')">Div 1</a></td>
		<td id="td2"><a href="#" onclick="AbreAba('div2')">Div 2</a></td>
		<td id="td3"><a href="#" onclick="AbreAba('div3')">Div 3</a></td>
	</tr>
</table>

<div id="div1"><br><br>
Nome: <input type="text" name="nome"><br>
Endereço: <input type="text" name="endereco"><br>
Cidade: <input type="text" name="cidade"><br>
</div>

<div id="div2"><br><br>
Telefone: <input type="text" name="telefone"><br>
Idade: <input type="text" name="idade"><br>
</div>

<div id="div3"><br><br>
Empresa: <input type="text" name="empresa"><br>
Profissão: <input type="text" name="profissao"><br>
</div>

Link para o comentário
Compartilhar em outros sites

  • 0

Humm....

mudei de opinião..

quero fazer com que quando o usuario estiver dentro da primeira aba e pode passar para a segunda aba.... e depois para a terceira e assim finalizando o cadastro..... lembrando que quando ele estiver na aba ativa deve estar em destaque que nem no exemplo

http://paginas.terra.com.br/informatica/frnd

Link para o comentário
Compartilhar em outros sites

  • 0

Bom.... eu fiz o seguinte

eu criei uma imagem para cada uma das 3 situações.....

por exemplo....

Quando o usuario estiver na area de Dados Pessoais a aba estara em destaque e o resto não....

mesma coisa com o resto.....

Em baixo terá um link que passará de processo.... ou seja

eu queria saber qual o comando eu uso para quando eu clicar no link abaixo eu passar de um DIV para outro.....

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,4k
×
×
  • Criar Novo...