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!!!

[vgamer]

use this

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(
      ":name of smilie:",
      ":name of smilie:");

  // *** add the url's from the corresponding images below
  var realSmileys = new Array(
"insert url here",
"insert url here");
 
  // *** number of smileys that will be displayed per row
  var maxNumberOfSmileysPerRow = 15;
  // *** button size in pixels
  var buttonSize = 30;
  // 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 -->

hope u understand it and works for u

[simplyxparadise]

thanks for the code.. i`ve realized my mistakes .. but it still doesnt work??
here`s what i did:

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(
"insert url here",
"insert url here");
"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 -->

did i do anything wrong?

-diana

[vgamer]

CODE

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

i tink u forgot to get rid of that
um....idk i've tested it alot n it doesn't work...im not sure bmp works...
i used that code a long time ago for my own smilies n it worked... it should work sorry...

[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 -

[payepy]

Actually, does this allows the default smilies on the blog itself to change to the smilies I design? Cos this code doesn't change the default Xanga smilies, at least for my case.

[hunnigurl01]

yah. . .. i think it only changes the smilies for comments :-D

[boysbr3akhearts]

What I do is use Notepad to write an HTML file with the code <img src="IMAGEURL"> for every single one of my smilies. Then I just right click, copy, & paste the smilies onto my blogs. That way, you don't have to type the img src code everytime you want to add a smilie. Catch my drift?