Publicado em 22 de set.

Mouseover como o Face

Fala galera, tenho uma dúvida bem difícil eu acho.

Em meu site, gostaria de fazer algo que, quando a pessoa colocar o mouse em cima de uma palavra, por exemplo meu nome, apareça meu perfil do Facebook.

Exatamente como é no Facebook, quando você está em seu face, e coloca o mouse sobre o nome de algum amigo, não aparece uma janelinha próxima ao mouse com algumas informações dessa pessoa? Então, é isso mesmo que eu quero.

Tem como, galera?

Muito obrigado desde já!!!!!

Discussão (3)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

Lucas Peperaio· 23 de set.

Tem sim, e é bem fácil de se fazer. Com jQuery, você pode fazer algo assim:

<!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>Untitled Document</title>
</head>

<body>
<div id="texto">texto texto Lucas Peperaio texto texto texto Lucas Peperaio texto texto texto</div>

<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script type="text/javascript">
$(function(){
$("#texto").html( $("#texto").html().replace(/Lucas Peperaio/g, "<a href=\"http://www.facebook.com/lucaspeperaio\">Lucas Peperaio</a>") );
});
</script>
</body>
</html>

Veja que eu alterei o texto Lucas Peperaio para o link para o Facebook, agora você pode personalizar ao seu gosto. flw, abraço

Meteora Design· 23 de set.

Lucas, não estou conseguindo. O resultado para mim é uma página com links normais, para serem clicados apenas. Não ocorre aquele efeito que eu mencionei, que com o mouseover aparece o perfil do face.

Pode me ajudar?

Obrigado!

Lucas Peperaio· 23 de set.

Foi o que eu falei, te dei a faca e o queijo, agora corta e come ele ;)