Tryb drzewa | Tryb normalny

14-02-2008 11:39 PM

Cytat:<script type=\"text/javascript\">
function Chmurka(T,t){
T.title=\'\'
T.parentNode.lastChild.style.display=t?\'block\':\'none\'
}
</script>

Napisałem sobie skrypt chmurki w java script, jednak nie działa on, jest coś z nim nie tak, tylko nie wiem co z nim jest nie tak. Mógłby mi ktoś pomóc?

Oceń mnie! · 14-02-2008 11:44 PM

TO nie jest skrypt chmurki :P Za pomocą tego nic nie zdziałasz. Mogę ci podać przykładowy kod mojego autorstwa. Ma jedną wadę: działa tylko na Operze, ale może jak go lekko poprzerabiasz to pociągnie i gdzie indziej.

Kod:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

<head>

  <meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">

  <meta name="Author" content="Wojtek Walczak">

  <title>Dymek</title>

<script type="text/javascript"> 

//#####################################################

//---Autorem skrypru jest Wojtek 'kaczlawo' Walczak---#

//---kaczlawo@kaczlawo.com----http://www.kaczlawo.com-#

//Jesli chcesz korzystac z tego skryptu nie usuwaj----#

//tego komentarza!!!----------------------------------#

//#####################################################

document.write('<div id="balon" class="balon"></div>');

CurTopPlus = 20

CurLeftMinus = 20

function UkryjBalon()

{

balon.style='display: none;'

}

function pozycja(e)

{

    e=e||event

curY=e.clientY;

curX=e.clientX;

document.getElementById("balon").style.top=curY+CurTopPlus

document.getElementById("balon").style.left=curX-CurLeftMinus

}

function PokazBalon(tekst,e)

{

document.getElementById("balon").style = 'display: block; position: absolute;'

balon=document.getElementById("balon");

balon.innerHTML=tekst

    e=e||event

curY=e.clientY;

curX=e.clientX;

document.getElementById("balon").style.top=curY+CurTopPlus

document.getElementById("balon").style.left=curX-CurLeftMinus

document.onmousemove=pozycja;

}

</script>

<style>

.balon {

padding: 5px;

border:1px solid black;

font:normal 12px Verdana;

z-index:100;

width: 200px;

display: none;

margin-top: 5px;

background-color: #ffffc5;

filter:alpha(opacity=60);

moz-opacity:.60;

opacity:.60;

}

</style>

</head>

<body>

 <a onMouseover="PokazBalon('jakis text')" onMouseout="UkryjBalon()">TESST!!!!!</a>

</body>

</html>

26-03-2008 11:36 PM

Witam.

Kaczlawo powiedz, proszę, jak rozumieć te konstrukcje:

Kod:

function pozycja(e)   // TUTAJ: co to za "e"

{

    e=e||event        // TUTAJ: co to oznacza "e||event"

[...]

}

Uczę się JavaScript'u i dużo zagadek odkrywam.

Pozdrawiam

Oceń mnie! · 27-03-2008 05:09 PM

e oznacza zdarzenie. Nie wiem czy we wszystkich przeglądarkach :P
linijka e=e||event oznacza to, że zmienna e może przyjąć dwie różne wrtośći e lub event. Zależnie od przeglądarki

28-03-2008 09:50 AM

taką chmurkę w bardzo łatwy sposób można zrobić we flashu :P będę później na innym kompie to rzucę linkiem bo teraz nie mam :P aha no i działa chyba na każdej przeglądarce :D

08-04-2008 09:32 PM

Ciekawe jak połączysz swoją flash'ową chmurkę z treścią w HTML? O.o Sam skrypt na pewno można znaleźć w Google, jak będę miał chwilkę znajdę coś odpowiedniego...

Oceń mnie! · 08-04-2008 09:36 PM

Polecam http://dynamicdrive.com :) Jest tam dużo skryptów tooltip. Na pewno znajdziesz coś dla siebie.

Tryb drzewa \| Tryb normalny Chmurka po najechaniu na link
Autor	Wiadomość