Entao pessoal, meuMeu objetivo é fazer um programa que tenha uma lista, e cada vez que o mouse passe por cima do nome dessa lista, ela mostre um conteudoconteúdo de uma divdiv
, mas entaoentão usando esse codigo akicódigo aqui, criei um vetor pra cada item da lista, mas nnão to conseguindo fazer com qque ele mostre, alguem. Alguém pode mostrar o erro, ou solucaosolução? agradeco muiitooo desde ja
function esconde()
{
var arraypilotes=["1","2","3"];
document.getElementById('arraypilotes[i]').style.display = 'none';
}
Teste
Conteudo da DIVTeste2 Conteudo da DIV
<blink>
<html>
<body>
<script type="text/javascript">
function mostra()
{
var arraypilotes=["1","2","3"];
document.getElementById('arraypilotes[i]').style.display = 'block';
}
function esconde()
{
var arraypilotes=["1","2","3"];
document.getElementById('arraypilotes[i]').style.display = 'none';
}
</script>
<a href="#" onmouseover="javascript:mostra();" onmouseout="esconde();">Teste</a>
<div id="arraypilotes[0]" style="display:none;">Conteudo da DIV</div>
<br/>
<br/>
<a href="#" onmouseover="javascript:mostra();" onmouseout="esconde();">Teste2</a>
<div id="arraypilotes[1]" style="display:none;">Conteudo da DIV</div>
<br/>
<br/>
<a href="#" onmouseover="javascript:mostra();" onmouseout="esconde();">Teste3</a>
<div id="arraypilotes[2]" style="display:none;">Conteudo da DIV</div>
</body>
</html>
</blink>
Teste3
Conteudo da DIV