Autor Zpráva
okoun
Profil
Ahoj, nevíte o nějakém řešní jak do klasického slectu option dostat vedle textu i obrázek třeba 100x100?

viz ctrlv.cz/k2FN

Děkuji
Keeehi
Profil
okoun:
Nativní select toto neumožňuje.
Jediná možnost je si vytvořit v HTML s JS něco, co vypadá jako select a také se tak i chová. Což je velmi komplexní problém. Takže by jsi měl sáhnout po nějakém notovém řešení. Ani ta však nemusí být dokonalá. Doporučuji si je předem pořádně otestovat. Těch problémů může být více, např nemožnost ovládání klávesnici a pod.

Ještě jsem třeba neviděl takovou náhradu, která by emulovala to, jak select vypadá na mobilních zařízeních.
okoun
Profil
já bych prosil něco velmi podobného klasickému selectu, pokud o něčeme někdo ví, díky
Chamurappi
Profil
Reaguji na okouna:
vedle textu i obrázek třeba 100x100
To by výšku položky docela protáhlo, cca na pětinásobek. I kdyby to šlo, těžko si představit, co by se s tím dělo na mobilech a tabletech, kde bývá <select> dělaný všelijak.

Jediné, na co by ses mohl alespoň trochu spoléhat, by byl obrázek tvořený znakem z Unicodu – tedy nebyl by to obrázek, ale znak. Těžko říct, jestli bys našel takový, který vyjadřuje požadovanou informaci.
_es
Profil
Chamurappi:
Jediné, na co by ses mohl alespoň trochu spoléhat, by byl obrázek tvořený znakem z Unicodu
Tam zase môže hroziť, že niektoré prehliadače nemusia ten znak vedieť zobraziť a namiesto neho zobrazia nejaký „zástupný“ - otáznik a pod.
okoun
Profil
zde je to takové pěkné: www.dpp.cz stačí zadat nějaké písmenko do hledání odkud a už tam je u toho nějaký malý obrázek, takže vlastně podobné slectu...
Bubák
Profil
okoun:
takže vlastně podobné slectu...
Vždyť ti už Keeehi psal,„Jediná možnost je si vytvořit v HTML s JS něco, co vypadá jako select a také se tak i chová.
facee
Profil *
okoun:
select2.github.io/examples.html#templating

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:

0