Forum PHP.pl > [js]Miniaturki z opisem

Pomoc - Szukaj - Użytkownicy - Kalendarz

kogutor

11.04.2007, 13:08:13

Jak zrobić cosik takiego jak tu : http://www.krn.pl/szukaj_nieruchomosci.php...p;pll=&plh= aby po najechaniu myszką na link pokazywał się obrazek i opis w jednej ramce?

mike

11.04.2007, 13:13:48

Zmień tag w tytule wątku bo to nie ma żadnego związku z PHP.
overLIB

kogutor

11.04.2007, 13:42:53

Cytat(mike_mech @ 11.04.2007, 14:13:48 )

Zmień tag w tytule wątku bo to nie ma żadnego związku z PHP.
overLIB

No to teraz jak nie widnieje żaden TAG rozumię że jesteś w stanie mi pomóc?

mike

11.04.2007, 14:53:16

Jak nie ma tagu to zaraz ktoś Ci ten wątek zemknie

Przecież dałem Ci linka do gotowca, czego jeszcze oczekujesz?

Cienki1980

11.04.2007, 14:53:34

Teraz to ja zamknę wątek bo nie ma tagu

a być powinien zgodnie z zasadami panującymi na forum Przedszkole

A tak na serio to podejrzyj sobie kod strony ( źródło ) i wszystko jest tam jasno opisane jak to jest zrobione.

PS. Zmieniłem tag na [js] bo tego się ten wątek dotyczy

Kuva

11.04.2007, 16:14:37

Skrypt:
STĄD POBIERZ SKRYPT

A to treśc:

[HTML] pobierz, plaintext 
<a title="cssbody=[dvbdy1] cssheader=[dvhdr1] header=[&nbsp;&nbsp;Informacje] body=[<img src='ADRES OBRAZKA' style='vertical-align:middle'><br>OPIS]" style="vertical-align:middle;font-family:arial;font-size:11px;font-weight:bold;color:#2b2b2b;cursor:pointer" href=ODNOSNIK>JAKISTYTUŁ</a>
[HTML] pobierz, plaintext

LUB

(To napewno działa)

Dodaj gdziekolwiek

[HTML] pobierz, plaintext 
<div id="t1" class="tip"><center><img src="ADRESOBRAZKA">&nbsp;&nbsp; OPIS</center></div>
[HTML] pobierz, plaintext

POTEM w BODY:

[HTML] pobierz, plaintext 
<script>
var DH = 0;var an = 0;var al = 0;var ai = 0;if (document.getElementById) {ai = 1; DH = 1;}else {if (document.all) {al = 1; DH = 1;} else { browserVersion = parseInt(navigator.appVersion); if ((navigator.appName.indexOf('Netscape') != -1) && (browserVersion == 4)) {an = 1; DH = 1;}}} function fd(oi, wS) {if (ai) return wS ? document.getElementById(oi).style:document.getElementById(oi); if (al) return wS ? document.all[oi].style: document.all[oi]; if (an) return document.layers[oi];}
function pw() {return window.innerWidth != null? window.innerWidth: document.body.clientWidth != null? document.body.clientWidth:null;}
function mouseX(evt) {if (evt.pageX) return evt.pageX; else if (evt.clientX)return evt.clientX + (document.documentElement.scrollLeft ?  document.documentElement.scrollLeft : document.body.scrollLeft); else return null;}
function mouseY(evt) {if (evt.pageY) return evt.pageY; else if (evt.clientY)return evt.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop); else return null;}
function popUp(evt,oi) {if (DH) {var wp = pw(); ds = fd(oi,1); dm = fd(oi,0); st = ds.visibility; if (dm.offsetWidth) ew = dm.offsetWidth; else if (dm.clip.width) ew = dm.clip.width; if (st == "visible" || st == "show") { ds.visibility = "hidden"; } else {tv = mouseY(evt) + 20; lv = mouseX(evt) - (ew/4); if (lv < 2) lv = 2; else if (lv + ew > wp) lv -= ew/2; if (!an) {lv += 'px';tv += 'px';} ds.left = lv; ds.top = tv; ds.visibility = "visible";}}}
function hide(evt,oi) {if (DH) {var wp = pw(); ds = fd(oi,1); dm = fd(oi,0); st = ds.visibility; if (dm.offsetWidth) ew = dm.offsetWidth; else if (dm.clip.width) ew = dm.clip.width; if (st == "hidden" || st == "hidden") { ds.visibility = "hidden"; } else {tv = mouseY(evt) + 20; lv = mouseX(evt) - (ew/4); if (lv < 2) lv = 2; else if (lv + ew > wp) lv -= ew/2; if (!an) {lv += 'px';tv += 'px';} ds.left = lv; ds.top = tv; ds.visibility = "hidden";}}}
</script>
[HTML] pobierz, plaintext

NASTĘPNIE JAKO NAZWA NP. "ZOBACZ TEN HOTEL":

[HTML] pobierz, plaintext 
<a onmouseover="popUp(event,'t1')" onmouseout="hide(event,'t1')" onclick="return false" href="#">ZOBACZ TEN HOTEL</a>
[HTML] pobierz, plaintext

Myślę, że zrozumiałeś.

kogutor

11.04.2007, 16:14:40

Wielkie dzięki mike_mech+cienki 1980+kuva za pomoc-coś ciężko dzisiaj myślę...pozdrawiam wszystkich...

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.