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… nový
dan55 26.04.2010 16:20
 dan55
To jsem si taky našel. Bohužel to nefunguje ani ve FF. nový
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… nový
dan55 26.04.2010 16:28
 dan55
Tes - NF? nový
Mlocik97 18.07.2016 22:10
 Mlocik97
Jop nový
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… nový
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… nový
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… nový
IQ37 19.07.2016 00:43
 IQ37
V chrome, ale už to je jedno nový
bananas 19.07.2016 00:45
 bananas

čože,... neverím.... po tých letech, wow.... len škoda že si ten projekt ukončil když ti polka týmu odišla,...

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

Podle toho co vidím, tak i po těch letech stále fungují příklady z odkazu v první odpovědi. Pokud to funguje na té stránce, bude to fungovat i jinde. Zkoušel jsem to v IE, FF, Chrome, Opeře 12 a Maxthonu. V čem jsi to zkoušel ty, že ti "nic nefunguje"?

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