Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa noite,
Estou com um pequeno problema no meu link dinamico, minha idéia é quando o usuário passar o mouse no link eu exibir na frente do link uma tela com informações resumidas do que possue o link, eu fiz o javascript e o css, o problema é que quando passo o mouse por cima do link, a janela ao invéz de aparecer na frente dele, ela apareçe sempre no mesmo lugar, gostaria de saber como faço para a janela apareçer na frente do link em que passo o mouse?
Lembro que os links são dinamicos, eu uso um do while para trazer os links, segue abaixo meu código comentado:
<!-- Script para abrir a janela -->
<script>
function mostraLayer(obj){
var div = document.getElementById(obj).style;
div.display = "block";
}
function escondeLayer(obj){
var div = document.getElementById(obj).style;
div.display = "none";
}
</script>
<!-- Div da janela flutuante -->
<style>
#divLayer{
position:relative;
top: 25px;
left: 100px;
border: solid 1px #696969;
width: 200px;
height: 200px;
display: none;
background-color: #D3D3D3;
padding: 10px;
}
</style>
<%If objRSTeste.EOF then %>
<div class="mensagemErroPadrao">
<ul>
<li>Nada foi encontrado.</li>
</ul>
</div>
<%Else%>
<div class="teste">
<ul>
<!-- inicio do do while -->
<%do while not objRSCursos.eof%>
<li>
<!-- link dinamico -->
<a href="teste.asp?id_teste=<%=objRSTeste("id_curso_avancado")%>" onmouseover="mostraLayer('divLayer');" onmouseout="escondeLayer('divLayer');">
<%=objRSteste("ds_teste")%>
</a>
</li>
<div id="divLayer" name="nm_divLayer">
Conteudo que irá aparecer na janela (Será de acordo com o link selecionado)
</div>
<%=objRSTeste.MoveNext%>
<%loop%>
</ul>
</div>
<%End if%>
</div>
Fico no aguardo, obrigado pela atenção!
Carregando comentários...