[js]Miniaturki z opisem Opcje

[kogutor]

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?

Ten post edytował Cienki1980 11.04.2007, 14:53:53

[mike]

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

[kogutor]

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?(IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif) (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

[mike]

Jak nie ma tagu to zaraz ktoś Ci ten wątek zemknie (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif)
Przecież dałem Ci linka do gotowca, czego jeszcze oczekujesz?

Ten post edytował mike_mech 11.04.2007, 14:53:48

[Cienki1980]

Teraz to ja zamknę wątek bo nie ma tagu (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif) a być powinien zgodnie z zasadami panującymi na forum Przedszkole (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif)


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]

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ś.

Ten post edytował Kuva 11.04.2007, 16:22:16

[kogutor]

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

Ten post edytował kogutor 11.04.2007, 16:17:57