Add Emotwicon in Twitter client Snitter

2007-12-06T11:52:00.000-08:00

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

1) Add the emotwicon javascript in "index.html"
Open the index.html in the snitter folder (eg. C:\Program Files\Snitter) 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 "snitter.js"
- Open the snitter.js file in the snitter/js folder (eg. C:\Program Files\Snitter\js).
- Search the text 'var txt = o.text;'
- Add the text
'if (typeof (emotwicon) != "undefined") txt = emotwicon.parseString(txt,false);' on the next line just after 'var txt = o.text;'

3) Add function to retrieve the emoticon images from the server in "snitter.js"
- Open the snitter.js file in the snitter/js folder (eg. C:\Program Files\Snitter\js).
- Search the text 'complete:function(msg)'
- Add the text
'if (typeof (emotwicon) != "undefined") emotwicon.getEmotwiconsXhr(true);'
on the next line after the line which contains
"els.status.innerHTML = msg ? msg : 'Last received';" in the 'complete:function(msg)' function block.

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

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

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

Add Emotwicon in Twitter client SPAZ

2007-12-06T08:21:00.000-08:00

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.