[Resolvido] menu popup

[Unisov 0]

ola

peguei um codigo de popup e estou tentando fazer um codigo de meu com ele...

ate agora esta funcionando, pois ao abrir uma div as outras sao fechadas...

eu so queria saber como eu faço para, ao abrir a pagina apenas uma div esteja aberta, e nao todas...

alguem pode ajudar?

nao entendo nada de javascript, assim fica dificil ate procurar...

eu procurei muito na net, mas talvez nao esteja sabendo procurar pela coisa certa...

 

 

<script language="javascript" type="">
function abrir_1(){
document.getElementById('1').style.display = 'block';
document.getElementById('2').style.display = 'none';
document.getElementById('3').style.display = 'none';
document.getElementById('4').style.display = 'none';
}
var document.getElementById('1').style.display

function abrir_2(){
document.getElementById('1').style.display = 'none';
document.getElementById('2').style.display = 'block';
document.getElementById('3').style.display = 'none';
document.getElementById('4').style.display = 'none';
}
function abrir_3(){
document.getElementById('1').style.display = 'none';
document.getElementById('2').style.display = 'none';
document.getElementById('3').style.display = 'block';
document.getElementById('4').style.display = 'none';
}
function abrir_4(){
document.getElementById('1').style.display = 'none';
document.getElementById('2').style.display = 'none';
document.getElementById('3').style.display = 'none';
document.getElementById('4').style.display = 'block';
}

</script>

<a href="javascript: abrir_1();">[abrir]</a>
<a href="javascript: abrir_2();">[abrir]</a>
<a href="javascript: abrir_3();">[abrir]</a>
<a href="javascript: abrir_4();">[abrir]</a>





<DIV id="1">

<p>Testando 1</DIV>


<DIV id="2">

<p>Testando 2</DIV>

<DIV id="3">

<p>Testando 3</DIV>

<DIV id="4">

<p>Testando 4</DIV>

[klonder 14]

Seu código está muito grande. Vamos reduzir isso:

<script type="text/javascript">
function abrir(local){
//Digite a quantidade de divs que serão criados:
var qtdeDivs = 4;
var objDiv;
//Apagando todos os divs
for (var i = 1; i<=qtdeDivs; i++) {
	objDiv = document.getElementById("div"+i);
	objDiv.style.display = "none";
}
//Mostrando o div passado através do parâmetro "local":
	objDiv = document.getElementById("div"+local);
	objDiv.style.display = "block";
}

</script>

<a href="javascript: abrir('1');">[abrir]</a>
<a href="javascript: abrir('2');">[abrir]</a>
<a href="javascript: abrir('3');">[abrir]</a>
<a href="javascript: abrir('4');">[abrir]</a>

<br><br>
<DIV id="div1" style="display:block">Testando 1</DIV>
<DIV id="div2" style="display:none">Testando 2</DIV>
<DIV id="div3" style="display:none">Testando 3</DIV>
<DIV id="div4" style="display:none">Testando 4</DIV>

[Unisov 0]

obrigado klonder.

ficou perfeito agora