Náhrada za ID

Každý prvek může mít jednak ID, které musí být unikátní, jednak třídu (nebo dokonce více tříd), ta unikátní být nemusí. Pro některý účel se hodí jedno, pro jiný účel to druhé.

Nadan:
„No dobře, ale když volám Javascript funkci, tak mi nereaguje na class, jen na ID.“
Tak si napíš JS funkciu reagujúcu na niečo iné ako na atribút id. Bráni ti v tom niekto? Okrem toho, potrebuješ vôbec na daný účel JS?

Nadan:
„A může JS funkce reagovat na class/name?“
Aká funkcia? Aký účel? Čo konkrétne sa pokúšaš riešiť?

Nadan:
„Onmouseover, onmouseout změna stylu jiného elementu.“
No ale „iný element“ môžeš špecifikovať rôznym spôsobom, teda skús zrozumiteľne a dostatočne popísať, o čo sa vlastne pokúšaš.

Nadan:
„Div 2 je vnořený v divu 1. Při najetí na div 1...“
No a ešte v akom inom vzťahu je ten div2 voči div 1?
Môžeš napríklad použiť v ovládači udalosti div 1 nejaký spôsob odkazu na div 2.

Nadan:
>> „Už se nesnažte, udělal jsem si to sám. Neřeknu jak. Sbohem. Pro jistotu zamykám.“

Nadan:
> „No a ešte v akom inom vzťahu je ten div2 voči div 1?“
> Žádném.
No a ako chceš potom identifikovať ten div2, ak je je v tom div1 vnorených tých divov trebárs 1 000?

Nadan:
„div2 má id=text“
No a čo ti teda bráni použiť metódu document.getElementById?

Asi je problém, že chceš použiť jedno id viac krát na stránke, čo samozrejme nejde. Predpokladám, že odpoveď „Žádném.“ na otázku „No a ešte v akom inom vzťahu je ten div2 voči div 1?“ nie je pravdivá, alebo sa dá kód upraviť tak, aby pravdivá nebola, a ak ten vzťah napíšeš, tak bude aj jednoduchá odpoveď.

Nadan:
„Nikdy jsem s ním nepracoval, nevím jak ho použít.“

V JS nájde element s daným id. To predsa treba či nie? No dané id by malo byť v dokumente len jedno.

„Pořád nechápu, co se tím snažíš říct. Div 1 a 2 mají společné jen to, že div 2 je vnořený do divu 1. V žádném jiném vztahu nejsou...“
Nie je to prvý vnorený div do div1 - napríklad?

Nadan:
„Nikdy jsem s ním nepracoval, nevím jak ho použít.“
Neboli „Jsem líný“?

Jenže jak jsem pochopil, problém je právě v tom, že přes ID to tak snadné nebude, jelikož těch obrázků musí být víc.

Další problém:
> „No a ešte v akom inom vzťahu je ten div2 voči div 1?“
> Žádném.
Spíš to znamená „Nevím v jakém by měly být“.

Ale už jsme se alespoň dobrali zadání:
Je <div> který má onmouseover-onmouseout a má zobrazovat/skrývat jiný <div>, který je uvnitř
Možností je více, například:
Id musí být unikátní, tak dát hlavnímu <div>u nějaké Id, třeba "img123" a tomu vnitřnímu odvozené, třeba "img123_text". Pak by to bylo nějak:
(edit: id = id toho hlavního <div>u)

Další možnost je dát tomu vnitřnímu <div>u nějakou třídu a použít getElementsByClassName (pro některé prohlížeče nutno doprogramovat, na webu se příkladů válí spousta).

Mimochodem:
Fuj. Na nadpisy je <h1>-<h6> a nebude ani nutné z inline prvku dělat „blokový“ přes odřádkování.

Joker:
> Mimochodem:
> <span class="nadpis">Egyptské pyramidy v Gize</span><br/>
> Fuj.
A čo ešte: <div class="img" style="background-image: url(
Na obrázky je značka <img>.

Nadan:
V ovládači udalosti sa na prvý vnorený element odkážeš cez výraz this.firstChild a na posledný vnorený cez this.lastChild. No musíš po <div> a pred </div> odstrániť zalomenia riadka.

_es:
Jinak ta stránka má připojený framework Prototype, takže to getElementsByClassName by se nemuselo až tak řešit:
A mělo by to být.
(Poznámka, jestli to takhle nefunguje, tak se omlouvám, s Prototype nemám moc zkušeností)

Nadan:
„Tak ne, nejde to.“
Nejde čo?
Nepokúšaš sa stále používať duplicitné id, alebo áno?

Reaguji na Nadana:
Není sám.

Pokud chceš nějak měnit stav <div>u, přes který přijíždí kurzor, stačí ti primitivní změna třídy:
… při najetí se tomuto elementu nastavít třída zobrazit, při odjetí schovat. Co tyto třídy způsobí, to už si zařiď v CSS.

Chamurappi:
„this.element.className“
Tomu nerozumiem. Čo je tá vlastnosť element?

Reaguji na _es:
Pardon. Dneska píšu všude blbosti :-)
Opraveno.

Nadanovi doporučuji neděkovat předčasně.