• Revista PROGRAMAR: Já está disponível a edição #53 da revista programar. Faz já o download aqui!

MROverclock

Posição XY de um popup com o rato

1 mensagem neste tópico

Boas pessoal,

vou direito ao assunto.

Eu tenho o seguinte código

<html>
<head>
<style type="text/css">
.popup
{
   position:absolute; left:0; top:0; width:132;
   border-style:solid;
   border-width:4;
   border-color:blue;
   background-color:yellow;
   padding:5px;
   color:red;
   font-family:Arial;
   font-weight:bold;
   font-size:10pt;
   z-index:2;
   visibility:hidden;
   width:100px;
}
</style>

<script language="javascript">
function ShowPop(id)
{
   document.getElementById(id).style.visibility = "visible";
}
function HidePop(id)
{
   document.getElementById(id).style.visibility = "hidden";
}
</script>
</head>


<body>

<span style="position:relative">
<span id="pop1" class="popup">
Este é o texto que aparece no popup</span>
<a href="javascript:void(0);"
onMouseover="ShowPop('pop1');"
onMouseout="HidePop('pop1');">Passar Aqui</a></span>

</body>
</html>

Basicamente o que isto faz é quando passamos com o rato sobre o "Passa Aqui" aparece um rectangulo com uma fraze.

O que eu quero saber, é como é que faço para que esse rectangulo apareca nas coordenadas do rato, e ao mover o rato para o lado o rectangulo vai andando também par ao lado.

Quando o rato sai de cima da linha o rectangulo desaparece.

Abraço

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!


Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.


Entrar Agora