Combobox e immagini

[exetera]

Salve a tutti!
Ho fatto una ricerca sul forum ma non ho trovato indicazioni circa il mio problema.
Dovrei fare una combobox in cui, oltre al testo, compaia un'iconcina che identifica lo stato dei miei oggetti nella combobox.
Se ad esempio fosse un negozio di dischi, cliccando sulla combobox vorrei che mi apparisse l'elenco dei dischi e accanto ad ogni disco un'immagine che mi dica se il disco è affittato, venduto o libero.
Esiste un modo utilizzando le combobox html? Se non si può, che alternative ho?

Grazie a quanti mi risponderanno!

[seed_squall_it]

Quesito molto interessante il tuo...non ci avevo mai pensato. Ho appena provato e posso dirti che Firefox 1.5.0.6 supporta senza problemi la dichiarazione di background-image per gli elementi <option> del menu (magari abbinandola con una line-height). IE 6 invece, come sempre, non riesce a farne una di giusta e ignora il tutto. Quindi penso che ti converrà cercare qualche menu a tendina in JavaScript che permette di associare delle immagini di sfondo a fianco delle voci.

PS: non avrò pace finché quell'indecenza di IE 6 non sparirà dalla faccia della terra! Tra bug di sicurezza e di interpretazione CSS, penso sia il browser (e "browser" è un complimento!) che ha veramente toccato il fondo.

[exetera]

Grazie per la tua risposta...
E' possibile almeno formattare il testo all'interno di una combo,per esempio una riga rossa, una gialla, etc etc...???

[seed_squall_it]

Con background-color e color nelle option, penso proprio di sì.

[exetera]

quindi così dovrebbe funzionare?

<select name="idPreventivo" onChange="aggiornaSrc();" background-color="#FFFFFF">
<optgroup label=" ID (data)">
<c:forEach var="preventivo" items="${sessionScope.resultPreventiviPaziente}" varStatus="i">
<option color ="#FF0000" selected value="${preventivo.id_preventivo}" >${preventivo.id_preventivo} (${preventivo.data})</option>
</c:forEach>
</select>

e perchè non funziona??

[seed_squall_it]

Ehm...in effetti avevo scritto "penso proprio di sì"...non ti funziona su IE per caso? Perché è probabile che allora sia solo l'elemento <select> ad accettare quelle regole, non i singoli elementi <option>...

[exetera]

No veramente non mi funziona su firefox, IExplorer non ce l'ho ma proverò.
sai consigliarmi un posto dove trovare i javascript che mi consigliavi prima?
Grazie

[nuky]

Originariamente inviato da exetera
quindi così dovrebbe funzionare?

<select name="idPreventivo" onChange="aggiornaSrc();" background-color="#FFFFFF">
<optgroup label=" ID (data)">
<c:forEach var="preventivo" items="${sessionScope.resultPreventiviPaziente}" varStatus="i">
<option color ="#FF0000" selected value="${preventivo.id_preventivo}" >${preventivo.id_preventivo} (${preventivo.data})</option>
</c:forEach>
</select>

e perchè non funziona??

Non funziona perché devi modificare l'aspetto delle option, quindi hai bisogno dei CSS:
Non devi scrivere color="#FF0000", ma style="color:#FF0000;"