Na tabletu se checkbox chová jako radio button.

Petr Gargulák

(12 hodnocení)

29. 11. 2018 13:02:21

Ahoj lidi,

debaguji na tabletu a nevím jak dále... mám checkboxy s labely....

podle tohoto návodu

Get Started with Remote Debugging Android Devices | Tools for Web Developers…

mělo by fungovat i na tabletu.... id a for...ale nefunguje mi.....jenom na desktopu.

Tak se snažím utvořit...debagovací script: v konzoli zjišťuji, že mi to šíleně přeskakuje jako radio buttony se to chová......

Kouknul byste na to někdo na tabletu a řekl mi proč se ty checkboxy chovají tak šíleně ? Nejdou třeba odkliknout.....

zde je testovací web

Testovací rozhraní

Předem díky za pomoc.

29. 11. 2018 13:02:21

https://webtrh.cz/diskuse/na-tabletu-se-checkbox-chova-jako-radio-button#reply1377276

Petr Gargulák

(12 hodnocení)

29. 11. 2018 13:12:57

Přikládám screen:

2786927869

29. 11. 2018 13:12:57

https://webtrh.cz/diskuse/na-tabletu-se-checkbox-chova-jako-radio-button#reply1377275

Taps

(118 hodnocení)

29. 11. 2018 13:18:39

ty boxy se na tabletu odklíkavají s určitým zpožděním.

29. 11. 2018 13:18:39

https://webtrh.cz/diskuse/na-tabletu-se-checkbox-chova-jako-radio-button#reply1377274

Petr Gargulák

(12 hodnocení)

29. 11. 2018 13:22:04

Napsal Taps;1498930
ty boxy se na tabletu odklíkavají s určitým zpožděním.

To sice jo asi 300 ms, ale mě se ani neodkliknou....jenom tím, že třeba přejedu přes jinej..... mám android 6.0tabnlet acer, mobil Samsung..na obou stejné.

29. 11. 2018 13:22:04

https://webtrh.cz/diskuse/na-tabletu-se-checkbox-chova-jako-radio-button#reply1377273

Taps

(118 hodnocení)

29. 11. 2018 13:26:34

zkus to s tímto skriptem

sice rozhodí stránku, ale myslím, že pak to na mobilu funguje v pohodě.

29. 11. 2018 13:26:34

https://webtrh.cz/diskuse/na-tabletu-se-checkbox-chova-jako-radio-button#reply1377272

Dominik Hašek

(12 hodnocení)

29. 11. 2018 13:33:11

Nezlobí tam ten hover? I na PC to vypadá divně, hover je stejnej jako když je prvek zakliknutej, takže když prvek odkliknu, ale neodjedu myší tak nevidím rozdíl. Zkus dát :hover třeba šedivej rámeček a červenej až když je :checked. Prohlížeče na tabletech a telefonech se občas snaží :hover fejkovat, což se hodí například u submenu které jsou na hover nadřazeného elementu, ale tady to může teoreticky být problém, protože ty nevidíš rozdíl mezi tím, jestli je input/label :hover nebo :checked. První klik na element se tak občas chová jako hover.

29. 11. 2018 13:33:11

https://webtrh.cz/diskuse/na-tabletu-se-checkbox-chova-jako-radio-button#reply1377271

Petr Gargulák

(12 hodnocení)

29. 11. 2018 13:36:16

Na mobilu to jde na tabletu mi to nejde....v debagovaaací nástroji od oogle to jde perfektně...mají i jenom script na checkboxy ? zvlášť ?

---------- Příspěvek doplněn 29.11.2018 v 13:50 ----------

Napsal Taps;1498932
zkus to s tímto skriptem
<script src="http://code.jquery.com/mobile/latest/jquery.mobile.min.js"></script>
sice rozhodí stránku, ale myslím, že pak to na mobilu funguje v pohodě.

Trochu jsem si pohrál s pořadím jquer scriptů, které tam používám a už to jde..díky moc..

---------- Příspěvek doplněn 29.11.2018 v 14:03 ----------

