Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Ilano

Exibir e Ocultar Divs e Alterar CSS dos botões

Por , em Javascript

Recommended Posts

Ilano    0

Ilano
Postado

Olá pessoal,

 

Tenho em minha aplicação quatro (4) abas e preciso alterar o CSS delas. Cada aba exibe uma div. Abaixo tenho o java script para exibir e ocultar as divs que funciona perfeitamente, mas preciso implementar neste mesmo código a alteração do estilo CSS nos botões.

 

<script type="text/javascript">

 

//declaração do Array, com tamanho 5(elementos)

arDivs = new Array(4);

 

arDivs[0] = "div1";

arDivs[1] = "div2";

arDivs[2] = "div3";

arDivs[3] = "div4";

 

function ExibirOcultarDivs(id) {

var div;

for (var i = 0; i < 5; i++) {

div = document.getElementById(arDivs);

if (div.id == id) {

div.style.display = 'block';

}

else {

div.style.display = 'none';

}

}

}

 

</script>

 

Uso: onClick = "ExibirOcultarDivs('div1')"

 

 

Alguém sabe como posso implementar este recurso no código acima?

 

Grato,

 

Ilano

Compartilhar este post

Link para o post
Compartilhar em outros sites

LeoWeB    0

LeoWeB
Postado

Olá Ilano

 

Geralmente eu faço assim:

 

<head>
<style type="text/css">
#meu_botao{
margin-left:300px;
margin-top:20px;
}
</style>
</head>

<body>
<div id="meu_botao">
<input name="botao" type="image" src="botao_de_sua_preferencia.png" onClick="ExibirOcultarDivs('div1');" />
</div>
</body>

aí você pode criar seu botão em um programa tipo Fireworks ou pegar um pronto da internet.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito