Thursday, December 6, 2007

Add Emotwicon in Twitter client SPAZ

To add Emotwicon features to the Twitter client SPAZ there are only 3 lines of modifications to do.

1) Add the emotwicon javascript in "index.html"
Open the index.html in the spaz folder (eg. C:\Program Files\Spaz) and add the following line:

<script src="http://emotwicon.com/js/min_emotwicon.js" type="text/javascript"></script>

among the other script tags inside the head tag
Note : the min_emotwicon.js is a minimized version (to minimize file size). I will post the full source code soon.

2) Add parsing method in "spaz.data.js"
- Open the spaz.data.js file in the spaz/assets folder (eg. C:\Program Files\Spaz\Assets).
- Search the text 'data[i].text' which must be found in the function Spaz.Data.loadTwitterXML.
- Replace the text 'data[i].text' with
'((typeof (emotwicon) != "undefined")? emotwicon.parseString(data[i].text,false):data[i].text)'

3) Add function to retrieve the emoticon images from the server in "spaz.data.js"
- Open the spaz.data.js file in the spaz/assets folder (eg. C:\Program Files\Spaz\Assets).
- Search the text 'Spaz.dump(newest.id);'
- Add the text 'if (typeof (emotwicon) != "undefined") emotwicon.getEmotwiconsScriptTag();' next line after the line which contains 'Spaz.dump(newest.id);' above.

4) Voila. Run SPAZ and start adding the emoticon codes found at the Emotwicon gallery

Here is a screen shot of how the emoticons look like inside SPAZ application:



Unfortunately, the animated gifs are not animated!! This is an issue with the Adobe AIR platform. Hopefully will soon be fixed.

No comments: