PHP & Jquery - open a small div over others div when mouse go on a link
<p>i need to open a div (or somethings other, dunno what) when mouse go on a link. But this div doesnt move other div. It must open OVER the others div (like this website...when there are the "popup/error" div over others div. How can do it? Transparent? Or somethings like it?</p>

<p>for example, if i write somethings into title field in a link statement, there is a small windows that show to me what i wrote. somethings like it, but with a div, or somethings other when i can put text, image, ecc.</p>

<p>as another example, on facebook when i go on the main wall and i go with mouse on the name of the users, it show me a small windows with more details. the same when i open the chat box :)</p>

<p>code :</p>

<pre><code>&lt;div class="playerDetailsOff"&gt;
    Name : Marco&lt;br /&gt;
    Surname : Daghine
&lt;/div&gt;

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

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

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

.playerDetailsOn{width:200px; height:100px; position:fixed;}
.playerDetailsOff{display:none;}
</code></pre>
