Dymek
DoĹÄ czÄsto otrzymywaĹem e-mailem pytania dot. "dymkĂłw" z opisem linkĂłw. Otóş posĹuguje siÄ skryptem napisanym przez Elusia, ktĂłry znalazĹem na forum Webhelp. Skrypt javascript osadzamy w sekcji HEAD strony lub zapisujemy go w oddzielnym pliku zaĹ w kodzie strony zamieszczamy odwoĹanie do niego. Temat nie do koĹca mieĹci siÄ w kategorii css ale w koĹcu skrypt wygeneruje warstwÄ, ktĂłra zostanie opisana dziÄki kaskadowym arkuszom stylĂłw wiÄc czemu nie …
Skrypt js:
[code lang="javascript"][/code]
Skrypt zamienia systemowego tooltipa na warstwÄ o identyfikatorze "tooltip", ktĂłrej cechy zamieszczam poniĹźej:
[code lang="css"]#tooltip {
text-align: center;
white-space: nowrap;
color: #EFE7CE;
font: normal 9px verdana, sans-serif;
padding: 4px;
background: #BF5B00;
position:absolute;
margin-top: 20px;
}[/code]
OczywiĹcie ktoĹ moĹźe zarzuciÄ, Ĺźe w sieci moĹźna znaleĹşÄ sporo, o wiele bardziej rozbudowanych skryptĂłw js generujÄ
cych "baloniki". Zapewne tak ale… Otóş w/w skrypt bazuje tylko i wyĹÄ
cznie na opisach odnoĹnikĂłw czyli "title". Nie trzeba zatem dopisywaÄ do linkĂłw Ĺźadnych mouseover itp. Dodatkowo jeĹli ktoĹ zechce przeĹamaÄ opis odnoĹnika (aby nie wydĹuĹźaÄ niepotrzebnie warstwy) wystarczy podzieliÄ go znakiem " | " aby opis wyĹwietliĹ siÄ w kilku liniach.
PrzykĹadowy link wyglÄ
da zatem tak:
[code lang="html"]link[/code]
I na koniec pytanie. A co bÄdzie z tooltipem gdy ktoĹ wyĹÄ
czy obsĹugÄ js lub nie zostanie zaĹadowany plik css? Ano nic, "dymek" i tak zostanie wyĹwietlony z tym, Ĺźe w swojej systemowej (brzydkiej) formie.
* * *
-
Napisał: Pit1000 — 19/09/2007 @ 12:20
Jak nazwaÄ plik z caĹym skryptem ???
-
Napisał: nastazja — 06/05/2008 @ 08:38
To tylko moj krzyk rozpaczy Od kilku dni chce sobie wprowadzic jak najprostszy dymek i prawie nic nie dziala. Nie jestem profesjonalista , chcialam tylko dodac dosc dlugiego tooltipa . Rece mi opadly , czesc tego dziala w IE ale w Firefoxie i IE juz nie.
Dzieki tak czy siak
nastazja -
Napisał: Magic — 10/11/2008 @ 13:06
Ale wiesz, Ĺźe ktoĹ, kto nie miaĹ z tym do czynienia nie rozumie z tego ani sĹowa? Opisz chociaĹź jak i co zrobiÄ.
-
Napisał: zama — 11/11/2008 @ 03:33
WydawaĹo mi siÄ, Ĺźe jaĹniej juĹź nie moĹźna 🙂 Tak jak napisaĹem: zawartoĹÄ skryptu kopiujemy w nagĹĂłwku strony (przed znacznikiem </head>. PoniĹźej, o ile nie korzystamy z zewnÄtrznego arkusza stylĂłw moĹźna dodaÄ definicjÄ warstwy czyli
[code lang="css"][/code]
i to wszystko. Niestety nie da siÄ wszystkiego i zawsze wytĹumaczyÄ. Nawet b. poczÄ tkujÄ cy webmaster musi mieÄ chociaĹź niewielkie pojÄcie o osadzaniu skryptĂłw, budowie strony, warstwach, tabelach itp. -
Napisał: heliar — 27/03/2009 @ 11:03
Screen'a bym zobaczyĹ jak to wyglÄ da, da siÄ?:]