Autor Zpráva
marek187
Profil
snazim sa pomocou tohto javascriptu zmenit farbu okrajov classu "xxx" po kliknuti na odkaz:

<a onclick="javascript:document.getElementsByClassName('xxx').style.borderColor='#bbbbbb';" ...

...neviem vsak preco to vobec nefunguje...
weroro
Profil
Protokol javascript: nie je v udalosti onclick potrebný.
getElementsByClassName vracia pole elementov s danou triedou. Takže by to mohlo vyzerať napr. takto:

<a onclick="document.getElementsByClassName('xxx')[0].style.borderColor='#bbbbbb';" ...
Chamurappi
Profil
Reaguji na marka187:
Tato metoda nefunguje ve všech rozšířených prohlížečích. Explorer ji zná až od verze 9.
marek187
Profil
Dakujem za odpovede. OK, som opat o nieco mudrejsi s tym protokolom v udalosti onclick. A co sa tyka pridania [0], tak som to uz predtym skusal a neslo... viem ze IE s tym ma problem, to je u neho klasika, ale momentalne vyuzivam chrome... uz nejaky cas nad tym lamem hlavu a neviem si s tym rady... dobra alternativa, ktora mi funguje je getElementById, ale protrebujem to nielen pre jeden/prvy prvok, ale pre viacero s classom "xxx"...
margin
Profil *
Nastav po kliknutí třídu společnému rodiči a zbytek nechej na CSS.
<!DOCTYPE HTML>
<style>
.xxx {border: solid gray; }
.kliknuto .xxx {border-color: red; }
.kliknuto-blue .xxx {border-color: blue; color: blue; }
</style>

<p><u onclick="document.documentElement.className = 'kliknuto';">red</u>
<u onclick="document.documentElement.className = 'kliknuto-blue';">blue</u>
<u onclick="document.documentElement.className = '';">zpět</u>
<h1 class=xxx>bflm</h1>
<p class=xxx>psvz
<p class=xxx>!!!

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: