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
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
A voir également:

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
Suits ce tuto
2
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
Essaye avec ça.
0
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
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
0
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
perfecto c'est exactement ca que je cherchais merci beaucoups
0

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) :


<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.
0