kolory w liscie rozwijanej Opcje

[invx]

mam taka liste:

Kod

    <select size='1' name='kolor'>
    <option value='wybierz'>-Wybierz-</option>
    <option value='czarny'>Czarny</option>
    <option value='zielony'>Zielony</option>
    <option value='szary'>Szary</option>
    <option value='czerwony'>Czerwony</option>
    <option value='zolty'>Żółty</option>
    <option value='niebieski'>Niebieski</option>
    <option value='fioletowy'>Fioletowy</option>
    <option value='bialy'>Biały</option>
    </select>

i jak zrobic, zeby obok kazdej nawy koloru, pojawil, sie malutki prostokat, w takim kolorze jaka nazwa ?, taka lista jak jest w WordPadzie.

[hwao]

Ja wiem tylko jak zrobic mnie wiecej cos takiego
| OPTION | i jak zmienisz np na red to bedzie tak
| RED | tu img z czerwonym rysunkiem
Samego czerwonego kwadracika nie bedzie w liscie roziwjanej bo z tego co mi wiadomo to jets to nie mozliwe :]

[stoprocent]

Nie jest to dokladnie to oczym mowisz ale to jest najblizsze rozwiazanie. Po najechaniu na kolor zminia sie kolor kwadracika .

[XML] pobierz, plaintext 
<select size='1' name='kolor' onmousemove="javascript:document.getElementById('check').style.backgroundColor=this.value;">
   <option value='wybierz'>-Wybierz-</option>
   <option value='black'>Czarny</option>
   <option value='green'>Zielony</option>
   <option value='gray'>Szary</option>
   <option value='red'>Czerwony</option>
   <option value='yellow'>Żółty</option>
   <option value='blue'>Niebieski</option>
   <option value='violet'>Fioletowy</option>
   <option value='white'>Biały</option>
   </select><div style="width:10px;height:10px;" id="check">
[XML] pobierz, plaintext 

Tego diva mozesz zamienic czym chcesz tylko pamietaj o dopisaniu id .

[EDIT]

Jeszcze jest taka mozliwosc zeby kazda opcja miala inne tlo w tym kolorze :
<option style="background-color: jakiskolor;">

Sprawdzalem pod mozilla i IE i dziala ale pod opera cos nie .

@hwao

<img> nie zadziala w opcji .

Ten post edytował nasto 16.06.2004, 21:42:08

[kicaj]

troche nie dokonca na temat...

Czy wie ktos jak wstawic obrazek do listy rozwijanej?

[hwao]

troche nie dokonca na temat...

Czy wie ktos jak wstawic obrazek do listy rozwijanej?

Nie ma takiej mozliwosci moze znajdowac sie tam tylko tekst

[scanner]

KUbatron, nasto już to napisał. Nie postuj bez sensu.
Następnym razem będzie +1 warning.

[orson]

witam ...

mozesz jeszcze zastosowac takie cos :
dla option [ nie dla selecta ! ] styl: background-image:url('images/czerwony.gif') i tam obrazek z kwadracikiem po okreslonej stronie o okreslonym kolorem ... ale dziala tylo na mozilli :| ...

pozdrawiam

[rze-X-nik]

no właśnie

najlepiej by było, jakbyś zrobił coś na divach, ale to dużo zabawy. Uwierz próbowałem, dużo kodu...

A tak na marginesie:

dla odpowiedniej opcji dajesz:

background-color: #KOLOR_W_HEXACH