Log In · Register

 
SMILEYS, how to insert my own smileys
simplyxparadise
post Aug 31 2004, 08:45 AM
Post #1


^-^
***

Group: Member
Posts: 69
Joined: Aug 2004
Member No: 40,106



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!!! sad.gif
 
 
Start new topic
Replies
vgamer
post Aug 31 2004, 09:37 AM
Post #2


vgamer
****

Group: Member
Posts: 105
Joined: Feb 2004
Member No: 2,516



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
 

Posts in this topic


Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: