ďťż

[DHTML] Pojawiajace sie dymki dla IE

       

Podstrony


telcocafe

Witam. Ponizej umiescilem kod strony, na ktorej, po najechaniu na dany link, pojawia sie dymek z opisem. Ale pojawia sie w specyficzny sposob. Ale jest jeden minus tego kodu: po najechaniu na (chocby) scrollbare czy jakies miejsce wykraczajace za glowna czesc strony, pojawiaja sie scrollbary, a strona "powieksza sie". Prosilbym o pomoc: usuniecie tej funkcji "powiekszania strony". Z gory dziekuje. DJ ProG.

<html><head> <style type="text/css"> body { margin: 20px; } #box { position:absolute; color: #000000; background-color: #F4F4F4; border: 1px solid #000000; padding: 1px; visibility: hidden; -moz-opacity: 0%; font-family: Verdana,courier; font-size: 8pt; } a { font-weight: bold; color: #336699; text-decoration: none; } a:hover { font-weight: bold; color: #cc3300; text-decoration: underline; } </style> <script type="text/javascript"> /*   Script made by Martial Boissonneault Ĺ  2002-2003 http://getElementById.com/ This script may be used and changed freely as long as this msg is intact Visit http://getElementById.com/ for more free scripts and tutorials. */ var ie5 = (document.getElementById && document.all); var ns6 = (document.getElementById && !document.all); var timerID = null; var opak = 0; var index = 0; var mouseX = 5; var mouseY = 20; var msg = new Array(); msg[0]="what's new"; msg[1]="about this site"; msg[2]="dhtml scripts"; msg[3]="dhtml tutorials"; msg[4]="dhtml links"; msg[5]="promote this site"; msg[6]="help forum"; msg[7]="contact us"; function mozOpacity(){       if(ns6){              opacity = opak + 7;              opak = opacity;              timerID = setTimeout("mozOpacity()", 70);              obj.style.MozOpacity = opacity + '%';       } } function stopMozOpacity(){       if(ns6){              if(timerID!=null){                     clearTimeout(timerID);                     timerID=null;              }              obj.style.MozOpacity = '0%';              opak = 0;       } } function changeMsg(index){       if(ie5){              obj.style.filter="blendTrans(Duration=1.2)";              obj.filters[0].Apply();              obj.style.visibility = "visible";              obj.filters[0].Play();              obj.innerHTML = msg[index];       }       else if(ns6){              obj.style.visibility = "visible";              obj.innerHTML = msg[index];              if (opak < 100){                     mozOpacity();              }       } } function hideMsg(){       if(ie5){              obj.style.visibility="hidden";       } } function getMouseMove(e){       if(ie5){              obj.style.left = document.body.scrollLeft + event.clientX + mouseX;              obj.style.top = document.body.scrollTop + event.clientY + mouseY;       }       else if(ns6){              obj.style.left = window.pageXOffset + e.clientX + mouseX;              obj.style.top = window.pageYOffset + e.clientY + mouseY;       } } function fadingTooltipsInit(){       if(ie5 || ns6){              obj = document.getElementById('box');              lnk = document.links;              for(var i=0;i<lnk.length;i++){                     if(ie5){                            lnk[i].attachEvent("onmouseout", hideMsg);                     }                     else if(ns6){                            lnk[i].addEventListener("mouseout", stopMozOpacity, false);                     }              }       } } document.onmousemove=getMouseMove; </script></head> <body onload="fadingTooltipsInit();"> <div id="box"></div> <a href="#" onmouseover="changeMsg(0)">what's new</a><br> <a href="#" onmouseover="changeMsg(1)">about this site</a><br> <a href="#" onmouseover="changeMsg(2)">dhtml scripts</a><br> <a href="#" onmouseover="changeMsg(3)">dhtml tutorials</a><br> <a href="#" onmouseover="changeMsg(4)">dhtml links</a><br> <a href="#" onmouseover="changeMsg(5)">promote this site</a><br> <a href="#" onmouseover="changeMsg(6)">help forum</a><br> <a href="#" onmouseover="changeMsg(7)">contact us</a> </body></html>



Pobierasz współrzędne kursora i sprawdzasz czy po dodaniu szerokości dymku nie będzie większe niż szerokość, którą założyłeś sobie, jeśli będzie to ustawiasz position na szerokość strony minus szerokość dymku

edit: Sprawdziłem sobie ten skrypt... A nie będzie łatwiej jak po prostu po zjechaniu kurosrem z linku wyłączysz dymek :>

edit2: kurcze... sory, ale korzystam z ff, na którym ten skrypt nie działa tak jak autor zamierzał... :D A Ty z jakiej przeglądarki korzystasz? Bo jeśli chodzi Ci tylko o skrypt, który pokazuje jakiś dymek po najechaniu na linka to inny skrypt znajdź :) Albo po prostu dodaj "title=napis w dymku" do jakiegoś znacznika.
Użytkownik SZySZeC edytował ten post 17 grudzień 2005, 19:23
Taaaa to moze ty mi pomozesz? Wyslij mi na PW kodzik.. a korzystam z IE 5.5 - dymek delikatnie pojawia sie.. jak z mgielki i znika (od razu) po wyjechaniu z linka. a w mozilli (ffox) pojawia sie poprostu i nie znika.. ;(


Taaaa to moze ty mi pomozesz? Wyslij mi na PW kodzik.. a korzystam z IE 5.5 - dymek delikatnie pojawia sie.. jak z mgielki i znika (od razu) po wyjechaniu z linka. a w mozilli (ffox) pojawia sie poprostu i nie znika.. ;(



chce, ay po najechaniu na odnosnik delikatnie i powoli pojawil sie dymek, ale taki ktory robi sie z niczego. ten powyzszy skrypt wlasnie to robi, lecz podczas przesowania kursora, "wydluza" tresc okna. a najlepiej, jaky tego nie robill..


chce, ay po najechaniu na odnosnik delikatnie i powoli pojawil sie dymek, ale taki ktory robi sie z niczego. ten powyzszy skrypt wlasnie to robi, lecz podczas przesowania kursora, "wydluza" tresc okna. a najlepiej, jaky tego nie robill..

  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.