[Resolved] Smilies in Tag Board

[ScubaKing22]

Hey I've seen on almost every site with a tag board an option to insert smilies. When the little face or image is clicked, it is inserted into the form field containing the message. When Submit, Tag, etc. is clicked the tag board now contains that image. How is that done? PHP? JS? Something else?

[weekender]

well, clicking a smily to insert would be done using js, probably with DHTML. It would insert the text style smily ie ; ) and then on display, a php function (some kind of ereg or preg_match) would convert the text smily into an html < IMG > tag to insert the picture.

[sneeze]

function nohtml ($text) { 
$text2 = str_replace(':/','<img src="smilies/tvek.gif">',$text2); 
$text2 = str_replace(':|','<img src="smilies/leif.gif">',$text2);   

        return $text2; 
}

Dont know if that works, though. I took it from another forum.
Should get you started anyway.
Read up on it on php.net

red//
Sorry.. the first 'copy/paste' didnt come out well 😉
Had to cut it down abit since some of the smileys to 'replace'
went LaLa for some reason. I assume you see my point in
whats left of the script.. 🙂

[ScubaKing22]

Actually yes, weekender, your idea is excellent, will try it. The other guy, I'm not exactly sure what yours does but I will also try it. Again, thanks.

[ScubaKing22]

One more thing. Where can I get the actual smilies that will be inserted? Is there like a smilies.com or something?

[sneeze]

This might suite your needs. 🙂

[ScubaKing22]

Excellent. 😃

[ScubaKing22]

OK again adding to my question how would I do the following. I have the PHP function ready for replacing the smilies and the smilie images, but how do I make it so that when a smilie is clicked the appropriate expression ( : ), : D, :/, etc) is inserted into the message form? I understand that it requires JS or DHTML, but I have no knowledge whatsoever of either. Any help is appreciated. 🙂

[sneeze]

<script language="Javascript">
<!--
function addsmile(smiley) {
doc_content = document.form.meddelande.value + smiley
document.form.meddelande.value = doc_content
document.form.meddelande.focus()
}
// -->
</script>

<A HREF="javascript:addsmile(' putsmileyhere ')"><IMG SRC="/smileys/smile.gif"
BORDER="0"></A>
<A HREF="javascript:addsmile(' putsmileyhere ')"><IMG SRC="/smileys/lol.gif"
BORDER=0></A>
<A HREF="javascript:addsmile(' putsmileyhere ')"><IMG SRC="/smileys/sad.gif"
BORDER=0></A>

Also taken from another forum. Hope you work it out. 😉

[ScubaKing22]

Once again that is exactly what I'm looking for. I'm assuming that the value meddelande is the name of the message field, will mess around though. Thanks 🙂

[sneeze]

Yeah.. 'meddelande' = 'message'..

I forgot to translate.. 🙂

[ScubaKing22]

Thought so thanks again. 🙂