PHP & Jquery - ouvrir un petit div sur les autres div quand la souris va sur un lien

Question

J'ai besoin d'ouvrir un div (ou quelque chose d'autre, ne sais pas quoi) lorsque la souris va sur un lien. Mais cette div ne bouge pas d'autre div. Il doit s'ouvrir sur les autres div (comme ce site web ... quand il y a le div "popup/error" sur les autres div.) Comment peut-il faire? Transparent? Ou quelque chose comme ça?

par exemple, si j'écris Quelque chose dans un champ de titre dans une déclaration de lien, il y a une petite fenêtre qui me montre ce que j'ai écrit quelque chose comme ça, mais avec un div, ou quelque chose d'autre quand je peux mettre du texte, image, ecc

comme autre exemple, sur facebook quand je vais sur le mur principal et je vais avec la souris sur le nom des utilisateurs, il me montre une petite fenêtre avec plus de détails. la même chose quand j'ouvre la boîte de chat :)

code:

<div class="playerDetailsOff"> 
    Name : Marco<br /> 
    Surname : Daghine 
</div> 

<a class="viewt" href="#" onmouseover="viewPlayerOn('id1?>');return false" onmouseout="viewPlayerOff();return false">link 1</a> 
<a class="viewt" href="#" onmouseover="viewPlayerOn('id2?>');return false" onmouseout="viewPlayerOff();return false">link 2</a>  
<a class="viewt" href="#" onmouseover="viewPlayerOn('id3?>');return false" onmouseout="viewPlayerOff();return false">link 3</a>  
<a class="viewt" href="#" onmouseover="viewPlayerOn('id4?>');return false" onmouseout="viewPlayerOff();return false">link 4</a> 

function viewPlayerOn(val) { 
    $('.playerDetailsOff').removeClass().addClass('playerDetailsOn'); 
} 

function viewPlayerOff() { 
    $('.playerDetailsOn').removeClass().addClass('playerDetailsOff'); 
}  

.playerDetailsOn{width:200px; height:100px; position:fixed;} 
.playerDetailsOff{display:none;} 

Answer 1

Fondamentalement, ce que vous voulez est une superposition ou une visionneuse (les deux termes sont faciles à google). Tout comme Felix Kling a souligné que vous voulez un positionnement absolu - ou vous pouvez regarder z-index (le z-index le plus haut est en haut).

Juste pour le rendre facile sur vous il y avait une question similaire avec le code exemple que vous devriez certainement obtenir commencé: jQuery - How Do I Place a DIV On Overlay?

Answer 2

Vous souhaitez overLIB. Consultez leur page d'accueil pour voir les fonctionnalités et la documentation.

Cordialement, Alin

Answer 3

Vous pouvez utiliser celui-ci: http://www.leigeber.com/2008/06/javascript-tooltip/. C'est un javascript léger si vous ne voulez pas utiliser JQuery.