Emoticone dans un formulaire
Résolu/Fermé
organogon
Messages postés
73
Date d'inscription
samedi 28 novembre 2009
Statut
Membre
Dernière intervention
7 août 2012
-
28 nov. 2009 à 22:23
JD. - 28 nov. 2009 à 23:16
JD. - 28 nov. 2009 à 23:16
A voir également:
- Emoticone dans un formulaire
- Emoticone gratuit - Télécharger - Vie quotidienne
- Emoticon - Télécharger - Messagerie
- Formulaire de réclamation facebook - Guide
- Emoticone gratuit pour sms - Guide
- Emoticone coeur vide ✓ - Forum Réseaux sociaux
5 réponses
avion-f16
Messages postés
19249
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
15 juin 2024
4 504
28 nov. 2009 à 22:41
28 nov. 2009 à 22:41
Suits ce tuto
avion-f16
Messages postés
19249
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
15 juin 2024
4 504
28 nov. 2009 à 22:35
28 nov. 2009 à 22:35
Essaye avec ça.
organogon
Messages postés
73
Date d'inscription
samedi 28 novembre 2009
Statut
Membre
Dernière intervention
7 août 2012
28 nov. 2009 à 22:38
28 nov. 2009 à 22:38
merci mais ce que j'ai expliquer ce n'etait qu'un exemple je voudrais plutot faire comme lorsque l'on redige un message sur un forum ou l'on peut inserer des emoticones simplement en clicant dessus
organogon
Messages postés
73
Date d'inscription
samedi 28 novembre 2009
Statut
Membre
Dernière intervention
7 août 2012
28 nov. 2009 à 22:45
28 nov. 2009 à 22:45
perfecto c'est exactement ca que je cherchais merci beaucoups
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Un petit code que je viens de faire rapido et qui pourra peut etre t'aider (je n'ai pas mis de test de securite dans le code php et je ne sais pas si le javascript passe sous tous les navigateurs mais c'est surtout pour que tu comprennes le principe) :
En gros j'affiche mes icones au dessus de mon formulaire. Je leur met un attribut onclick qui appel ma fonction javascript add_icone. Cette fonction prend en parametre le code texte de l'icone (=D, ;), =p etc...).
Elle rajoute ce code dans le formulaire.
Le code php transforme ces codes icones en code html pour afficher l'image correspondante.
<html> <title><title> <head> <script type="text/javascript"> function add_icone(ico) { var elem = document.getElementById("message"); var tmp = elem.value; var lentmp = tmp.length; var debcurseur = elem.selectionStart; var fincurseur = elem.selectionEnd; // place le code du smiley a la position du curseur elem.value = tmp.substring(0, debcurseur) + ico + tmp.substring(fincurseur, lentmp); // place le curseur juste apres le smiley elem.setSelectionRange(debcurseur+ico.length, debcurseur+ico.length); } </script> </head> <body> <?php // on affiche le contenu de la zone de texte if (isset($_POST['envoi'])) { $message = $_POST['message']; $message = str_replace(':)', '<img src="smile.gif" />', $message); echo $message.'<br /><hr /><br />'; } ?> <form method="post" action=""> <img src="smile.gif" onclick="add_icone(':)');" /> <br /> <textarea id="message" name="message" cols="60" rows="10"> </textarea> <input type="submit" value="Envoyer" name="envoi" /> </form> </body> </html>
En gros j'affiche mes icones au dessus de mon formulaire. Je leur met un attribut onclick qui appel ma fonction javascript add_icone. Cette fonction prend en parametre le code texte de l'icone (=D, ;), =p etc...).
Elle rajoute ce code dans le formulaire.
Le code php transforme ces codes icones en code html pour afficher l'image correspondante.