Autor Zpráva
Pavel
Profil *
Dobrý den, celý víkend jsem se trápil s Java Scripty, abych docílil následujícího:

Na stránce mám 5 obrázků a 5 k nim patřících absolutně pozicovaných textových popisků. Chci, aby popisky byly vidět jen při najetí myši na příslušný obrázek (při najetí na obrázek č. 1 popisek č. 1 k němu patřící) a aby po odjetí myši z obrázku popisek zase zmizel. Je to v podstatě něco, co má Yuhů na svých osobních stránkách, ale chtěl bych, aby text po odjetí z odkazu (v mém případě obrázku) zase zmizel. Zkoušel jsem to snad všemi možnými způsoby, ale rozchodit se mi to nepodařilo, tak proto vás moc prosím o radu. Předem díky.

P.S. Nejsem úplný začátečník, tak se v odpovědích nemusíte zdržovat např. u toho, že každému textovému popisku musím přidělit ID, či u toho, jak zapsat neviditelnost v CSS. Ještě jednou díky.
Kráťa
Profil
Jé já to také neumím, tak tu budu sosat rozumy :-)
Yuhů
Profil
hele, tak to z té mé osobní stránky prostě obšlehni. Ten kód je asi sedm let starej, ale snad bude fungovat. Jenom upozorňuju, že je tam logika jiná než chceš ty. Já nechávám zobrazený poslední viditelný text.

Tak to zkusíme takhle:

<img onmouseover="document.getElementById('text1').style.visibility='visibl e';" onmouseout="document.getElementById('text1').style.visibility='hidden' ;" src="obr1.gif">

<span style="visibility: hidden; position: absolute; top: 10px; left: 10px">text zobrazený při přejetí obrázku</span>

netestováno, psáno z hlavy.
Cirdan
Profil *
No a keby dal ku kazdemu obrazku alt="toto je obrazok ten a ten" nedosiahlo by to ten isty efekt?
habendorf
Profil
Cirdan: Ne. Text by se pak zobrazoval v bublině (nesprávně v IE, jinak k tomu slouží atribut title), což není záměr tazatele.
Pavel
Profil *
Yuhů, moc děkuji, tvůj kód funguje. Přesně takovýhle jednoduchý skript přímo v textu stránky jsem si představoval, ale neuměl jsem ho napsat a rozchodit. Obšlehnout skript z tvých stránek mě také napadlo :-) , smířil bych se i s tím, že popis po odjetí nemizí, ale prostě mi nějak nefungoval.
Cirdan
Profil *
Aha a nenasiel by sa odkaz na nejaku stranku kde by som mohol vidiet ako to funguje a co to je vlastne zac? Lebo sec som sa snazil som na tych strankach nevidel po postaveni sa na obrazok ziaden popisok.
Dakujem
Pavel
Profil *
Cirdan: Mé stránky, pro které jsem tento Java Script potřeboval, ještě nejsou hotové. Pokud tě ale obecně zajímá, jak to bude vypadat, zajdi na tuto stránku a myší najeď na obrázky bot. Vlevo výše se objevuje popis obrázků. Je to tedy to, co Yuhů napsal na pár řádek, zde jim to funguje také, ale příslušný kód je naprostá prasárna. Až budou moje stránky hotové, tak zde adresu napíšu.
Cirdan
Profil *
Pavel: Jo díkes... konečne mám predstavu o čo ide.... Teraz mi je už jasné prečo ten môj navrh nebol správny... toto je niečo celkom iné....
Už sa teším kedy budeš mať stránku hotovú.. keď potom dovolíš tak budem takovej drzoun, že ti ten kód ukradnem... :-)))) Samozrejme že s tvojim dovolením.... :-))) Díkes moc...
Cirdan
Profil *
Pavel: Jo díkes... konečne mám predstavu o čo ide.... Teraz mi je už jasné prečo ten môj navrh nebol správny... toto je niečo celkom iné....
Už sa teším kedy budeš mať stránku hotovú.. keď potom dovolíš tak budem takovej drzoun, že ti ten kód ukradnem... :-)))) Samozrejme že s tvojim dovolením.... :-))) Díkes moc...
Toto téma je uzamčeno. Odpověď nelze zaslat.

0