créer et lier une liste déroulante a des avatars

Shambles Le 23 décembre 2016 à 00:03 (Édité le 25 janvier 2019 à 17:52)

Bonjour déjà je m excuse car je sait pas ou poster cette question sur le forum.
Bon je commence
Voila pendant l inscription je voudrai crée une liste déroulante avec des nom des personnages dedans, et a chaque fois que je clic sur un nom de personnage différent l avatars change.
Et une fois l inscription valider je souhaiterais que l avatars choisis soi automatiquement insérer sur la page mon compte en tant q avatars.
Cordialement merci.

TheOldNoob Le 23 décembre 2016 à 01:01

Salut l'ami,
Tu veux faire ça sur un site web ou sur un logiciel? Si c'est juste pour un site, il faut faire ça en php, car ça va être une gestion simple de choix multiple.

Shambles Le 23 décembre 2016 à 01:14

merci de m avoir répondut
sa serait pour un site web
peut tu m expliquer les démarche a suivre ?

TheOldNoob Le 23 décembre 2016 à 08:04

Alors, c'est pas super compliqué, je te donne des indices et je te laisse chercher sur le net 😀

Tu va devoir faire ton formulaire, puis dedans tu y mettra la balise <select>, puis lui mettre un name(très important)
Pour récupérer la valeur choisi par ton utilisateur, tu doit utilisé la méthode POST ou GET

Shambles Le 23 décembre 2016 à 21:11

ok merci
mais je fait comment pour insérer des image pour chaque nom différent ?

TheOldNoob Le 23 décembre 2016 à 22:39

Dans le menu déroulant, je pense pas que se soit possible. Du coup, je conseil plus de faire un menu a puce ou tu pourra afficher une image et l'utilisateur choisira son avatar. C'est ce qui se fait le plus souvent sur les forums.

Balatharas Le 23 décembre 2016 à 22:44

Je crois qu'il veut aussi afficher sur la page d'inscription l'avatar choisi, avant la validation.
Genre quand on choisit l'option 1, l'avatar 1 apparait, quand on choisit l'option 2, l'avatar 2 apparait, et ce sans avoir a valider quoi que ce soit (sans actualisation). J'ai bien compris ?

Shambles Le 24 décembre 2016 à 00:55

C'est exactement sa et quand l avatard est choisis et l inscription valider
l image de l avatars choisis doit etre automatiquement afficher sur le compte
merci

TheOldNoob Le 24 décembre 2016 à 01:04

Si c'est le cas, tu peu faire ça avec un peu de jQuery en utilisent la fonction hide au click pour avoir un événement de popup d'une div avec l'avatar. Je l'ai fait sur le site d'un musicien qui a plusieurs groupes afin de voir le nom des musiciens puis quand tu clic la fiche complète avec photo apparaît.
Après, libre a toi de voir pour un menu a puce ou un menu déroulant dés l'instant que la personne sais quel avatar correspond.

Shambles Le 24 décembre 2016 à 09:47

Oke merci Sa serai possible d avoir un tuto pour sa ?
Merci

TheOldNoob Le 24 décembre 2016 à 10:04

Pour tes avatar tu peu faire des miniatures avec un hoover dessous afin de les aggrandire au passage de la souris ou au clic.
Pour le reste c'est du php avec un menu a puce.

Balatharas Le 24 décembre 2016 à 15:22

Pour assigner l'avatar:
Tu met un name a ton select et dans tes options tu met en value "avatar1.png", "avatar2.png" etc..
Ensuite tu crée une variable:

$avatarChoisi = htmlspecialchars($_POST['tonselect']);

Et tu insères normalement dans ta bdd..
Pour l'affichage je crois que tu peux utiliser un attribut onChange
Je suis très nul en JS donc je sais pas du tout ^^

coucougael94 Le 24 décembre 2016 à 21:31 (Édité le 24 décembre 2016 à 21:45)

Les flemmards sur ce forum...

<select id="f_selectTrie" onchange="javascript:changeAvatar()">
<option value="avatar1" selected class="f_combo_trie">Avatar</option>
</select>
<img src="avatar1.png" alt="avatar" id="avatar">

          function changeAvatar()
          {
              var text=document.getElementById('f_selectTrie').options[document.getElementById('f_selectTrie').selectedIndex].value;
              document.getElementById('avatar').src=text;
          }

TheOldNoob Le 24 décembre 2016 à 21:52

C'est pas question de flemmardise, bien au contraire, mais si on commence a pondre le code pour chaque demande on va en avoir de plus en plus.

Sans compté qu'on est la pour s'entraider, si on code pour les gens sont sont normalement là pour apprendre, ils n'apprendrons jamais.

Pour finir, pondre un code, c'est un job, et tout travail mérite salaire !

Shambles Le 25 décembre 2016 à 15:13

je vous remercie pour votre aide ^^

Balatharas Le 25 décembre 2016 à 15:20

Hello !
Désolé @coucougael94 je peux pas te laisser dire ça, on est pas des flemmards, comme l'a dit @TheOldNoob c'est un forum d'entraide, et pas un échange entre un client qui veut un site et un employé qui est payé pour le lui programmer 😋. Je veux pas être méchant, mais tu est beaucoup moins ancien que nous sur ce forum, je pense qu'on connait mieux la manière d'aider ceux qui postes ici.
Bien sûr je me répète, je parle sans mechanceté 😉.
Pour en revenir au sujet du topic, @Shambles si ton problème est résolu, clique sur le bouton Résolu en haut du topic 😜

Shambles Le 26 décembre 2016 à 15:12

Il est pas encor resolut on ma donner le code mais je ne le comprend pas.
Peux ton me l expliquer point par point.
Merci

Échange

Articles / Vidéos

Ressources