J'ai un problème pour insérer des smiley dans un textarea lors du clique sur l'image du smiley.
J'ai trouvé et adapter un code qui marche bie"n, mais seulement si il y a jamais la page de recharger, sinon apres on clique et il se passe plus rien ?!
Mon code qui marche quand il a le temps =>
Code : Tout sélectionner
<textarea id="message" name="message" type="text" rows="2" cols="60" wrap="soft"></textarea>
<script type='text/javascript' src='http://code.jquery.com/jquery-1.5.2.js'></script>
<script type='text/javascript'>
$('#emoticons a').click(function(){
var smiley = $(this).attr('title');
$('#message').val($('#message').val()+" "+smiley+" ");
});
}
</script>
<div id="emoticons">
<a href="#" title="::smile::"><img alt="smile" border="0" src="smiley/smile.png" /></a>
<a href="#" title="::colere::"><img alt="colere" border="0" src="smiley/colere.png" /></a>
<a href="#" title="::surprise::"><img alt="surprise" border="0" src="smiley/surprise.png" /></a>
<a href="#" title="::lol::"><img alt="lol" border="0" src="smiley/lol.png" /></a>
<a href="#" title="::burn::"><img alt="burn" border="0" src="smiley/burn.png" /></a>
<a href="#" title="::confused::"><img alt="confused" border="0" src="smiley/confused.png" /></a>
<a href="#" title="::cool::"><img alt="cool" border="0" src="smiley/cool.png" /></a>
<a href="#" title="::cry::"><img alt="cry" border="0" src="smiley/cry.png" /></a>
<a href="#" title="::fire::"><img alt="fire" border="0" src="smiley/fire.png" /></a>
<a href="#" title="::grimace::"><img alt="grimace" border="0" src="smiley/grimace.png" /></a>
<a href="#" title="::love::"><img alt="love" border="0" src="smiley/love.png" /></a>
<a href="#" title="::miao::"><img alt="miao" border="0" src="smiley/miao.png" /></a>
<a href="#" title="::prettiness::"><img alt="prettiness" border="0" src="smiley/prettiness.png" /></a>
<a href="#" title="::question::"><img alt="question" border="0" src="smiley/question.png" /></a>
<a href="#" title="::slobber::"><img alt="slobber" border="0" src="smiley/slobber.png" /></a>
<a href="#" title="::spook::"><img alt="spook" border="0" src="smiley/spook.png" /></a>
<a href="#" title="::startle::"><img alt="startle" border="0" src="smiley/startle.png" /></a>
<a href="#" title="::sweat::"><img alt="sweat" border="0" src="smiley/sweat.png" /></a>
<a href="#" title="::thirst::"><img alt="thirst" border="0" src="smiley/thirst.png" /></a>
<a href="#" title="::vomit::"><img alt="vomit" border="0" src="smiley/vomit.png" /></a>
</div>
:">