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
- Légender une image - Guide
- Image iso - Guide
- Transformer une image en icone - Guide
- Image de manchots sur une image de plage. - Forum Graphisme
- Comment rechercher une image sur google - 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