| Autor | Zpráva | ||
|---|---|---|---|
| Pinqui Profil |
#1 · Zasláno: 18. 7. 2009, 08:32:24
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 |
#2 · Zasláno: 18. 7. 2009, 09:37:56
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 |
#3 · Zasláno: 19. 7. 2009, 11:09:52 · Upravil/a: Pinqui
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 |
#4 · Zasláno: 19. 7. 2009, 18:48:27 · Upravil/a: Pinqui
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 |
#5 · Zasláno: 19. 7. 2009, 20:59:30 · Upravil/a: Bubák
#user-info {position: absolute;} |
||
| Pinqui Profil |
#6 · Zasláno: 21. 7. 2009, 19:04:25
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 |
#7 · Zasláno: 23. 7. 2009, 11:22:32
Nevíte jak to udělat, aby se to okno zobrazilo pod myší a ne mimo ??
|
||
|
Časová prodleva: 15 let
|
|||
0