Comment afficher la valeur d'une image en cliquant dessus
WhiiTe
Messages postés
99
Statut
Membre
-
WhiiTe Messages postés 99 Statut Membre -
WhiiTe Messages postés 99 Statut Membre -
Bonjour CCM,
J'ai une petite question pour mon site, j'aimerai que quand je clique sur un smiley ( https://prnt.sc/7lysvt ) sa valeur ( https://prnt.sc/7lyt63 ) s'affiche dans l'input message, merci beaucoup à celui qui m'aide !!
J'ai une petite question pour mon site, j'aimerai que quand je clique sur un smiley ( https://prnt.sc/7lysvt ) sa valeur ( https://prnt.sc/7lyt63 ) s'affiche dans l'input message, merci beaucoup à celui qui m'aide !!
A voir également:
- Comment afficher la valeur d'une image en cliquant dessus
- Comment légender une image - Guide
- Transformer une image en icone - Guide
- Detourer une image en ligne - Guide
- Comment rechercher une image sur google - Guide
- Image iso - Guide
1 réponse
Bonjour,
juste histoire de vous guider sur la bonne voie:) , un peu de html5 et de jquery feront l'affaire pour l'effet désiré, puis un peu de php par la suite pourla gestion de l'affichage rendu.
Pour la partie html5 je vous conseille d'utiliser un tag dans vos image qui serait par exemple: <img src="..." class="smilemessage" data-smiley=":)" />
Pour la partie jquery qqchose comme ça:
<script>
$( "img .smilemessage" ).on( "click", function() {
monsmiley = this .data( "smiley" ) ;
monmessage = $('#iddemonchampmessage').val();
$('#iddemonchampmessage').val(monmessage + ' '+monsmiley )
});
</script>
et pour finir la partie php, vous pourriez utiliser, une fonction recursive pur remplacer les :) et :d de vos messages
(non testé mais l'esprit est là)
juste histoire de vous guider sur la bonne voie:) , un peu de html5 et de jquery feront l'affaire pour l'effet désiré, puis un peu de php par la suite pourla gestion de l'affichage rendu.
Pour la partie html5 je vous conseille d'utiliser un tag dans vos image qui serait par exemple: <img src="..." class="smilemessage" data-smiley=":)" />
Pour la partie jquery qqchose comme ça:
<script>
$( "img .smilemessage" ).on( "click", function() {
monsmiley = this .data( "smiley" ) ;
monmessage = $('#iddemonchampmessage').val();
$('#iddemonchampmessage').val(monmessage + ' '+monsmiley )
});
</script>
et pour finir la partie php, vous pourriez utiliser, une fonction recursive pur remplacer les :) et :d de vos messages
(non testé mais l'esprit est là)
Et je n'ai pas bien compris la partie JQuery, je remplace juste "iddemonchampmessage" et par "message" et c'est bon ?
<img src="" id="idchanmpimage" />
Si celui ci n'existe pas alors vous pouvez le créer et lui donner la valeur de votre choix, du moment que vous reprenez la mm valeur pour le selecteur de jQuery