
Zmena ikony kursoru
Zdravim, mam takovy banalni dotaz, proc v IE8 nejde/nefunguje prikaz cursor:hand, takhle konkretne mam ja
<area shape="rect" coords="428,231,530,247" style="cursor:hand" onclick="alert('Nazdar, klikni SEM')"/>
(prikaz cursor:pointer jde jenom v Firefoxu).
Diky
cursor:pointer funguje v každom prehliadači. Area je divný TAG, lepšie povedané ty nastavíš štýl (cursor) na area, ktorú vlastne nevidíš (nezobrazí sa ako IMG, area je vlastne ukazovateľ). Area ti určí len koordináty na obrázok s možnosťou kliku. Skús skôr dať na celý obrázok cursor:pointer. Príklad (upravený o pointer miesto hand), ktorý si uviedol ti nemusí ísť v každom browseri kvôli TAGu area (možno IE 9 ti vyrieši problém
).
Teraz po mimo, - prisahám bohu, som web developer viac ako 5 rokov a ešte nikdy som nemusel použiť area. (haluz)
tak bud rad
Mam velky obrazek, na kterem je oznacene slovo tagem AREA, po kliknuti by se melo otevrit hlaska, a kvuli tomu bych rad pouzil zmenu kursoru jako u odkazu.
To se ale mění přece automaticky, jakmile máš na obrázek navěšenou mapu s nějakou oblastí (parametr USEMAP v příkazu IMG, nezapomenout na # před názvem mapy) tak se kurzor změní na ruku, jinak by přece uživatel nepoznal, že tam je odkaz!
Viz třeba zde: skola.htm
Právě jsem to zkontroloval v IE 8.0.6001
Spíš mě štve, že některé prohlížeče při aktivaci nezobrazí obrys oblasti...
To vim, potrebuji to udelat zatim bez href="web.html" jako kou, ktery je vypsan nahore. Ta zprava "Nazdar, klikni SEM" je jenom pro priklad.
tak tam napiš href="#" a za onclick ukonči zpracování:
onclick="alert('Nazdar, klikni SEM');return false;"
Toto bude fungovat ve všech prohlížečích:
Tak to bohuzel v IE8 nejde(nebo to nejde z nejakeho duvodu jenom u me), to uz jsem zkousel, nasel jsem to na jakpsatweb nebo javascriptkit.com.
Tak něco děláš špatně, to co jsem napsal funguje všude.
A kam davas ten tag? Nemas ho v svojom HTML v nejakom dalsom tagu? Skus to dat inde napr. uplne na zaciatok alebo na koniec HTML sekcie apod.
P.S. resp. mas ho v <map> tagu?
P.S.2. skus si zvalidovat svoje HTML na validatore validator.w3.org a tam budes vidiet pripadne mozne problemy.