Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

SMILEY DANS VOS PAGES


Information sur la source

Catégorie :Formulaires Niveau : Débutant Date de création : 16/02/2004 Vu : 4 078

Note :
8,5 / 10 - par 6 personnes
8,50 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10

Commentaire sur cette source (24)
Ajouter un commentaire et/ou une note

Description

Et oui la mode c'est de mettre des petits trucs qui servent à pas grand chose sur les livre d'or et forum...
Voici donc to code pour que toi aussi tu puisse avoir ce gadget ;)

Voici le javascript à mettre dans ta page. Fais bien gaffe c'est du javascript pas du html !
<script language='JavaScript'>
<!--
var nom;
function inserticon(nom){
var temps;
temps=form1.message.value;
temps=temps+''+nom+''
form1.message.value=temps;
}
//-->
</script>

Comme tu peu le voir, pour que ce script marche, il faut que ton formulaire ce plis à quelques règles bien simple:
- les champs de texte dans lequel tu vas mettre des smileys est un textaera
- il s'appellera "message"
- le nom du form est form1
le nom de ton form est ici :
<form name="form1" method="post" action="">

Voici maintenant le code pour faire apparaitre le code de tes smileys dans ton champ de texte :
    <a onclick='inserticon(":-)");'><img  src='smiley/icon1.gif'></A>&nbsp
Donc ici on fait un lien vers le smiley pour que grace au javascript, on insère le code du smile :-)
Maintenant, il te faut transorfmer ton signe :-) en image !

Comment faire ? simple, tu utilise la fonction
   $messagentrance = str_replace(':-)','<img src="smiley/icon1.gif">',$messagentrance);

Donc la on remplace le :-) en <img src="smiley/icone1.gif"> !
Maintenant à toi de faire sa pour les autres smileys
 

Source

  • <script language='JavaScript'>
  • <!--
  • var nom;
  • function inserticon(nom){
  • var temps;
  • temps=form1.message.value;
  • temps=temps+''+nom+''
  • form1.message.value=temps;
  • }
  • //-->
  • </script>
  • <a onclick='inserticon(":-)");'><img src='smiley/icon1.gif'></A>&nbsp
  • $messagentrance = str_replace(':-)','<img src="smiley/icon1.gif">',$messagentrance);
 <script language='JavaScript'>
<!--
var nom;
function inserticon(nom){
	var temps;
	temps=form1.message.value;
	temps=temps+''+nom+''
	form1.message.value=temps;
}
//-->
</script>  

 <a onclick='inserticon(":-)");'><img  src='smiley/icon1.gif'></A>&nbsp

 $messagentrance = str_replace(':-)','<img src="smiley/icon1.gif">',$messagentrance);

Conclusion

Toutes mes source sur http://forum.free-bb.com/index-209.html
 

Commentaires et avis

signaler à un administrateur
Commentaire de Samiby le 17/02/2004 10:28:36

Merci beaucoup.
C'est exactement ce que je cherchais.

signaler à un administrateur
Commentaire de Samiby le 17/02/2004 10:35:49

Et ça marche, sans problème, et c'est simple.
Donc 10/10

signaler à un administrateur
Commentaire de Samiby le 17/02/2004 10:38:47

Par contre, si on veut ajouter une balise du type : [gras][/gras], quelqu'un sait comment placer le le curseur entre les 2 balises ?
Ca doit être cimple, mais je suis nul.

signaler à un administrateur
Commentaire de scull le 17/02/2004 12:05:45

cela revient à changer la fonction javascript qui n'est pas trés poussé dans cette exemple...

signaler à un administrateur
Commentaire de koko le 17/02/2004 16:41:15

pour un seul smiley ca va... mais quand tu en as 5 ou 10, ca prend vite beaucoup de temps !!!

petit exemple :
$img = array(':o)' =&gt; 's1.gif',
...
  ':ange:' =&gt; 's27.gif',
  ':P' =&gt; 's28.gif' );
//LA boucle
foreach ( $img as $key=&gt;$contenu )
{
// $key est le smiley, $contenu le nom de l'image
$text = str_replace($key,'&lt;img src="img/'.$contenu.'"&gt;',$text);
}

et ca va beaucoup plus vite si il y a beaucoup de smileys :)
(désolé d'avoir cassé ton code ;))

signaler à un administrateur
Commentaire de scull le 17/02/2004 17:54:43

sa ce veu ètre simple ;)

signaler à un administrateur
Commentaire de tiffosy le 13/03/2004 22:51:57

je comprend po ?????
j'aimerai utiliser cette fonction mais j'utilse phpgraphy . Est-ce possible et si oui comment ???

signaler à un administrateur
Commentaire de nico606 le 17/04/2004 12:54:47

je comprend pa pour quoi tu mais $messagentrance et pa juste $message ???????????????

signaler à un administrateur
Commentaire de JuJuLoL le 09/08/2004 20:33:37

$messagentrance = str_replace(':-)','<img src="smiley/icon1.gif">',$messagentrance);


euh lol j'ai aps pigé où on met sa, oon fait
<? $messagentrance = str_replace(':-)','<img src="smiley/icon1.gif">',$messagentrance); ?>

???

signaler à un administrateur
Commentaire de JuJuLoL le 09/08/2004 20:36:28

na c'est bon dsl =)

signaler à un administrateur
Commentaire de babou6a le 05/11/2004 18:53:28

J'ai fait exactement pareil mais ça marche po ! :
...
...
...
    </head>
<script language='JavaScript'>
<!--
var nom;
function inserticon(nom){
    var temps;
    temps=method.message.value;
    temps=temps+''+nom+''
    method.message.value=temps;
}
</script>
    <body>
