Forum d'entraide PHPFrance

Rebonjour voila pour mon espace membre le membre peut choisir son pays d'origine mais je voudrais faire un preview du drapeau juste a coté de la liste déroulante

Y aurait-il une possibilité en java car en html sa ne fonctionne pas et mon value doit obligatoirement rester telle quelle

voici le code de mon select

Code : Tout sélectionner

<select name="pays">
         <option value="afghanistan">Afghanistan</option>
         <option value="albania">Albanie</option>
         <option value="andorra">Andorre</option>
         <option value="argentina">Argentine</option>
         <option value="armenia">Arménie</option>
         <option value="australia">Australie</option>
         <option value="austria">Autriche</option>
         <option value="azerbaijan">Azerbaïdjan</option>
         <option value="bangladesh">Bangladesh</option>
         <option value="belgium">Belgique</option>
         <option value="bolivia">Bolivie</option>
         <option value="brazil">Brazil</option>
         <option value="cameroon">Cameroon</option>
         <option value="canada">Canada</option>
         <option value="china">Chine</option>
         <option value="czechrepublic">Rép. Tchèque</option>
         <option value="denmark">Danemark</option>
         <option value="dominicanrep">Rép. Dominicaine</option>
         <option value="egypt">Egypte</option>
         <option value="finland">Finlande</option>
         <option value="france">France</option>
         <option value="germany">Allemagne</option>
         <option value="greece">Grèce</option>
         <option value="hong_kong">Hong Kong</option>
         <option value="hungary">Hongrie</option>
         <option value="iceland">Islande</option>
         <option value="india">Inde</option>
         <option value="indonesia">Indonésie</option>
         <option value="iran">Iran</option>
         <option value="iraq">Iraq</option>
         <option value="ireland">Irlande</option>
         <option value="israel">Israël</option>
         <option value="italia">Italie</option>
         <option value="ivorycoast">Côte d\'Ivoire</option>
         <option value="jamaica">Jamaïque</option>
         <option value="japan">Japon</option>
         <option value="jordan">Jordanie</option>
         <option value="luxembourg">Luxembourg</option>
         <option value="mexico">Mexique</option>
         <option value="monaco">Monaco</option>
         <option value="netherlands">Pays Bas</option>
         <option value="newzealand">Nouvelle-Zélande</option>
         <option value="nicaragua">Nicaragua</option>
         <option value="niger">Niger</option>
         <option value="nigeria">Nigeria</option>
         <option value="norway">Norvège</option>
         <option value="pakistan">Pakistan</option>
         <option value="panama">Panama</option>
         <option value="papuanewguinea">Papouasie-Nlle Guinée</option>
         <option value="paraguay">Paraguay</option>
         <option value="philippines">Philippines</option>
         <option value="poland">Pologne</option>
         <option value="portugal">Portugal</option>
         <option value="quebec">Québec</option>
         <option value="romania">Roumanie</option>
         <option value="russia">Russie</option>
         <option value="senegal">Sénégal</option>
         <option value="singapore">Singapour</option>
         <option value="slovakia">Slovaquie</option>
         <option value="slovenia">Slovénie</option>
         <option value="spain">Espagne</option>
         <option value="sweden">Suède</option>
         <option value="switzerland">Suisse</option>
         <option value="taiwan">Taïwan</option>
         <option value="tunisia">Tunisie</option>
         <option value="turkey">Turquie</option>
         <option value="uk">Grande-Bretagne</option>
         <option value="ukraine">Ukraine</option>
         <option value="uruguay">Uruguay</option>
         <option value="usa">Etats-Unis</option>
         <option value="vietnam">Vietnam</option>
</select>

Merci d'avance

attention!! http://www.phpfrance.com/forums/voir_sujet-5901.php

Sinon pour ton soucis, je ne vois pas d'autres solution que de faire un tableau associatif entre les valeurs de ton value et une url d'image...
ça sera un peu long certes mais bon...

Dsl pour le java

Je comprend ta méthode avec un tableau et c'est pas grave si c'est long du moment que cela donne ce que j'aimerais c'est bon

Aurai tu un exemple que je puisse tester stp

En fait on doit pouvoir faire un truc qui remplace l'URL de l'image par la valeur du select. Par exemple, en imaginant que tes drapeaux soit stockés à l'URL http://www.example.com/img/drapeaux/france.png ta balise <select> ressemblera à

Code : Tout sélectionner

<select name="pays" onchange="javascript:document.getElementById('monimage').src='http://www.example.com/img/drapeaux/'+this.value+'.png'">

C'est très rudimentaire, mais ça fonctionne. Il ne faut pas oublier d'affect un "id" à ton image, sans oublier une image par défaut (un truc transparent par exemple).

Code : Tout sélectionner

<img id="monimage" src="transparent.png" />

Cela fonctionne a merveille Hubert Roksor

Je te remercie beaucoup

Forum d'entraide PHPFrance

prévualisation d'un select

prévualisation d'un select