SMILEYS, how to insert my own smileys Options

[simplyxparadise]

i made my own smileys .. but how can i use/insert them??

1) is there a script where i can insert my own smileys and use in my entries without having to use the img src="" code everytime??
2) how do i allow the ppl who comment my site use the smileys as well? by clicking on them..

please help!!!

[TrannieL]

oo what's wrong with this?

CODE

<!-- begin code provided by createblog.com -->
"insert url here",
"insert url here");
<!-- end code provided by createblog.com -->

Why "insert url here",*the first one*[ and *"insert url here"); *the second one" are different?

ok this how it works.

CODE

<!-- begin code provided by createblog.com -->
"insert url here",
<!-- end code provided by createblog.com -->

This is for the smileys in the top and middle.

CODE

<!-- begin code provided by createblog.com -->
"insert url here");
<!-- end code provided by createblog.com -->

Put this as the last one.


This is ur code:

CODE

<!-- begin code provided by createblog.com -->

<script type="text/javascript">
function typeSmiley(sSmiley)
{
if (document.getElementsByTagName('textarea')[0].getAttribute('name') == 'bdescr')
    var editor = document.getElementsByTagName('textarea')[0];
else
{
    var allTextAreas = document.getElementsByTagName('textarea');
    for (i = 0; i < allTextAreas.length; ++i)
    {
        if (allTextAreas[i].getAttribute('name') == 'bdescr')
        {
            var editor = allTextAreas[i];
            break;
        }
    }
}
editor.value = editor.value + sSmiley;
}
function replaceTextSmileys()
{
// ***add textual emoticons to the array below
var textSmileys = new Array(
    ":angry:",
    ":bored:",
    ":evil smile 1:",
    ":evil smile 2:",
    ":grin:",
    ":happy:",
    ":laugh:",
    ":laugh 2:",
    ":LMAO:",
    ":none:",
    ":pinch:",
    ":pissed:",
    ":sad:",
    ":silly:",
    ":silly 2:",
    ":silly 3:",
    ":smallsmile:",
    ":smooch 1:",
    ":smooch 2:",
    ":smooch 3:",
    ":tired:",
    ":unsure:",
    ":upset:",
    ":wink");


// *** add the url's from the corresponding images below
var realSmileys = new Array(
"http://pics.xs.to/pics/04082/angry.BMP",
"http://pics.xs.to/pics/04082/bored.BMP",
"http://pics.xs.to/pics/04082/evilsmile1.BMP",
"http://pics.xs.to/pics/04082/evilsmile2.BMP",
"http://pics.xs.to/pics/04082/grin.BMP",
"http://pics.xs.to/pics/04082/happy.BMP",
"http://pics.xs.to/pics/04082/laugh.BMP
",
"http://pics.xs.to/pics/04082/laugh2.BMP",
"http://pics.xs.to/pics/04082/LMAO.BMP",
"http://pics.xs.to/pics/04082/none.BMP
",
"http://pics.xs.to/pics/04082/pinch.BMP",
"http://pics.xs.to/pics/04082/pissed.BMP",
"http://pics.xs.to/pics/04082/sad.BMP",
"http://pics.xs.to/pics/04082/silly.BMP",
"http://pics.xs.to/pics/04082/silly2.BMP
",
"http://pics.xs.to/pics/04082/silly3.BMP",
"http://pics.xs.to/pics/04082/smallsmile.BMP",
"http://pics.xs.to/pics/04082/smooch1.BMP
",
"http://pics.xs.to/pics/04082/smooch2.BMP",
"http://pics.xs.to/pics/04082/smooch3.BMP",
"http://pics.xs.to/pics/04082/tired.BMP
",
"http://pics.xs.to/pics/04082/unsure.BMP
",
"http://pics.xs.to/pics/04082/upset.BMP
",
"http://pics.xs.to/pics/04082/wink1.BMP");


// *** number of smileys that will be displayed per row
var maxNumberOfSmileysPerRow = 12;
// *** button size in pixels
var buttonSize = 25;
// preloading images
var preloadedImages = new Array(realSmileys.length);
for (i = 0; i < preloadedImages.length; ++i)
{
    preloadedImages[i] = new Image();
    preloadedImages[i].src = realSmileys[i];
}

var allTableData = document.getElementsByTagName('td');
var indx;
var smiley;
var replacement;

for (var i = 0; i < allTableData.length; ++i )
{  
    for ( var n = 0; n < textSmileys.length; ++n )
    {
        if ((allTableData[i].innerHTML.toUpperCase().indexOf('TABLE') == -1) &&
            (allTableData[i].innerHTML.indexOf('previewHTML()') == -1))
        {
            indx = allTableData[i].innerHTML.indexOf(textSmileys[n]);
            if (indx != -1)
            {
                while (indx != -1)
                {  
                    replacement = '';
                    indx = allTableData[i].innerHTML.indexOf(textSmileys[n]);
                    smiley = '<img src=\"' + realSmileys[n] + '">'
                    replacement = allTableData[i].innerHTML.replace(textSmileys[n],smiley);
                    allTableData[i].innerHTML = replacement;                  
                }                  
            }
        }
   
    }
}

if (document.URL.indexOf('weblogs') != -1)
{
    var smileyCollection = new Array(realSmileys.length);
    var smileyBar = '';
   
    if (document.getElementById('htmleditor'))
    {
        for (i = 0; i < smileyCollection.length; ++i)
        {
            smileyCollection[i] = '<button type="button" value="" ' +
                'style="width:' + buttonSize + 'px; height:' +
                buttonSize + 'px;" onclick="javascript:insertHTML(\'&nbsp;' +
                textSmileys[i] + '\'); return false;">' +
                '<img src=\"' + realSmileys[i] + '" alt="' + textSmileys[i] +
                '"></button>';
        }
    }
    else
    {
       for (i = 0; i < smileyCollection.length; ++i)
        {
            smileyCollection[i] = '<button type="button" value="" ' +
                'style="width:' + buttonSize + 'px; height:' +
                buttonSize + 'px;" onclick="javascript:typeSmiley(\'&nbsp;' +
                textSmileys[i] + '\'); return false;">' +
                '<img src=\"' + realSmileys[i] + '" alt="' + textSmileys[i] +
                '"></button>';
        }
    }
   

    for (i = 0; i < smileyCollection.length; ++i)
    {  
       if (i != 0)
           if ( (i/maxNumberOfSmileysPerRow).toString().indexOf('.') == -1)
               smileyBar = smileyBar + '<BR>';
       smileyBar = smileyBar + smileyCollection[i];
    }
   
    // add SmileyBar
    infoLink = '<a href="www.xanga.com"' +
        'target=blank><font style="font-size: xx-small; font-weight: normal;">' +
        'Smiley Script</font><a/><br><br>';
    smileyBarHtml = '<br><b>USE EMOTICONS</b><br><font style="font-size: xx-small">' +
        'USE THEM WITH COMMENT!! =D</font> ' +
        infoLink + smileyBar + '<br><br>';
    if (navigator.userAgent.indexOf('Mac') == -1)
    {
        if (document.getElementById('htmleditor'))
            var obj1 = document.getElementById('htmleditor').parentNode;
        else
        {
           if (document.getElementsByTagName('textarea')[0].getAttribute('name') == 'bdescr')
               var obj1 = document.getElementsByTagName('textarea')[0].parentNode;
           else
           {
               var allTextAreas = document.getElementsByTagName('textarea');
               for (i = 0; i < allTextAreas.length; ++i)
               {
                   if (allTextAreas[i].getAttribute('name') == 'bdescr')
                   {
                       var obj1 = allTextAreas[i].parentNode;
                       break;
                   }
               }
           }
        }
        var obj2 = document.createElement('span');
        obj2.setAttribute('ID','idSmileyBar');
        obj2.innerHTML = smileyBarHtml;
        obj1.insertBefore(obj2,obj1.firstChild);
    }
    else
    {
        // alternative solution for the Mac
        for (var i = 0; i < allTableData.length; ++i )
        {
            if ((allTableData[i].innerHTML.toUpperCase().indexOf('TABLE') == -1) &&
            (allTableData[i].innerHTML.indexOf('previewHTML()') == -1))
            {  
                if (allTableData[i].innerHTML.toUpperCase().indexOf('(OPTIONAL)') != -1)
                {
                    var temp = allTableData[i].innerHTML;
                    allTableData[i].innerHTML = temp + '<br>' + smileyBarHtml;
                    break;
                }
            }
        }
    }
}

}
if (document.URL.indexOf('weblogs') != -1)
replaceTextSmileys();
</script>
<!-- end code provided by createblog.com -->

- Tran -