For Example:
This folder emoticons is located in the root folder e.g. (htdocs/images/emoticons)
- Once you have saved all your emoticons in its directory, U can now start your JavaScript code.
Code:
//Javascript document
var folder = "images/emoticons"
var ext = "gif"
//declare array of emoticons that are existing in your emoticons directory
//its name is the name of the icon, and its value must be the chat shortcut (e.g- :) for smile)
var emoticons = new Array()
emoticons["angry"] = "x-("
emoticons["cool"] = "B-)"
emoticons["cowbell"] = "+/'\\"
emoticons["crab"] = "V.v.V"
emoticons["cry"] = ":'("
emoticons["devil"] = "}:-)"
emoticons["equal_grin"] = "=D"
emoticons["equal_sad"] = "=("
emoticons["equal_slant"] = "=/"
emoticons["equal_smile"] = "=)"
emoticons["equal_tongue"] = "=P"
emoticons["monkey"] = ":(|)"
emoticons["pig"] = ":(:)"
emoticons["frown"] = ":("
emoticons["grin"] = ":D"
emoticons["slant"] = ":-/"
emoticons["smile"] = ":)"
emoticons["tongue"] = ":P"
emoticons["kissstar"] = ":*"
emoticons["kissx"] = ":-x"
emoticons["mustache"] = ":{"
emoticons["nose_grin"] = ":-D"
emoticons["nose_sad"] = ":-("
emoticons["nose_smile"] = ":-)"
emoticons["nose_tongue"] = ":-P"
emoticons["rockout"] = "\\m/"
emoticons["shocked"] = ":-o"
emoticons["straightface"] = ":-|"
emoticons["wince"] = ">.<"
emoticons["wink"] = ";)"
emoticons["wink_big_nose"] = ";^)"
emoticons["wink_nose"] = ";-)"
function Chat(chatMessage){
var i = document.form1
//now make a loop that will look each element of array and replace it to img tag.
for(x in emoticons){
chatMessage = replaceAll(chatMessage,emoticons[x],"< img src='"+ folder +"/"+ x +"."+ ext +"' title='"+x+"'>")
}
document.getElementById('chat_area').innerHTML = chatMessage
}
As easy as that.. You can now enjoy emoticons in you chat..
I hope this will help a lot guyz...
Good day..
