Meu objetivo é fazer um programa que tenha uma lista, e cada vez que o mouse passe por cima do nome dessa lista, ela mostre um conteúdo de uma div
, mas então usando esse código aqui, criei um vetor pra cada item da lista, mas não to conseguindo fazer com que ele mostre. Alguém pode mostrar o erro ou solução?
<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>
onmouseover="javascript:mostra();"
deve seronmouseover="mostra();"
, o prefixojavascript:
deve ser usado para executar javascript em links<a>