Podstrony
- telcocafe
- Js + PHP pomocy!!!
- [JS] Problem ze skryptem pobierającym źródło strony skrypt pobierający źródło strony
- menu przewijane menu w js
- Menu Darmowe menu w JS
- [JS] Wyświetlanie obrazków w danym dniu jak za pomocą javaScript wyświetlać obrazki
- [php, mod rewrite] Czyli ustalenie reguły wykonywania reguły dla żądań NIe zawierajacych .'js'
- [Ajax,XML,JS] Aktualizacja XMLa na stronie W jaki sposób odświeżyć plik XML załadowany na stronie?
- Pomocy ! JS z formularzem! :(
- [js] Select I Zmiana W Zaleznosci Od 2 Selecta
- PHP i SJ Jak wyświetlić zmienne JS w PHP
- zanotowane.pl
- doc.pisz.pl
- pdf.pisz.pl
- gameplaygry.htw.pl
telcocafe
Jak zrobić coś takiego jak tu. Tam gdzie po najechaniu na obrazek "promocyjne warunki"? To jest chyba coś w JS, onmouseover? Nie myle się? Jak to zrobić?Pozdrawiam
to jest tooltip
DHTML - http://www.dynamicdr...htmltooltip.htm
<img src="www/01/img_sklep/kp_h15.gif" onmouseover="p=getAP(this);showToolTip(p,'zawartosc tooltipa.');" onmouseout="hideToolTip()" /> <div id="tooltip" onclick="hideToolTip()"></div>
//------------------ Tooltip ------------------// function getAP(i){ x=y=0; do { x+=i.offsetLeft; y+=i.offsetTop; } while (i=i.offsetParent); return {x:x,y:y} } function checkToolTip(event) { var obj = document.getElementById('tooltip'); if ((event.offsetX>=parseInt(obj.style.width)-1) || (event.offsetY>=parseInt(obj.style.height)-1)) hideToolTip() } function showToolTip(p, txt, move) { var obj = document.getElementById('tooltip'); kor = document.body.clientWidth-952 if (kor<0) kor = 0; else kor = kor / 2 obj.style.left=(p.x - kor + 20)+'px'; obj.style.top=(p.y + 20)+'px'; obj.innerHTML='<div id="ptxt" style="padding:5px;display:none;">'+txt+'</div>'; TT(1,1); obj.style.display='inline'; } function hideToolTip() { var obj = document.getElementById('tooltip'); document.getElementById('ptxt').style.display='none'; //TTh(parseInt(obj.style.width),parseInt(obj.style.height)); obj.style.display='none'; } function TT(i,j) { var obj = document.getElementById('tooltip'); obj.style.width=i+'px'; obj.style.height=j+'px'; /* Mozilla Fix { */ var c = obj.innerHTML.replace(/<[^>]*>/ig, "") t = c.length jInc = 6; if (t>160) jInc = 9; if (t>260) jInc = 12; if (t>360) jInc = 15; if (t>700) jInc = 16; /* } */ if (i<300) { setTimeout('TT('+(i+50)+','+(j+jInc)+')',25); } else { document.getElementById('ptxt').style.display='block'; } }
Wystarczy, że dodasz style i włala :)
Użytkownik DJ_ProG edytował ten post 18 czerwiec 2006, 11:22