Ir para conteúdo

POWERED BY:

Arquivado

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

Magnata007

Link Flutuante

Recommended Posts

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!

Compartilhar este post


Link para o post
Compartilhar em outros sites

porfavor verifique se sua dúvida é sobre ASP, caso não seja irei redirecioná-lo para o fórum correto

Compartilhar este post


Link para o post
Compartilhar em outros sites

Creio q seja sobre .asp sim, pq é uma pagina .asp, e eu acho q o erro se encontra na linha:

 

<a href="teste.asp?id_teste=<%=objRSTeste("id_curso_avancado")%>" onmouseover="mostraLayer('divLayer');" onmouseout="escondeLayer('divLayer');">
   <%=objRSteste("ds_teste")%>
</a>

Se não for .asp me desculpe, a unica coisa que quero é uma ajuda para resolver meu problema!

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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