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

j'ai j'éssayé mais sans succès

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

Salut !

Super simple !

tu rajoute :

Code : Tout sélectionner

onchange="if (VersionNavigateur(3.0,4.0)) imgdepart.src=form.listeImg1.options[form.pays.selectedIndex].value;"

dans la balise "select"
__
juste à coté, tu met une image vide de la taille de tes drapeaux et dans la balise img, tu met :

Code : Tout sélectionner

name="imgdepart"

__
Mais par contre, il faut mettre le chemin de l'image du pays dans les "value", je ne sais pas si sa va te poser problème.... à toi de voir !
exemple :

Code : Tout sélectionner

<option value="drapeaux/afghanistan.gif">Afghanistan</option>
<option value="drapeaux/albanie.gif"">Albanie</option>
<option value="drapeaux/andorre.gif"">Andorre</option>

etc, etc....

Bonne Chance !

Bonjour,

Oui sa me pose un problème de mettre le lien dans le value car il enregistre le nom du drapeau dans ma base de donné pour le mettre dans le profil du membre et le nom me sert a mettre une info bulle sur le drapeau et la dans l'info sera marqué le chemin de l'image donc cela ne vas pas aurait-il pas moyen de le mettre dans le onchange

Et puis cela ne fonctionne pas

Voici ce que j'ai fait

Code : Tout sélectionner

<select name="pays" onchange="if (VersionNavigateur(3.0,4.0)) imgdepart.src=form.listeImg1.options[form.pays.selectedIndex].value;">
         <option value="bank" selected="selected">Choisissez</option>
         <option value="images/flags/afghanistan.png">Afghanistan</option>
         <option value="images/flags/albania.png">Albanie</option>
         <option value="images/flags/andorra.png">Andorre</option>

Code : Tout sélectionner

<img src="" name="imgdepart" border="0" />

Mais aucun drapeau ne s'affiche

tu n'a pas oublier de refermer ta balise "select" au moin ???
a essaye de le mettre entre form et form

pour le value, je penser bien que sa aller te géner...
sinon, regarde du coté du javascript, et peut-être, étudi les possibilité du css, c'est pas trop mon truc, mais il peut-y avoir des fonctions interresante...

Et si tu a déjà vu se genre de système sur un autre site, bé... regarde le script en fesant "Afficher la source" avec ie... sinon, si je vois un truc du genre, je t'en ferait part...

A! , Et PS: si tu est avec Opera, sa marche pas....

Non je n'ai pas oublié de la refermer la balise select.

Oui j'ai déjà ça sur un forum phpbb avec le mod de reddog j'ai essayé sa méthode qui est comme la tienne mais sa ne fonctionne pas non plus.

Et coté java je sais pas je vais aller poster dans la section java et on vera bien

je te remerci de ton aide

ce n'est pas dans le value de la balise <option> qu'il faut mettre l'adresse de l'image

Sans être convaincu que ça va fonctionner, j'aurais essayé

Code : Tout sélectionner

<select>
  <option value="nom_du_pays"><img src="chemin/vers/image/du/nom_du_pays.jpg" /></option>
</select>

C'est bon on as trouver en javascript

Car je voulais que dans la liste on voit la liste des pays et je voulais un preview du drapeau juste a coté du select

mais merci quand même

bé en cas, le drapeau, tu le met dans le select, sa fais bien aussi, comme sa, le mec il choisi son pays directement en regardent les drapeaux ! (et lenom du pays juste à côté)

nan serieux,

PS: A mon avi, sans utiliser l'opiton "value" , c'est pas possible... franchement...

mais en utilisant l'attribut value, tu casses la sémantique du code et c'est un nid à bug

lol

, j'adore l'expression "c'est un nid à bug"
tout à fait raison !

Forum d'entraide PHPFrance

prévualisation d'un select

prévualisation d'un select