Ir para conteúdo

POWERED BY:

Arquivado

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

Meteora Design

Mouseover como o Face

Por , em Desenvolvimento frontend

Recommended Posts

Meteora Design    0

Meteora Design
Postado

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á!!!!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Lucas Peperaio    20

Lucas Peperaio
Postado

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

Compartilhar este post

Link para o post
Compartilhar em outros sites

Meteora Design    0

Meteora Design
Postado

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!

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

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

  Aceito