Pulsante select con immagini in php

**LuKa7990** · 29-02-2012, 23:01

Ciao a tutti,

Sto realizzando un form in php e mi servirebbe mettere un pulsante di scelta dove è possibile scegliere un valore tra le varie opzioni disponibili, ma al posto delle solite scritte tra cui scegliere (come i nomi dei continenti nel mio esempio) cliccando su tale pulsante dovrebbe apparire un'elenco di immagini da cui poter scegliere il valore desiderato (in questo caso le relative bandiere degli stati) naturalmente il tutto deve poter inviare i dati raccolti in una pagina.php che elaborera il tutto e potra stampare il risultato ottenuto, è una cosa possibile? Se si come potrei realizzarla?

Grazie a chiunque voglia aiutarmi.

Questo è il mio codice.

codice:


<!DOCTYPE html>

<html lang="en-US">

<head>

<title>Prova</title>

</head>



<body>

<form action="demo.php" method="post" target="view">

<label for='formCountry'>Select your country of residence</label>

	<select name="formCountry">
		<option value="">Select a country...</option>
		<option value="US">United States</option>
		<option value="UK">United Kingdom</option>
		<option value="France">France</option>
		<option value="Mexico">Mexico</option>
		<option value="Russia">Russia</option>
		<option value="Japan">Japan</option>
	</select> 

<input  name="submit" type="submit" value="Prova Codice" onclick="displayad()">

</form>


</body>

</html>

**nivasio** · 29-02-2012, 23:13

prova a mettere un immagine come sfondo allo stile dell'option, tipo così
<option style="
background-image: url(...........

non so se funziona con tutti i browser, cmq è una domanda da css non da php

**LuKa7990** · 29-02-2012, 23:34

Non funziona

**maxmozz** · 29-02-2012, 23:55

Non funziona inserendo direttamente l'immagine nel tag "option"?

codice:

<option>[img]link_immagine[/img]</option>

**LuKa7990** · 29-02-2012, 23:57

No non la vede lo stesso, se la inserisco direttamente nel tag option nel momento in cui vado a cliccare sul pulsante mi lascia uno spazio vuoto senza scritte ne immagini.

**nivasio** · 01-03-2012, 00:02

qui usa quello che dicevo io, http://binnyva.blogspot.com/2006/01/...ptions-in.html

**LuKa7990** · 01-03-2012, 00:22

Ho visto, ma a me continua a non funzionare, ho anche provato ad inserire le immagini di varia grandezza ma niente, non me le fa visualizzare

**nivasio** · 01-03-2012, 00:25

ma usi mica ie? non funziona con ie purtroppo le select non sono tanto personalizzabili, a me funziona con firefox

**LuKa7990** · 01-03-2012, 00:29

ie? Perche lo producono ancora?

No no utilizzo chrome e safari e non si vede nulla, in effetti adesso ho provato con firefox e va ma parzialmente perche se metto un'immagine troppo alta la fa vedere solamente una certa parte.

**nivasio** · 01-03-2012, 00:42

beh è logico che devi mettere un icona della bandiera e non un bandierone

Discussione: Pulsante select con immagini in php

Strumenti discussione

Ricerca discussione

Visualizza

Pulsante select con immagini in php

Permessi di invio