...
...
...
<a onclick='inserticon(":-)");'><img   src='content.bmp'></A>&nbsp

<?
$message = str_replace(':-)','<img src="content.bmp">',$message);
?>

Help !!!

signaler à un administrateur
Commentaire de scull le 05/11/2004 21:26:15

Rassure moi tu as pas mit
<?
$message = str_replace(':-)','<img src="content.bmp">',$message);
?>
en bas de la page qui contient le formulaire ?

signaler à un administrateur
Commentaire de babou6a le 06/11/2004 20:04:44

Ben en fait si, mais là ça marche, qu'on on met :) dans le champs message, apres ça affiche bien le smiley...le probleme c'est pour inserer automatiquement le :) dans le champs message quand on clique sur l'image faite pour... J'ai defini la fonction javascript en haut ( apres le body)...apres je gere ma base de donnée...et a la fin j'ai mi mon formulaire et la j'ai mis mon
<a onclick='javascript:inserticon(":)");'><img src='Smiley/content.png'></a>

Je vois vraiment pas ou ça cloche !

signaler à un administrateur
Commentaire de JuJuLoL le 06/11/2004 20:12:15

<script language='JavaScript'>
<!--
var nom;
function inserticon(nom){
    var temps;
    temps=method.message.value;
    temps=temps+''+nom+''
    method.message.value=temps;
}
</script>



il faut que l'endroit où tu veux que sa s'inserre s'appel nom
par exemple
<textarea name="nom">.........</textarea>

signaler à un administrateur
Commentaire de babou6a le 07/11/2004 13:18:49

t'es sure ? je pense que la variable nom c'est celle qui contien le code text du smiley ( du genre :-) a inserer dans le message )
Ce que j'ai compri c'est que method c'est le nom du formulaire, message c'est le nom du champs message... ça m'enerve cette histoire ! je comprends vraiment pas pourquoi ça ne marche pas ! c'est incroyable !

signaler à un administrateur
Commentaire de JuJuLoL le 07/11/2004 17:02:22

bah sinon viens sur MSN (LoLJuJu@hotmail.com) et j'essay de t'aider, mais k'te garantis rien :s

signaler à un administrateur
Commentaire de babou6a le 08/11/2004 10:25:42

c bon en fait , merci j'ai trouvé le truc (ct une betise !!)

signaler à un administrateur
Commentaire de mow182 le 24/12/2004 02:23:50

Bonjour a tous
deja merci pour ces codes :)
bon en ce qui concerne la parti JS j'ai saisi :)
mais par conter pour le petit bout de code str_replace je voit pas trop ou le mettre :s
je m'explique les messages sont posté depuis 2 textaera un new topic et un new reponse
les messages sont stocké sur une page lecture
je place le code str_replace sur la page lecture et ce code n'a aucun effet ?
je dois faire une fausse manip je pense

signaler à un administrateur
Commentaire de xXMoPXx le 03/03/2005 12:36:37

Impec ton code, je l'ai inclus dans un tag board perso.

Y a juste un hic, avec IE ton code passe nickel, par conter avec firefox niveau javascript ca foire.

Solution : remplacer form.message.value par document.forms['form'].message.value, et ca passe aussi bien sous firefox que sous IE :)

signaler à un administrateur
Commentaire de Lours38 le 08/06/2005 13:53:39

Il est bien ce code mais il marche pas sous firefox !

signaler à un administrateur
Commentaire de Lours38 le 08/06/2005 19:23:57

en féte il marche sous firefox si on remplace form.message.value par document.forms['form'].message.value, comme la dit xXMoPXx...

signaler à un administrateur
Commentaire de kyss le 05/11/2005 15:21:50

mon script :
var message;
function inserticon(message){
    var temps;
    temps=form1.comm.value;
    temps=temps+''+message+''
    form1.comm.value=temps;
}
---------------
mon code :
<a onclick='inserticon(":-)");'><img src="<%dir%/images/icon.gif"></A>&nbsp

<form name=form1 action='<%dir%>index.php' method=post>
<input type=hidden name=req value=view>
<input type=hidden name=act value=comm>
<input type=hidden name=user value='<%mm_user%>'>
<input type=hidden name=id value=<%mm_id%>>
<textarea class=commarea name=comm cols=60 rows=4></textarea>
<br>
<input class=button type=submit name=sm value='<%_submit%>'>
<? $en['mess'] = str_replace(":-)",'<img src="<%dir%/images/icon.gif">',$en['mess']); ?>

</form>
------------------------
et ça ne marche pas... qqun voit qqch d'anormal ?

signaler à un administrateur
Commentaire de kyss le 05/11/2005 15:32:27

le problème est que lorsque je clique sur l'icon.gif  le ":-)" apparait bien dans la fenêtre mais lorsque je valide le formulaire au lien d'avoir mon gif qui s'afficge j'ai " :-)"

signaler à un administrateur
Commentaire de fdiedler2000 le 13/04/2007 11:15:49

salut,

moi j'ai un pb avec ca :

<? $message = str_replace(':-)','<img src="smiley/icon1.gif">',$message); ?>

je sias pas ou le mettre ? je l'ai mis juste avant la balise "/form" mais ca marche pas...

Dans l'interface graphique, j'ai un "',$message); ?>" qui apparait !!!

HELP please

Ajouter un commentaire



Nos sponsors

Sondage...

CalendriCode

Janvier 2009
LMMJVSD
   1234
567891011
12131415161718
19202122232425
262728293031 

Consulter la suite du CalendriCode

Appels d'offres



Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel BAÏSE, Merci à Vincent pour ses précieux conseils
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés
Temps d'éxécution de la page : 0,328 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.