Autor Zpráva
Pinqui
Profil
Dobrý den. Chtěl bych se zeptat, jak udělat, aby když budu mít otevření okna při onmouseover, aby se otevírané okno zobrazovalo vždycky pod myší.
Asi to bude souviset nějak se souřadnicema myši. Prosím o radu děkuji.

přiklad: budu mít seznam:

a
b
c
d
e

a vždy když přejedu přez nějaký tak se mi jakoby otevře okno(z-index velký aby bylo v popředí) s bližšími informacemi, ale aby se mi vždy zobrazilo pod myší. Díky moc
Matty
Profil
Pinqui
otevření okna při onmouseover...se mi jakoby otevře okno(z-index velký aby bylo v popředí)
Z tohoto usuzuji, že se nejdná o okno, ale o nějaký div. V tom případě Cotojátka.
Pinqui
Profil
A jde, třebaže někde v dokumentu vytvořím div id="detail" a pak přez js do něj vložit kód tak aby byl pod tou myší?
Příklad:
//Základní div
<div id="detail"></div>


//span při kterém by se vložil obsah do toho divu
<span onmouseover="showInfo(user_id, dalsi(třeba event))" onmouseout="closeInfo()">Pinqui</span>

//obsah
<div class="photo"><img src="/neco.jpg"></div>
<span class="sex">Pinqui</span> (19 let)<br>
Stav: Znuděný<br>';
Naposledy napsal: <span id="user-info">1.1. 2009</span>


cotojatka to mají všechno do title.. já bych potřeboval otevřít takovouto sestavu obsahu
Pinqui
Profil
Toto mi nevímproč nefunguje jak má..

  <script type="text/javascript">
  var ie = document.all;
  
  function closeUserInfo() {
 a = document.getElementById('user-info');
 a.style.display = 'none';
 }

  function showUserInfo(e, user_ID) {
var doc = doc_user_info = document;
var a = doc.getElementById('user-info');
var e = e || event;
if(ie) {
y = e.clientY + doc.body.scrollTop;
x = e.clientX + doc.body.scrollLeft; 
}else {
y = e.pageY;
x = e.pageX; 
}

a.style.top = y;
a.style.left = x;
a.style.display = 'block';
txt = '';
txt += '<div class="photo"><img src=""></div>';
txt += '<span class="sex">Pinqui</span> (19 let)<br>';
txt += 'Stav:  Online<br>';
txt += 'Nemluvil: <span id="user-i">12min</span>';
a.innerHTML = txt;
}
  </script>


styl:
<style>
  html, body {
      height: 100%;
  }
  body {
      font-family: Tahoma, Verdana, Arial, lucida, sans-serif;
      color: #000;
      font-size: 10pt;
      width: 100%;
      line-height: 1.5;
  }
  body>#all {
      height: auto;
  }
  #all {
      width: 1000px;
      text-align: left;
      background: #F2F2F2 ;
      min-height: 100%;
      height: 100%;
      position: relative;
      float:left;
  }
  #footer {
      width: 1000px;
      height: 40px;
      overflow: hidden;
      position: absolute;
      bottom: 0;
      background: #cec;
      text-align: left;
  }
  </style>

Vytvoří se okno, dokonce se i zobrazí, nicméně ne na souřadnicích myši.

příklad:
http://superpokec.cz/try/test.html
Bubák
Profil
#user-info {position: absolute;}
Pinqui
Profil
Mno tak vím proč se mi to nezobrazuje.. Mám měl jsem tam vícekrát position:absolute; Nicméně ho potřebuji a pořád nemohu přijít na to jak to přebýt, aby to fungovalo.

Zde příklad a nefunguje:
http://superpokec.cz/try/test.html
Pinqui
Profil
Nevíte jak to udělat, aby se to okno zobrazilo pod myší a ne mimo ??

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: