Forum PHP.pl > kolory w liscie rozwijanej

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: kolory w liscie rozwijanej

Forum PHP.pl > Forum > Po stronie przeglądarki

invx

16.06.2004, 20:44:20

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

16.06.2004, 21:01:14

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

16.06.2004, 21:06:29

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 .

kicaj

16.06.2004, 22:30:35

troche nie dokonca na temat...

Czy wie ktos jak wstawic obrazek do listy rozwijanej?

hwao

17.06.2004, 08:25:23

Cytat(kicaj_ @ 2004-06-16 23:30:35)

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

17.06.2004, 09:55:59

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

orson

17.06.2004, 12:39:40

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

22.06.2004, 08:39:20

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

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.