Autor Zpráva
Aleš Janda
Profil
Zdravím. Přišel jsem na to, jak dát styly formulářovému políčku <select>. Nevím, jestli jsem tím objevil Ameriku, ale všude se píše že to nejde, nebo na to jsou šíleně dlouhé skripty v JavaScriptu (kde ten SELECT tvoříte z gruntu znova).
Jde to mnohem jednodušeji, a ten návod dávám k dobru ;-)

Vtip je v tom, že se ty styly nenastaví v <style>, ale přes JavaScript.
Takže příklad:


<select name="vyber" id="vyber">
<option value="1">jedna</option>
<option value="2">dva</option>
<option value="3">tri</option>
</select>
<script type="text/javascript">/* <![CDATA[ */
document.getElementById('vyber').style.color='white';
document.getElementById('vyber').style.backgroundColor='#444';
document.getElementById('vyber').style.border='1px solid red';
/* ]]> */</script>


Ukázka na http://www.kyblsoft.cz/nastylovany-select

Funguje to ve všech testovaných prohlížečích, tedy IE 6, Opera 8.x, FF 1.07-1.5, vše Windows.
Podmínkou je zapnutý JavaScript.

Užívejte podle libosti ;-)

P.S.: Znal někdo tohle řešení a plácám blbosti nebo jsem fakt tak geniální? ;-)
Dero
Profil
No vidíš - a já to umím i bez JS se stejným výsledkem: http://83.240.9.14/sb.html
Anonymní
Profil *
docela jsem se pobavil :)
Aleš Janda
Profil
Dero: Tušil jsem, že nejsem tak geniální, ale že bych byl taková megalama, to se mi zase věřit nechce :-)

Jak je to možné? Vycházel jsem z
http://www.jakpsatweb.cz/formulare-4.html#css
http://diskuse.jakpsatweb.cz/index.php?action=vthread&forum=7&topic=15 766
http://diskuse.jakpsatweb.cz/index.php?action=vthread&forum=7&topic=17 497

a spousty jiných, a taky z mých zkušeností...
Jak je sakra možné, že teď to najednou funguje? Připadám si jak blázen :-)

Autor WinKecu mě zase převezl ;-)
Dero
Profil
Aleš Janda: Nu, nic si z toho nedělej, na <select> opravdu některé CSS vlastnosti aplikovat nelze, alespoň v IE ne, neboť je to prvek operačního systému.

Například z-index mu nenastavíš, ani kdyby ses rozkrájel.

A opravdu si nemysli, že jsi megalama, není vůbec ostuda se takto seknout - každému se to čas od času podaří, mnohdy i šťavnatěji. :o)

A minulost na mě nevytahuj. :o))
Aleš Janda
Profil
Tak dobře. Alespoň vím, že už to nemusím stylovat tak blbě přes JS (proč jsem to vůbec tak dělal?)

Jdu se zase zahrabat :-)

A minulost na mě nevytahuj. :o))
:o))
esemeska
Profil
:o) njn...aspon vim, ze kdybys neco noveho vymyslel, nenechas si to pro sebe:)
PS: a to se ceni!!
b.are
Profil *
pozadi slo v pohode, ale to neni v podstate tak efektni, jak bych si predstavoval, nejvic mi vadi sipka, cili kdyz na to nekdo prijde tak na forum s tim ))
YoSarin
Profil
Dero
Prosím prosím slzy roním, můžeš tu to svoje řešení ještě nějak uvést aby bylo přístupné?
Byl bych ti moc vděčný
Yo'Sarin
Toto téma je uzamčeno. Odpověď nelze zaslat.

0