Přidat otázku mezi oblíbenéZasílat nové odpovědi e-mailem HTML - zvětšení checkboxu

Edit: Tady to máš funkční (zkoušeno v IE8, Opeře 10.50 a FF 3.5.7):
http://mnhs.cz/test.html

Jen si musíš předělat absolutní adresy v tom javascriptu

http://navratdoreality.cz/ (sorry, na lepší příklad jsem si nevzpomněl :-D)

Mrkni se tady na zdroják (je to ten checkbox na potvrzení věku). Ve FF to ale nefunguje. Zkusil bych to nějak přes javascript - 2 obrázky, které se po kliknutí prostřídají a zároveň s kliknutím se převrátí i stav skrytého checkboxu. Takto nějak by to vypadalo:

<script type="text/javascript">
function action()
{
ne = "url(ne.png)";
ano = "url(ano.png)";

if(document.getElementById('supercheckbox').backgroundImage == ne)
{
document.getElementById('supercheckbox').backgroundImage = ano;
document.getElementById('check_neco').checked = true;
return true;
}
else
{
document.getElementById('supercheckbox').backgroundImage = ne;
document.getElementById('check_neco').checked = false;
return false;
}

}
</script>

<form ...>
.....
<div style="width:50px;height:50px;background-image:url('ne.png')" id="supercheckbox" onClick="action();"></div>
....
<input type="submit" name="submit" value="Odeslat">
<input type="checkbox" name="check_neco" id="check_neco" style="display:none">
</form>

Na tuty v tom bude hromada chyb, co se týče webovek jsem už vyšel ze cviku a nekontroloval jsem to.

Klady: bude to fungovat snad ve všech prohlížečích s javascriptem
Zápory: když má někdo vypnutej javascript tak je v háji (spíše ty seš v háji :-))

Aby nebyl úplně v háji, tak bych tam ještě přidal další funkci, třeba load(), která by byla zapsána v HTML takto:
<body onLoad="load();">
a v té funkci load by bylo to, že by schovala ten "neviditelný" checkbox + by zviditelnila ten supercheckbox (tam by se CSSkem dodala vlastnost display:none;)
------------------
Jestli to nezprovozníš tak se ti na to večer možná podívám, teď mám hromadu učení ]:(

Reakce na odpověď

1 Zadajte svou přezdívku:
2 Napište svou odpověď:
3 Pokud chcete dostat ban, zadejte libovolný text:

Zpět do poradny