Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Bom pessoal, estou trabalhando com tooltip tipo o do facebook que ao passar o mouse no link do perfil de uma pessoa, ele retorna a pagina do usuario em uma mini modal assima de onde esta o link ... estou conseguindo chamar a função atraves do mousehover, mas agora, pra remover essa mini modal é que ta o problema, quando eu passase o mouse em cima do link era pra abrir, e quando eu tirasse, era pra ele fechar sozinho...alguem pode me da uma ajudinha? o codigo ta abaixo
index.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link href="style.css" media="all" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
function profileTip(id, post, delay) {
if(delay == 1) {
clearInterval(TipTimer);
} else {
TipTimer = setInterval(function(){
var msgType = 'message';
var height = 58;
var left = 20;
$('#profile-tip').show();
$('#profile-tip').html('<div class="profile-tip-padding"><div class="loader"></div></div>');
var position = $("#"+msgType+post).position();
var pos = {
top: (position.top + height) + 'px',
left: (position.left + left) + 'px'
};
$('#profile-tip').css(pos);
$.ajax({
type: "POST",
url: "fetch_profile.php",
data: 'user_id='+id,
cache: false,
success: function(html) {
$('#profile-tip').html(html);
},
error: function() {
$('#profile-tip').hide();
}
});
clearInterval(TipTimer);
}, 500);
}
}
$(document).ready(function() {
$('#profile-tip').mouseleave(function() {
$('#profile-tip').hide();
});});
</script>
</head>
<body>
<div class="msg_body" id="message1">
<div class="msg_img">
<img onmouseover="profileTip(1, 1, 0)" onmouseout="profileTip(0, 0, 1);" onclick="profileTip(0, 0, 1);" src="https://fbcdn-sphotos-e-a.akamaihd.net/hphotos-ak-xpf1/v/t1.0-9/13006593_928276600624907_1562762474596855133_n.jpg?oh=b52db7cff5b70d0164e4165266fce254&oe=5804960C&__gda__=1476341606_074c2045a664073ca8826ac753fb99f4" />
</div>
</div>
<div id="profile-tip"></div></body>
</html>Carregando comentários...