Smiley dans vos pages

Contenu du snippet

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> 
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 / Exemple :


<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

A voir également

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.