[JS] Okienko z opisem

[NC]

Witam wszystkim. Potrzebuje pewien skrypt który działa na takiej zasadzie, że po najechaniu myszką na np. link albo obrazek wyskakuje okienko z opisem odnośnika

myśle, że napisalem zrozumiale. Pozdrawiam i prosze o pomoc.

 

[Szalony Kojot]

W Head

<style type="text/css">

#divDymek {

   position: absolute;

   visibility: hidden; 

}

#tabDymek {

   /* ten styl określa wygląd tekstu w dymku: */

   background-color: cornsilk;

   color: black; 

   font-size: 9pt;

   font-family: Tahoma, Verdana, sans-serif;

}

</style>

<script language="JavaScript" type="text/javascript">

var dymek_header = '<table width=200><tr><td>'+

   '<table cellspacing=0 cellpadding=4><tr><td id="tabDymek">';

var dymek_footer = '</td></tr></table></td></tr></table>';

// w jakiej pozycji względem kursora dymek ma być wyświetlany:

var dymek_xmod = -10;   // przesunięcie poziome

var dymek_ymod = 14;    // przesunięcie pionowe



// Puste funkcje wyświetlania i ukrywania dymka - dymkiInit() 

// przedifniowuje je zależnie od przeglądarki:

function dymek() {}

function ukryjDymek() {}



// Sprawdzenie przeglądarki i wybór zestawu funkcji do używania:

function dymkiInit() {

   if (document.all) {           // MSIE 4+

      dymek=dymek_ie;

      ukryjDymek=ukryjDymek_ie;

      // w IE możemy wewnetrzną ramkę stworzyć już teraz:

      ukryjDymek();

      divDymek.innerHTML=dymek_header+dymek_footer;

   } else if (document.layers) { // NN 4

      dymek=dymek_nn;

      ukryjDymek=ukryjDymek_nn;

   }

}



// Funkcje w wersji dla IE:

function dymek_ie(e,tresc,szer,wys) {

   var b=document.body;

   tabDymek.innerHTML=tresc;

   with (divDymek) {

      var p=b.scrollTop+e.y+dymek_ymod;

      var q=b.scrollTop+b.clientHeight-clientHeight;

      if (p<q)       //Jeśli mieści się w widocznej części okna...

         style.top=p //...to umieść pod kursorem,...

      else           //...jeśli nie...

         style.top=p-clientHeight-dymek_ymod-7; //...to umieść nad nim

      // A na to wystarczy już jedna linijka:

      style.left=b.scrollLeft+Math.min(e.x+dymek_xmod,

        b.clientWidth-clientWidth);

      style.visibility='visible';

   }

}



function ukryjDymek_ie() {

   with (divDymek.style) {

      visibility='hidden';

      top=0;

      left=0;

   }

}



// Funkcje w wersji dla NN:

function dymek_nn(e,tresc,szer,wys) {

   with (document.layers.divDymek) {

      document.write(dymek_header + tresc + dymek_footer);

      document.close();

      var p=e.pageY+dymek_ymod;

      var q=window.innerHeight+window.pageYOffset-clip.height;

      if (p<q)       //Jeśli mieści się w widocznej części okna...

         top=p       //...to umieść pod kursorem,...

      else           //...jeśli nie...

         top=p-clip.height-dymek_ymod-7; //...to umieść nad nim.

      // A na to wystarczy już jedna linijka:

      left=Math.min(e.pageX+dymek_xmod,

        window.innerWidth+window.pageXOffset-clip.width);

      visibility='show';

   }

}



function ukryjDymek_nn() {

   with (document.layers.divDymek) {

      visibility='hide';

      top=0;

      left=0;

   }

}

//-->

</script>

W Body

 dopisujemy onLoad="dymkiInit()"

Zaraz po body wpisujemy <DIV id="divDymek"></DIV>

Link musi wyglądać tak: [url="adres"]Hop[/url]

Hehe działa??

 

[NC]

wszystko ok tylko jeszcze mi napisz jak sie robi zeby dymek pokazywal sie np. w lewym gornym rogu ekranu ?

a nie pod kursorem. wiem ze mam zmienic tutaj

var dymek_xmod = -10;   // przesunięcie poziome 

var dymek_ymod = 14;    // przesunięcie pionowe

pozdro.

[ Dodano: 13-12-2006, 15:40 ]
Chciałbym poruszyć jeszcze raz sprawe tego skryptu. Mianowicie on działa poprawnie pod IE, ale niestety nic sie nie wyswietla pod FF ;] Czy ktos może poprawić ten skrypt żeby w tej przeglądarce działał ? pozdro