Visualizzare dinamicamente immagine in select option

[Pierhagi]

Ciao

non si può mettere un immagine nella select option accanto ad ogni valore che estraggo dinamicamente da database?

<select name="LINGUA">

   <% While Not rs.EOF %>

   <option value="<%=rs("NOME_LINGUA")%>">
      <%=rs("NOME_LINGUA")%> - [img]<%=rs([/img]" />
   </option>

   <% 'Vai al prossimo
         rs_lingua.MoveNext
         Wend %>

</select>

Nel campo rs("NOME_LINGUA") c'è il nome della lingua e in rs("PERCORSO_BANDIERA") c'è il percorso dell'immagine:

/public/image/italia.gif


Ho trovato e provato l'esempio seguente ma non è quello che voglio xchè non voglio mettere l'immagine sullo sfondo:

<option style="background:url(immagine1.gif) no-repeat 0,0;">Ciao</option>
<option style="background:url(immagine2.gif) no-repeat 0,0;">Miao</option>
<option style="background:url(immagine3.gif) no-repeat 0,0;">Bau</option>

[cavicchiandrea]

Se la soluzione background non ti soddisfa dovrai cercarti (crearti) una pseudo select con css/js o jquery perché le option non supportano immagini al loro interno

[Pierhagi]

Ciao

ho trovato questa soluzione per visualizzare un'immagine all'interno di una select option, in questo caso è una bandierina della lingua.

Con questa prima select recupero i valori della bandierina all'interno di un recordset e la visualizzo così:

<select>
<option value="" id="tbn_img_bandiera" style="background:url(<%=rs("IMG_BANDIERA")%>) no-repeat;"><%=rs("NOME")%></option>
</select>

Visto che utilizzo questa select in un form di invio dati, in caso di mancato inserimento dati nel modulo, recupero i valori in una variabile:

nome=trim(replace(request.form("NOME"), "'", "''"))
img_bandiera=trim(replace(request.form("IMG_BANDIERA"), "'", "''"))

quindi recupero i dati con questa select:

<select>
<option value="" id="tbn_img_bandiera"  style="background:url(<%=img_bandiera%>)  no-repeat;"><%=nome%></option>
</select>

purtroppo l'immagine richiamata attraverso la variabile "img_bandiera", non funziona, nel senso che l'immagine non si visualizza, xrò vedo il percorso e il nome dell'immagine in formato testo.

Potete aiutarmi?

[cavicchiandrea]

prova cosi
<option value="" id="tbn_img_bandiera" style="background-image:url(<%=img_bandiera%>) no-repeat;"><%=nome%></option>

[Pierhagi]

Ciao

ho fatto come mi hai detto ma non va lo stesso!

Il problema è che il valore di "img_bandiera" non viene inserito all'interno di:

<option value="" id="tbn_img_bandiera"  style="background:url()  no-repeat;"><%=nome%></option>

Detto questo ho provato questo codice per risolvere:

<% 
img_bandiera = Response.Write(img_bandiera) %>
bandierina = "style=""background:url(img_bandiera)"""
%>

<option value="" id="tbn_img_bandiera"  style="background:url(img_bandiera)"><%=nome%></option>

...ho risolto inserendo del "valore" in bacground ma non mi vede quel img_bandiera come variabile e quindi non estrae il percorso dell'immagine!!

Avete qlc idea?...io finite!!!

[optime]

manca l'apici

style="background-image:url('<%=img_bandiera%>') no-repeat;"

[Pierhagi]

no, non va!

Ho provato come mi hai suggerito:

<% bandierina = "style=""background-image:url('<%=img_bandiera%>')""" %>

...ma mi da errore xchè gli da fastidio la chiusura del %>...l'errore è questo:

Microsoft VBScript compilation error '800a0409'

Unterminated string constant


tra l'altro ho trovato in rete una discussione simile dove hai risposto anche tu, ma non ha soluzione:
http://forum.html.it/forum/showthrea...eadid=1483623&

Allora ho provato così:

  <% bandierina = "style=""background-image:url('Response.Write(img_bandiera)')""" %>

perchè così:

<option .....style="background-image:url('Response.Write(img_bandiera)')">

quindi non vede di nuovo la variabile.

[optime]

ma sei dentro codice asp, le stringhe vanno concatenate!

<% bandierina ="style=""background-image:url('" & img_bandiera & "')""" %>

ammesso che img_bandiera sia valorizzata correttamente

[Pierhagi]

no, con questo:

<% bandierina ="style=""background-image:url('" & img_bandiera & "')""" %>

ottengo questo:

<option value="31-Italian-it-/public/image/icone/bandiere/lingue/Italy.png---" id="tbn_img_bandiera" style="background-image:url('')">

ottengo vuota questa stringa: style="background-image:url('')"

xrò, nel value, vedi che prende il valore della bandierina:

/public/image/icone/bandiere/lingue/Italy.png

[optime]

te l'avevo detto! ammesso che img_bandiera sia valorizzata correttamente, cosa che evidentemente non è. controlla