This is a simple project that will teach
you on how to create or include emoticons
in chat box application using jQuery.
The symbols typed were replaced with
an image using CSS.
1. Download the source code.
2. Extract the compressed folder.
3. Run the xampp control panel and start the apache and mysql
4. Open the folder that has been extracted
5. Put the folder in htdocs
6. Open the browser and type localhost/phpmyadmin
7. import the database chatbox
8. Run the program by typing in any browser localhost/emoticons
This is just a simple program any updates or constructive criticism will be
Enjoy and make it as your guide.
Chat box emoticons PHP MySql and jQuery Source Code Screenshots: