Neregistrovaný Přihlásit Registrovat
Předmět Autor Datum
Aby to fungovalo všude, tak ne. checkBox.htm Jinak jde nastavit padding a background-color, tím bude…
dan55 26.04.2010 16:20
 dan55
To jsem si taky našel. Bohužel to nefunguje ani ve FF.
Flash_Gordon 26.04.2010 16:25
 Flash_Gordon
no jo, jedině výrazný div nebo span s nastavenou šířkou a výškou, a do něj vložit ten checkbox Jinak…
dan55 26.04.2010 16:28
 dan55
Tes - NF?
Mlocik97 18.07.2016 22:10
 Mlocik97
Jop
dan55 19.07.2016 10:56
 dan55
čože,... neverím.... po tých letech, wow.... len škoda že si ten projekt ukončil když ti polka týmu… poslední
Mlocik97 19.07.2016 11:00
 Mlocik97
Edit: Tady to máš funkční (zkoušeno v IE8, Opeře 10.50 a FF 3.5.7): test.html Jen si musíš předělat…
marekdrtic 26.04.2010 18:28
 marekdrtic
Předem se omlouvám že otevírám staré téma, ale chtěl bych se zeptat jak to tlačítko checkbox zvětšit…
bananas 18.07.2016 22:06
 bananas
Podle toho co vidím, tak i po těch letech stále fungují příklady z odkazu v první odpovědi. Pokud to…
IQ37 19.07.2016 00:43
 IQ37
V chrome, ale už to je jedno
bananas 19.07.2016 00:45
 bananas

Edit: Tady to máš funkční (zkoušeno v IE8, Opeře 10.50 a FF 3.5.7):
test.html
Jen si musíš předělat absolutní adresy v tom javascriptu

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í ]:(

Zpět do poradny Odpovědět na původní otázku Nahoru