Autor | Zpráva | ||
---|---|---|---|
wwwirtuoz Profil |
#1 · Zasláno: 23. 10. 2004, 19:58:31
dobrý deŇ ! neviete prosím niekto, ako by som mal JavaScriptom urobiť nasleujúcu vec:
mám napr. odkaz ktory sa po prechode myšou zmení z modrej na bielU. a chcel by som, aby sa ked je kurzor na odkaze zjavil napr. 4px vpravo dole pri kurzre nejaký popis, resp. <div>, do ktorého by som mohol dávať tabuľky, obrázky, p, meniť farby, veľkosť, proste úplne si ho prispôsobiŤ. a aby sa hýbal spolu z myšou keď je kurzor na odkazE... no rád by som obyšiel spôsob, kedy je <div> pri myši stále, len je skrytý, a na odkaze sa odkryje {hidden - visible}. vopred vám ďakujeM |
||
bojars Profil |
#2 · Zasláno: 23. 10. 2004, 20:11:55 · Upravil/a: bojars
Už to tU niekdE v Diskusii bolO, ale než to hľadať: skús sa pozrieť na tieto skrypty.
|
||
Luky Profil * |
#3 · Zasláno: 26. 10. 2004, 00:37:28
Jedno nejlepších řešení nabízí overLIB.
|
||
Časová prodleva: 4 dny
|
|||
lukysy Profil |
#4 · Zasláno: 30. 10. 2004, 03:43:15
Luky Mě se to taky šikne. Díky za link.
|
||
Fred Profil |
#5 · Zasláno: 30. 10. 2004, 10:58:25
Výborná věc je Nice Title na kryogenix.org , tady pak existuje modifikovaná verze, která odstraňuje dost bugů kurt.blackwell.id.au . Bohužel jak OverLIB Erika Bosrupa tak tyto scripty nejsou zrovna ideální pro běžné používání. A to hlavně kvůli přístupnosti. Pomocí OverLIBu navíc v podstatě vkládáte popisy javascriptem, takže je vyhledávací roboti nebudou indexovat, což mě nepřipadá zrovna výhodné. Nice title na druhou stranu sice nemá tento problém, ale náhrada title se nezobrazuje v konqueroru a bohužel se nezobrazí ani normální title, takže je třeba hodně testovat, kde to funguje a pomocí nějakého scriptu poslat jen browserům kde to funguje správně. Například v kombinaci s tímto scriptem Browser Sniffer Script , by to mohlo fungovat. Pro tyhle prohlížeče jsem to testoval : if (ns7||op7||ie5&&!mac||mz7&&!lin||Frf&&lin||Frb&&lin) {...nicetitle.js...}. Přes vše co jsem napsal výše a co testování to dalo , bych dnes ani jeden ten scriptík asi nepoužil a dal bych přednost tooltipu pomocí css, který nemá žádný z výše uvedených problémů a je podstatně spolehlivější a nezávislý na js Pure css tooltip
|
||
www.oknet.sk Profil * |
#6 · Zasláno: 30. 10. 2004, 22:14:42
vsetko sa da zabezpecit cez css:
1. zmena farby: A { color: farba_odkazu_normalne; } A: hover { color: farba po prejdeni mysou; } 2. to druhe sa da zabezpecit positionovanim - treba to dat do A: hover. eto vsjo! |
||
Yuhů Profil |
#7 · Zasláno: 31. 10. 2004, 00:05:55 · Upravil/a: Yuhů
inu, docela by mě zajímalo, milý www,oknet.sk, jak bys udělal pozicováním to, že se má obsah držet kurzoru myši. V Exploreru to dejme tomu umím přes event, ale docela rád bych se to naučil v Mozille nebo Opeře. 3to bcë
|
||
Časová prodleva: 7 dní
|
|||
pyty Profil |
#8 · Zasláno: 6. 11. 2004, 17:24:59
ked ti staci len text, skus toto:
<html>
|
||
pyty Profil |
#9 · Zasláno: 6. 11. 2004, 17:26:31
mas to tam aj z filtrom pre Explorer :-))
|
||
Časová prodleva: 8 dní
|
|||
Fred Profil |
#10 · Zasláno: 14. 11. 2004, 21:22:05
Zkombinoval jsem toto : http://www.psacake.com/web/jl.asp
a toto http://www.sitepoint.com/print/structural-markup-javascript A tohle je výsledek styl a,a.info{ position: relative; background:#eee; color:#666; text-decoration:none; border-bottom:1px solid #666; border-right:1px solid #666; border-top:1px solid #ccc; border-left:1px solid #ccc; padding:0 5px; } a:hover,a.info:hover{ background: #666; color:#eee; border:1px solid #eee; } a.info span{ position:absolute; left:0; width:0; height:0; overflow:hidden; background:#ddd; } a.info:hover span{ position:absolute; top:2em; left:2em; height:1em; _height:auto; display:block; background:#ddd; width:auto; _width:10em; color:#c00; text-align: center; font-weight:bold; font-size:1em; line-height:1em; padding:0 5px; border-bottom:1px solid #666; border-right:1px solid #666; border-top:1px solid #ccc; border-left:1px solid #ccc; } script function extract() { var odkazy = document.getElementsByTagName('a'); for (var i = 0; i < odkazy.length; i++) { var popisek = odkazy[i].getAttribute('title'); if (popisek != '') { var x = document.createElement('span'); x.appendChild(document.createTextNode(popisek)); odkazy[i].className = 'info'; odkazy[i].removeAttribute('title'); odkazy[i].appendChild(x); } } } function addEvent(obj, evType, fn){ if (obj.addEventListener){ obj.addEventListener(evType, fn, true); return true; } else if (obj.attachEvent){ var r = obj.attachEvent("on"+evType, fn); return r; } else { return false; } } addEvent(window, 'load', extract); Tady je příklad http://xy.wz.cz/dynamic-tooltip.htm |
||
Časová prodleva: 7 dní
|
|||
pyty Profil |
#11 · Zasláno: 21. 11. 2004, 17:35:30
|
||
Časová prodleva: 19 let
|
Toto téma je uzamčeno. Odpověď nelze zaslat.
0