Forum PHP.pl > dymki - poprawa skryptu

Pomoc - Szukaj - Użytkownicy - Kalendarz

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

cornholio666

27.10.2005, 16:36:14

Witam.

Znalazlem skrypt ktory ma wyswietlac dymek po najechaniu na link:

[HTML] pobierz, plaintext 
<style type="text/css">
.chmurka {
  position:absolute;
  border:1px double #000;
  background:#FF6600;
  padding:1px;
  font:normal normal 9px Verdana, sans-serif;
}
</style>
 
<!--<script type="text/javascript">
function chmurka(e,v)
{
  if(v.title)
 {  
    var t=document.createElement("div");
    t.className="chmurka";
    t.innerHTML=v.title;v.title="";
    v.move=function(e)
    {
       e=e||event;
       t.style.left=e.clientX+20+"px";
       t.style.top=e.clientY+20+"px";
     }
     v.move(e);
     document.body.appendChild(t);
     v.onmousemove=function(e){v.move(e)}
     v.onmouseout=function(e)
     {
       v.title=t.innerHTML;
       document.body.removeChild(t);
       document.body.scrollTop; 
      }
  }
}
</script>
</head>
<body>
 <a href="cos.html" title="Ale fajny opis" onmouseover="chmurka(event,this)">link</a>
</body>
[HTML] pobierz, plaintext

teraz cytat: Omawiany dymek działa w porządku, ale tylko kiedy strona nie jest scrollowana; niestety po scrollowaniu pozycja dymka głupieje i nie wyświetla się on poprawnie.

trzeba dodać linijkę document.body.scrollTop

I teraz pytanie: Gdzie trzeba dodac ta linijke?

Sabistik

27.10.2005, 18:21:47

Moze nie do konca na temat, ale ja do tooltipow uzywam tej biblioteki. Nie mam z nia zadnych problemow. Niesamowicie konfikuralna i funkcjonalna.

cornholio666

27.10.2005, 20:57:58

Podoba mi sie ale nie moge tego odpalic. Nie moge sie doczytac gdzie mam wrzucic sciagniete pliki wiec wrzucilem do katalogu glownego.W tym samym katalogu mam plik cos.html:

[HTML] pobierz, plaintext 
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
<script type="text/javascript" src="overlib.js">
<!-- overLIB (c) Erik Bosrup -->
</script>
 
</head>
<body>
<div id="overDiv" style="position:absolute; visibility:hidden; z-index:1000;"></div>
 
 <a href="javascript:void(0);" onmouseover="return overlib('This is an ordinary
  popup.');" onmouseout="return nd();">here</a>
 
  <a href="javascript:void(0);" onmouseover="return overlib('This is what
  we call a sticky, since I stick around (it goes away if you move the mouse
  OVER and then OFF the overLIB popup--or mouseover another overLIB).',
  STICKY, MOUSEOFF);" onmouseout="return nd();">here</a>
 
   <a href="javascript:void(0);" onclick="return overlib('This is a sticky
   with a caption. And it is centered under the mouse!', STICKY, CAPTION,
   'Sticky!', CENTER);" onmouseout="nd();">Click here!</a>
 
 
</form>
</body>
</html>
[HTML] pobierz, plaintext

Niestety dymki sie nie pojawiaja. Moze mi podpowiesz co robie zle?

Sabistik

27.10.2005, 21:28:32

nie mozesz lamac lini:

Kod

return overlib('This is an ordinary
popup.');"

to musi byc w jednej lini:

Kod

return overlib('This is an ordinary popup.');"

caly link:

[HTML] pobierz, plaintext 
<a href="javascript:void(0);" onmouseover="return overlib('This is an ordinary popup.');" onmouseout="return nd();">here</a>
[HTML] pobierz, plaintext

cornholio666

27.10.2005, 22:16:55

ok dziala ladnie

dzieki

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.