Autor Zpráva
Misty
Profil
Chtěl bych se zeptat, jak se provede změna pozadí tabulky při události onclick.

Příklad třeba tu Odkaz když se zatrhávají čísla při kontrole výsledků.
Joker
Profil
Nastavit tabulce styl (tabulka.style.backtround) nefunguje?
Misty
Profil
Tak jsem otestoval funkci
function zmena () {
document.getElementById ("kolo").className = "cervena";
}


kterou volam z

<table>
  <tr>
    <td id="kolo"> 1 <br> <input onclick="zmena();" type="checkbox"></td><td> 2 <br> <input type="checkbox" onclick="zmena();"></td>
  <tr>
</table>


Jde pozadí změnit nějak obecně než pomocí ID buňky. Tedy použít jinou fukci JavaScriptu v kombinaci s CSS?
habendorf
Profil
Jdeš na to úplně špatně. To tam chceš 100x psát onclick="zmena();"?

Takže
1) Najdeš všechny inputy v tabulce.
2) Přiřadíš jim ovladač události onclick.
3) Rodičovskému elementu přiřadíš třídu.
Misty
Profil
To habendorf: Tak krok 1) a 2) je mi jasný ale na krok 3) bych potřeboval napsat ukázkový příklad.
habendorf
Profil
Misty

Na rodičovský element se dostaneš pomocí parentNode (viz příklad např. zde a třídu přiřadíš pomocí className.
Misty
Profil
Tak se mi nedaří najít vzorový skript na hledání všech inputů v tabulce.
PROSÍM, KDE SE DÁ Najít NĚJAKÝ PŘÍKLAD.
Joker
Profil
Misty
Tak se mi nedaří najít vzorový skript na hledání všech inputů v tabulce.
Pokud si Javascriptem zaměřím tu tabulku, tak:
var bunky = tabulka.getElementsByTagName("td");
Misty
Profil
Takže tímhle jednoduchým řádkem si k tagu td přiřadím funkci onclick? Není mi to jasné. SPíše bych chtěl odkaz na vzorový příklad.
habendorf
Profil
Joker

Hledáme inputy, ne td. Nicméně to už si snad Misty doladí.
habendorf
Profil
Takže tímhle jednoduchým řádkem si k tagu tg přiřadím funkci onclick?
Ne.

Napsal jsi „Tak krok 1) a 2) je mi jasný“, takže jsem to dál nerozebíral. Přiřazení onclcik je krok 2), zde se řeší krok 1).
SwimX
Profil
Misty
var bunky = tabulka.getElementsByTagName("td");
tímdle řádke si do pole bunky dáš objekty (všechny tagy td)

a pak všem těm objektům k události onclick přiřadíš tvoji funkci
Misty
Profil
Bohužel jsem přes víkend svůj vzorový příklad nenašel, proto prosím o to prohledání s přiřazením.
habendorf
Profil
Misty

Co ti není jasné?

Bod 1) ti napsal Joker, sice blbě, ale to si změníš.
Bod 2) je přiřazení onclicku - xxx.onclick = function( ....
Bod 3) máš popsán v příspěvku #6

Když ti napíšeme všechny tři body, to už ti to můžeme napsat celé, ne? Zkus se trochu snažit.
Misty
Profil
OK jdu se snažit.
SwimX
Profil
habendorf
edit: objekt = document.getElementsByName('cosi');
můžu poli objektů přiřadit událost takle natvrdo? objekt.onclick = function() {}?
habendorf
Profil
SwimX

Na rovinu - nevím. Já bych to zkusil a kdyby to nešlo, projel bych to cyklem (objekt[i].onclick = ...).
Zkusím sem nahnat Chamurappiho.
Chamurappi
Profil
Reaguji na SwimX:
můžu poli objektů přiřadit událost takle natvrdo?
Ne.

Reaguji na habendorfa:
projel bych to cyklem (objekt[i].onclick = ...)
Ano.
SwimX
Profil
Díky

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:

0