Autor Zpráva
Monkeys
Profil *
Potreboval by som poradit s jednou banalitou.

Chcem prepinat radio buttony pomocou kliknuta na ikonu obrazku teda ak sa klikne na obrazok tak sa zaskrkne aj radio button
je to mozne ?

<form action="" method="post">
<label onclick="?" for="m:1">
<a href="" onClick="return false" title="Riadkové zobrazenie"><img src="obr/list_menu.png" width="30" height="26"></a>
</label>
<input name="m1" onclick="?" id="m:1" type="radio" value="1" checked>
<label onclick="?" for="m:2">
<a href="" onClick="return false"  title="Blokové zobrazenie"><img src="obr/block_menu.png" width="30" height="26"></a>
</label>
<input id="m:2" onclick="?" name="m1" type="radio" value="2">
</form>

Chcel by som to len v cistom javascripte nie v jQuery

vdaka
M.
Someone
Profil
JavaScriptem je to zbytečné, když k tomu slouží label, proč jej nepoužiješ? V kódu ho dokonce uvádíš.
Monkeys
Profil *
Someone:
Ale neoznaci mi ten button ako aktivny teda neni vnom ta zelena bodka.

M.


Edit: Iba ak kliknem priamo na ten button tak sa to prehodi ale ak kliknem na ikonu tak sa nic nestane.

M.
Someone
Profil
Monkeys:
Ale neoznaci mi ten button ako aktivny
Mně ano.


Teď zjišťuji, že mi to nefunguje pro IE9
Monkeys
Profil *
Someone:
Mne to nefunguje ani v chrome ani v mozile a ani v IE8. Preto si myslim ze labelom to neprepnem.

M.
Chamurappi
Profil
Reaguji na Someone:
Teď zjišťuji, že mi to nefunguje pro IE9
V Explorerech je chyba, kliknutí na <img> v <label>u nefunguje tak, jak by mělo.


Reaguji na Monkeyse:
Proč tam máš odkaz s prázdným hrefem a s onclick="return false"? Víš, že title může mít jakýkoliv element? A že kurzor jde také přenastavit u čehokoliv? Bez toho divného stornovaného odkazu by se měl <label> chovat víceméně správně, až na tu chybu Exploreru.

Šlo by dát na ten obrázek onclick="document.getElementById('m:1').focus();", nebo použít místo obrázku něco jiného, co bude mít na pozadí obrázek.
margin
Profil *
Someone:
Teď zjišťuji, že mi to nefunguje pro IE9
V IE9 mi to funguje, kvůli chybě to nejde to ve starších IE nebo v IE9 ve quirku.

Monkeys:
Píšeš o přepínání, to děláš skriptem? Jde to i bez něj.
Pokud nepotřebuješ přepínání, používá se checkbox.
http://jsfiddle.net/cdNfS/
Monkeys
Profil *
Chamurappi
Proč tam máš odkaz s prázdným hrefem a s onclick="return false"?
Pretoze do toho hrefu chcem dat PHP pre nacitanie z databazi

Víš, že title může mít jakýkoliv element? A že kurzor jde také přenastavit u čehokoliv?
Ano viem

Cela veda 1 riadok

function zmenitInput(n){
document.forms[0].Image[n].checked=true;
}

<form action="" method="post">
<label onClick="zmenitInput(0);" for="m:1">
<a href="./" onClick="return false"  title="Blokové zobrazenie"><img src="obr/block_menu.png" width="30" height="26"></a>
</label>
<input name="Image" onClick="" id="m:1" type="radio" value="1" checked="checked">
<label onClick="zmenitInput(1);" for="m:2">
<a href="./" onClick="return false" title="Riadkové zobrazenie"><img src="obr/list_menu.png" width="30" height="26"></a>
</label>
<input id="m:2" onClick="" name="Image" type="radio" value="2">
</form>

M.


onclick="return false"?‘
Preto aby mi neskocila stranka.

Tento kod funguje vo vsetkych prehliadacoch.

M.
Chamurappi
Profil
Reaguji na Monkeyse:
Pretoze do toho hrefu chcem dat PHP pre nacitanie z databazi
Tomu nerozumím. To pak člověk odejde ze stránky, když na ten obrázek klikne, ne? Pokud odchodu zabráníš, proč je to odkaz?

Tento kod funguje vo vsetkych prehliadacoch.
Ale (pravděpodobně) blokuje standardní funkčnost <label>u.
Monkeys
Profil *
Chamurappi
Ukazka co tym chcem vlastne dosiahnut je tu http://zlavy.odpadnes.sk/?view=1
Ide mi o prepinanie vypisov z riadkoveho do blokoveho.

Prepinat si to mozes hore v pravo v rohu vedla tej hviezdicky.

M.
Chamurappi
Profil
Reaguji na Monkeyse:
Asi stále nechápu. Odkázanou stránku kliknutím na přepínač opustím, takže je celkem jedno, jestli se tam odehrává něco formulářového.
Pochopil bych, kdyby ten href byl určený pro lidi bez zapnutého JS a kdyby tu základní akci, kterou má přepínač na starost, nějak prováděl sám JS.
Monkeys
Profil *
Chamurappi:
Este jedna ukazka to bola vlastne aj inspiracia:
http://gamepady.heureka.sk/?m=2

Su tam 2 radiobuttony cez ktore sa prepinju vypisy.

M.

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: