Emoticone dans un formulaire
Résolu
organogon
Messages postés
73
Date d'inscription
Statut
Membre
Dernière intervention
-
JD. -
JD. -
Bonjour,
j'aimerais savoir comment mettre , enfin proposer des emoticones dans un formulaire
je m'explique, par exemple dans un livre d'or que quelqu'un puisse mettre une tete pour montrer s'il apprecie ou non le site .
Je cherche donc comment faire ce genre de formulaire, si quelqu'un connait un tuto
merci beacoups et bonne soirée
j'aimerais savoir comment mettre , enfin proposer des emoticones dans un formulaire
je m'explique, par exemple dans un livre d'or que quelqu'un puisse mettre une tete pour montrer s'il apprecie ou non le site .
Je cherche donc comment faire ce genre de formulaire, si quelqu'un connait un tuto
merci beacoups et bonne soirée
A voir également:
- Emoticone dans un formulaire
- Whatsapp formulaire opposition - Guide
- Emoticone gratuit - Télécharger - Vie quotidienne
- Formulaire de réclamation facebook - Guide
- Formulaire de reclamation instagram - Guide
- Emoticon - Télécharger - Messagerie
5 réponses
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
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.
