Extra Smilies V3

[Admin]

Main Code

<script language=JavaScript>
<!--
/*
Extra Smilies, with preview, drop down menu and option to view all (V3)
by Todge
Copyright © 2012
Please keep this header intact
*/

if (location.href.indexOf('action=headersfooters') == -1)
{
var smilie = new Array();

// Edit below here...

var boxSize = '600/250';
var topSmilies = 0;

smilie[0]="URL OF SMILIE";
smilie[1]="URL OF SMILIE";
smilie[2]="URL OF SMILIE";
smilie[3]="URL OF SMILIE";

// Edit above here...


var content = ' ';
var smilieCode = ' ';
var smilieToCheck;
var smCode = new Array();
var postBox;
if(topSmilies==0 || topSmilies>smilie.length)
{
topSmilies = smilie.length;
}

// Create pop-up div...
var smBox = document.createElement('div');
with(smBox)
{
id = 'smPop';
align = 'center';
style.display = 'none';
style.backgroundColor = '#ffffff';
style.border = '1px solid black';
style.width = boxSize.split('/')[0];
style.position = 'fixed';
style.top = '50px';
innerHTML = '<table width="100%" class="catbg"><tr><td width="10%"></td><td><center>Extra Smilies</center></td><td width="10%" id="smClose"></td></tr></table>';
innerHTML += '<div class="windowbg" id="smList" style="width; 100%; height: '+boxSize.split('/')[1]+'; overflow: auto;"></div>';
}

document.body.appendChild(smBox);

with(document.getElementById('smClose'))
{
innerHTML = '<font style="cursor: pointer; color: red;">X</font>';
align = 'right';
onclick = function(){smPop.style.display = 'none';}
}

if(window.innerWidth)
{
smBox.style.left = window.innerWidth/2-(boxSize.split('/')[0]/2);
}
else
{
smBox.style.left = document.body.clientWidth/2-(boxSize.split('/')[0]/2);
}

if(document.all)
{
smBox.style.position = 'absolute';
window.onscroll = function(){
smBox.style.top = document.body.scrollTop+50;
}}

// Set smilie codes...
for(t=0; t<smilie.length; t++)
{
smCode[t] = '#'+smilie[t].split('/')[smilie[t].split('/').length-1].split('.')[0]+'#';
}

// set variables
smilieCode += '<br /><br /><table bgcolor="000000" border="0"><TR><TD><select name="selectsmilie" style="width: 120px;" onChange="aS(this.options[this.selectedIndex].value)"><option>Select Smilie';
for (p2=0; p2<topSmilies;p2++)
{
smilieCode += '<option value=" '+smCode[p2]+' ">'+smCode[p2];
}
smilieCode += '</select></TD></TR><TR><TD ID="smile" class="windowbg2" height="60" align="center" valign="middle">';
smilieCode += '</TD></TR>';
smilieCode += '<TR><TD class="windowbg2" align="center" valign="middle" height="15"><a href="javascript:void(0)" onClick="popsmilies()">View all smilies</a></TD></TR></table>';

content = '';
for(t=0; t<smCode.length; t++)
{
if(smilie[t].match(/http:\/\//i))
{
content += " <img src=\""+smilie[t]+"\" border=\"0\" alt=\" "+smCode[t]+" \" style=\"cursor:hand;\" onMouseDown=\"add(\' "+smCode[t]+" \');\"> ";
}
else
{
content += '<br><div class="windowbg2" style="padding: 2px;"><u>'+smilie[t]+'</u></div>';
}}

// display smilies
function aS(smiley)
{
for(t=0; t<smCode.length; t++)
{
if(smiley.match(smCode[t]))
{
document.getElementById('smile').innerHTML = ' <a href=\'javascript:add(" '+smCode[t]+' ")\'><img src="'+smilie[t]+'" border="0" alt=" '+smCode[t]+' "/></a> ';
}}}

function popsmilies()
{
if(smBox.style.display == 'none')
{
smBox.style.display = '';
smList.innerHTML = content;
}}

if(document.postForm)
{
// Replace smilies in post text with codes

var post = document.postForm.message.value;
for(t=0; t<smCode.length; t++)
{
post = post.replace(new RegExp(smilie[t],"g"),smCode[t]);
}
post = post.split('[img]#').join('#');
post = post.split('#[/img]').join('#');
document.postForm.message.value = post;

// list smilies

var TD = document.getElementsByTagName('TD');
for(t=0; t<TD.length; t++)
{
if(TD[t].width == '30%' && TD[t].className == 'windowbg2' && TD[t].innerHTML.match('Message:'))
{
TD[t].vAlign = 'top';
TD[t].innerHTML += smilieCode;
}}

// get message contents...
postBox = document.postForm.message;
}

// show smilies in posts
function showSmilies()
{
var posting = document.getElementsByTagName('input');
for(p=0; p<posting.length; p++)
{
if(posting[p].type=='submit')
{
posting[p].onmousedown=function()
{
post=postBox.value;
for(t=0; t<smCode.length; t++)
{
post = post.replace(new RegExp(smCode[t],"g"),'[img]'+smilie[t]+'[/img]');
}
postBox.value = post;
}}}}

showSmilies();
}
// -->
</script>

Quick Reply Add-on..

<script language=JavaScript>
<!--
// Add smilies to Quick Reply (V2)...
if(document.location.href.match('action=display'))
{
var QR = document.getElementsByTagName('TD');
for(q=0; q<QR.length; q++)
{
if(QR[q].className == 'titlebg' && QR[q].innerHTML.match('Quick Reply') && !QR[q].innerHTML.match(/showShareUI/))
{
smilieCode = smilieCode.split('<br /><br />')[1];
content = content.replace(/add/g,'adds');

function adds(smilie)
{
var tArea=document.getElementsByTagName('textarea');
tArea[0].value=tArea[0].value+smilie;
}

function aS(smiley)
{
for(t=0; t<smCode.length; t++)
{
if(smiley.match(smCode[t]))
{
document.getElementById('smile').innerHTML = ' <a href=\'javascript:adds(" '+smCode[t]+' ")\'><img src="'+smilie[t]+'" border="0" alt=" '+smCode[t]+' "/></a> ';
}
}
}
document.write('<style> textarea { WIDTH: 100%; }</style>');
var QRcode = QR[q+1].innerHTML;
QR[q+1].innerHTML = '<table width="100%"><tr><td>'+QRcode+'</td><td align="center" valign="middle" width="30%">'+smilieCode+'</td></tr></table>';
}
}
postBox=document.getElementsByTagName('textarea');
for(pb=0; pb<postBox.length; pb++)
{
if(postBox[pb].name == 'message')
{
postBox=postBox[pb];
break;
}
}
showSmilies();
}
// -->
</script>