Napsal Toliceek;1498933
Nezlobí tam ten hover? I na PC to vypadá divně, hover je stejnej jako když je prvek zakliknutej, takže když prvek odkliknu, ale neodjedu myší tak nevidím rozdíl. Zkus dát :hover třeba šedivej rámeček a červenej až když je :checked. Prohlížeče na tabletech a telefonech se občas snaží :hover fejkovat, což se hodí například u submenu které jsou na hover nadřazeného elementu, ale tady to může teoreticky být problém, protože ty nevidíš rozdíl mezi tím, jestli je input/label :hover nebo :checked. První klik na element se tak občas chová jako hover.

Děkuji za podnětný příspěvek, hover jsem na tablety zrušil.

29. 11. 2018 13:36:16

https://webtrh.cz/diskuse/na-tabletu-se-checkbox-chova-jako-radio-button#reply1377270

Michal Jeřábek

29. 11. 2018 14:20:59

Napsal Taps;1498932
zkus to s tímto skriptem
<script src="http://code.jquery.com/mobile/latest/jquery.mobile.min.js"></script>
sice rozhodí stránku, ale myslím, že pak to na mobilu funguje v pohodě.

To vy jako fakt děláte weby tak, že když vám nefunguje input, tak tam dáte jQuery Mobile?

29. 11. 2018 14:20:59

https://webtrh.cz/diskuse/na-tabletu-se-checkbox-chova-jako-radio-button#reply1377269

Petr Gargulák

(12 hodnocení)

29. 11. 2018 14:31:45

Napsal mjerabek;1498942
To vy jako fakt děláte weby tak, že když vám nefunguje input, tak tam dáte jQuery Mobile?

Lepší by bylo kdyby někde šel vytáhnout jen ten script na checkboxy, ale parádně to zvedlo odezvu....

29. 11. 2018 14:31:45

https://webtrh.cz/diskuse/na-tabletu-se-checkbox-chova-jako-radio-button#reply1377268

Michal Jeřábek

29. 11. 2018 14:40:13

Napsal PetrGargulák;1498946
Lepší by bylo kdyby někde šel vytáhnout jen ten script na checkboxy, ale parádně to zvedlo odezvu....

Nevím, v čem je ta závada, ale ta 300ms odezva se odstraním přidáním . Řešit váš problém skriptem, který má 142 kb a řadu neznámých vedlejších efektů, je absurdní.

---------- Příspěvek doplněn 29.11.2018 v 14:41 ----------

A taky byste měl měnit ten zaškrtnutý stav pomocí funkce prop, ne attr. Atribut checked nemá varianty true a false. Ten tam buď je nebo není.

29. 11. 2018 14:40:13

https://webtrh.cz/diskuse/na-tabletu-se-checkbox-chova-jako-radio-button#reply1377267

Petr Gargulák

(12 hodnocení)

29. 11. 2018 14:49:35

Napsal Toliceek;1498933
Nezlobí tam ten hover? I na PC to vypadá divně, hover je stejnej jako když je prvek zakliknutej, takže když prvek odkliknu, ale neodjedu myší tak nevidím rozdíl. Zkus dát :hover třeba šedivej rámeček a červenej až když je :checked. Prohlížeče na tabletech a telefonech se občas snaží :hover fejkovat, což se hodí například u submenu které jsou na hover nadřazeného elementu, ale tady to může teoreticky být problém, protože ty nevidíš rozdíl mezi tím, jestli je input/label :hover nebo :checked. První klik na element se tak občas chová jako hover.

Byl to ten hover...:)

29. 11. 2018 14:49:35

https://webtrh.cz/diskuse/na-tabletu-se-checkbox-chova-jako-radio-button#reply1377266

Dominik Hašek

(12 hodnocení)

29. 11. 2018 14:59:58

Napsal PetrGargulák;1498956
Byl to ten hover...:)

Já si to myslel :-D Problém ve scriptu mi nedával moc smysl, protože ty "hezký checkboxy" jsou řešeny čistě pomocí HTML/CSS. Jinak chválím za dobré řešení, já i na nových webech kolikrát narážím že tohle řeší pomocí JS pluginů, přitom to není vůbec potřeba.

29. 11. 2018 14:59:58

https://webtrh.cz/diskuse/na-tabletu-se-checkbox-chova-jako-radio-button#reply1377265

Pro odpověď se přihlašte.

Přihlásit