smilies (custom): in comments., remove or make "buttonSize" transparent. Options

[lindakay]

i've added custom smilies for my comments but i was wondering if there was a way i could either remove or make the boxes/buttons my smilies are in transparent?



and this is the code i used..

<!-- begin code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><script type="text/javascript"><br />// *** Smiley Script V 2.2 ***<br />//<br />// (c)2003 by EasterEgg, http://www.xanga.com/easteregg<br />//<br />// HOW TO USE:<br />// For use at Xanga only. Copy this entire code (including the script tags)<br />// and paste in the Website Stats box at your Look and Feel page. Make sure<br />// the previous version of this script (if any) is completely removed first.<br />//<br />// The script contains two arrays: "textSmileys" and "realSmileys". The items <br />// present in the array "textSmileys" will be automatically replaced with the <br />// corresponding images in the array "realSmileys". You can modify the arrays<br />// as you see fit, as long as both arrays keep the exact same number of items. <br />//<br />// For example, suppose you want to add some smiley to the script... that would mean<br />// in "textSmileys" you would add a shorthand like ":some_smiley:" or {somesmiley}, <br />// and in "realSmileys" you would add it's url: "http://www.dude.com/some_smiley.gif".<br />//<br />// SETTINGS:<br />// - "maxNumberOfSmileysPerRow": number of smileys that will be displayed in one row.<br />// Smileys above that number will automatically be added to a new line. 10 by default. <br />// - "buttonSize": size of the smiley buttons in pixels. 30 px by default.<br />//<br />// AVAILABILITY: <br />// The script has been tested in the latest versions of IE, Netscape,<br />// Mozilla and Opera (Windows 98).<br /><br />function typeSmiley(sSmiley)<br />{<br />if (document.getElementsByTagName('textarea')[0].getAttribute('name') == 'bdescr')<br />var editor = document.getElementsByTagName('textarea')[0];<br />else<br />{<br />var allTextAreas = document.getElementsByTagName('textarea');<br />for (i = 0; i < allTextAreas.length; ++i)<br />{<br />if (allTextAreas[i].getAttribute('name') == 'bdescr')<br />{<br />var editor = allTextAreas[i];<br />break;<br />}<br />}<br />}<br />editor.value = editor.value + sSmiley;<br />}<br /><br />function replaceTextSmileys()<br />{<br /><br />// ***add textual emoticons to the array below<br />var textSmileys = new Array(<br />":happy:",<br />":sad:",<br />":winky:",<br />":silly:",<br />":hehe:",<br />":angry:",<br />":surprised:",<br />":asleep:",<br />":pleased:",<br />":censored:",<br />":clueless:",<br />":blank:",<br />":cool:",<br />":whatevah:",<br />":sleepy:",<br />":blush:",<br />":kiss:",<br />":secretive:",<br />":wtf:",<br />":dead:",<br />":yummy:",<br />":heart:"<br />);<br /><br />// *** add the url's from the corresponding images below<br />var realSmileys = new Array(<br />"http://i2.photobucket.com/albums/y23/linda_kay/g_smilies/ghappy.gif",<br />"http://i2.photobucket.com/albums/y23/linda_kay/g_smilies/gsad.gif",<br />"http://i2.photobucket.com/albums/y23/linda_kay/g_smilies/gwinky.gif",<br />"http://i2.photobucket.com/albums/y23/linda_kay/g_smilies/gsilly.gif",<br />"http://i2.photobucket.com/albums/y23/linda_kay/g_smilies/ghehe.gif",<br />"http://i2.photobucket.com/albums/y23/linda_kay/g_smilies/gangry.gif",<br />"http://i2.photobucket.com/albums/y23/linda_kay/g_smilies/gsurprised.gif",<br />"http://i2.photobucket.com/albums/y23/linda_kay/g_smilies/xgasleep.gif",<br />"http://i2.photobucket.com/albums/y23/linda_kay/g_smilies/gpleased.gif",<br />"http://i2.photobucket.com/albums/y23/linda_kay/g_smilies/gcensored.gif",<br />"http://i2.photobucket.com/albums/y23/linda_kay/g_smilies/gclueless.gif",<br />"http://i2.photobucket.com/albums/y23/linda_kay/g_smilies/xgblank.gif",<br />"http://i2.photobucket.com/albums/y23/linda_kay/g_smilies/gcool.gif",<br />"http://i2.photobucket.com/albums/y23/linda_kay/g_smilies/gwhatevah.gif",<br />"http://i2.photobucket.com/albums/y23/linda_kay/g_smilies/xgsleepy.gif",<br />"http://i2.photobucket.com/albums/y23/linda_kay/g_smilies/gblush.gif",<br />"http://i2.photobucket.com/albums/y23/linda_kay/g_smilies/gkiss.gif",<br />"http://i2.photobucket.com/albums/y23/linda_kay/g_smilies/xgsecretive.gif",<br />"http://i2.photobucket.com/albums/y23/linda_kay/g_smilies/gwtf.gif",<br />"http://i2.photobucket.com/albums/y23/linda_kay/g_smilies/xgdead.gif",<br />"http://i2.photobucket.com/albums/y23/linda_kay/g_smilies/xgyum.gif",<br />"http://i2.photobucket.com/albums/y23/linda_kay/g_smilies/gheart.gif"<br />);<br /><br />// *** number of smileys that will be displayed per row<br />var maxNumberOfSmileysPerRow = 11;<br /><br />// *** button size in pixels<br />var buttonSize = 18;<br /><br />// preloading images<br />var preloadedImages = new Array(realSmileys.length);<br />for (i = 0; i < preloadedImages.length; ++i)<br />{<br />preloadedImages[i] = new Image();<br />preloadedImages[i].src = realSmileys[i];<br />}<br /><br />var allTableData = document.getElementsByTagName('td');<br />var indx;<br />var smiley;<br />var replacement;<br /><br />for (var i = 0; i < allTableData.length; ++i )<br />{ <br />for ( var n = 0; n < textSmileys.length; ++n )<br />{<br />if ((allTableData[i].innerHTML.toUpperCase().indexOf('TABLE') == -1) &&<br />(allTableData[i].innerHTML.indexOf('previewHTML()') == -1))<br />{<br />indx = allTableData[i].innerHTML.indexOf(textSmileys[n]);<br />if (indx != -1)<br />{ <br />while (indx != -1)<br />{ <br />replacement = '';<br />indx = allTableData[i].innerHTML.indexOf(textSmileys[n]);<br />smiley = '<img src=\"' + realSmileys[n] + '">'<br />replacement = allTableData[i].innerHTML.replace(textSmileys[n],smiley);<br />allTableData[i].innerHTML = replacement; <br />} <br />}<br />}<br />}<br />}<br />if (document.URL.indexOf('weblogs') != -1)<br />{<br />var smileyCollection = new Array(realSmileys.length);<br />var smileyBar = '';<br />if (document.getElementById('htmleditor'))<br />{<br />for (i = 0; i < smileyCollection.length; ++i)<br />{ <br />smileyCollection[i] = '<button type="button" value="" ' +<br />'style="width:' + buttonSize + 'px; height:' + <br />buttonSize + 'px;" onclick="javascript:insertHTML(\' ' + <br />textSmileys[i] + '\'); return false;">' +<br />'<img src=\"' + realSmileys[i] + '" alt="' + textSmileys[i] +<br />'"></button>';<br />}<br />} <br />else<br />{<br />for (i = 0; i < smileyCollection.length; ++i)<br />{ <br />smileyCollection[i] = '<button type="button" value="" ' +<br />'style="width:' + buttonSize + 'px; height:' + <br />buttonSize + 'px;" onclick="javascript:typeSmiley(\' ' + <br />textSmileys[i] + '\'); return false;">' +<br />'<img src=\"' + realSmileys[i] + '" alt="' + textSmileys[i] +<br />'"></button>';<br />} <br />} <br />for (i = 0; i < smileyCollection.length; ++i)<br />{ <br />if (i != 0)<br />if ( (i/maxNumberOfSmileysPerRow).toString().indexOf('.') == -1) <br />smileyBar = smileyBar + '<BR>';<br />smileyBar = smileyBar + smileyCollection[i];<br />}<br />// add SmileyBar<br />infoLink = '<a href="http://www.alicewoodrome.com/smileyscript.html"' +<br />'target=blank><font style="font-size: xx-small; font-weight: normal;">' +<br />'Smiley Script</font><a/><br><br>';<br />smileyBarHtml = '<br><b>add smilies.</b><br>' + <br />'simply add my smilies to your comments by clicking them!' + '<br>' + <br />smileyBar + '<br><br>';<br /><br />if (navigator.userAgent.indexOf('Mac') == -1)<br />{<br />if (document.getElementById('htmleditor'))<br />var obj1 = document.getElementById('htmleditor').parentNode;<br />else<br />{<br />if (document.getElementsByTagName('textarea')[0].getAttribute('name') == 'bdescr')<br />var obj1 = document.getElementsByTagName('textarea')[0].parentNode;<br />else<br />{<br />var allTextAreas = document.getElementsByTagName('textarea');<br />for (i = 0; i < allTextAreas.length; ++i)<br />{<br />if (allTextAreas[i].getAttribute('name') == 'bdescr')<br />{<br />var obj1 = allTextAreas[i].parentNode;<br />break;<br />}<br />}<br />}<br />}<br />var obj2 = document.createElement('span');<br />obj2.setAttribute('ID','idSmileyBar');<br />obj2.innerHTML = smileyBarHtml;<br /><br />obj1.insertBefore(obj2,obj1.firstChild);<br />}<br />else<br />{<br />// alternative solution for the Mac<br />for (var i = 0; i < allTableData.length; ++i )<br />{<br />if ((allTableData[i].innerHTML.toUpperCase().indexOf('TABLE') == -1) &&<br />(allTableData[i].innerHTML.indexOf('previewHTML()') == -1))<br />{ <br />if (allTableData[i].innerHTML.toUpperCase().indexOf('(OPTIONAL)') != -1)<br />{<br />var temp = allTableData[i].innerHTML;<br />allTableData[i].innerHTML = temp + '<br>' + smileyBarHtml;<br />break; <br />}<br />}<br />}<br />}<br />}<br /><br />}<br />if (document.URL.indexOf('weblogs') != -1)<br />replaceTextSmileys();<br /></script><br /><!-- end code provided by createblog.com --><br /><!-- end code provided by createblog.com -->