Smilie Dropdown with option to view all (4.0.0)

[moonbeam]

Hey! I learned something! So, Chrissy, you were right in concept. You just need " ", rather than the ' ' you *were* using. Mental sticky for me, as I'd never seen it before. Thanks, Todge!

[Rosefriend]

Nov 24, 2012 12:24:02 GMT -8 Todge said:

The current plugin is in the first post of this thread.

Why can't you copy/paste your original smilie array over? Are you not seeing the parts you edit? Or is the code just not working?

I have down/up loaded the code and put it in...

Then I get Screenshot 1

and then 2...

...on number 2 I cannot add the smilies from the V4 headers and footers..infact it doesn't let me do anything...

What am I doing wrong??

RF

[Former Member]

I'm getting confused..... I'm using this plugin on my v5 forum, but I've also seen a code which will do the same. 

[moonbeam]

Rosefriend - you're doing it right but I don't know why it won't let you copy the URLs from your v4 footers. If you can get the copy/paste to work, all you need is the part that starts with

smilie[0]="http://i239./ff155/JiminiChristmas/smileys/icon716768.png";
smilie[1]="http://i239./ff155/JiminiChristmas/buttons/K3.png";

down through your last one...


@ritab- Things that were done via code in v4 are now (in many cases) going to be done via Plugin in v5. Todge has kindly converted the extra smiley with drop down code to a plugin for us already.

[Rosefriend]

Nov 25, 2012 2:48:56 GMT -8 moonbeam said:

Rosefriend - you're doing it right but I don't know why it won't let you copy the URLs from your v4 footers. If you can get the copy/paste to work, all you need is the part that starts with

smilie[0]="http://i239./ff155/JiminiChristmas/smileys/icon716768.png";
smilie[1]="http://i239./ff155/JiminiChristmas/buttons/K3.png";

down through your last one...


@ritab- Things that were done via code in v4 are now (in many cases) going to be done via Plugin in v5. Todge has kindly converted the extra smiley with drop down code to a plugin for us already.

I am still no getting anywhere - I can type in the space provided although I start with "1" and not "0" but I am not allowed to c/paste anything...something is still not right..

RF

[Former Member]

I found the following today, which has totally confused me - do I use the code below or the plugin? 

This will add a drop down menu to the left of the text box listing your smilies with a preview box below it. There is also an option to 'view all' smilies which will open a pop-up containing all of your smilies...

This is your smilie array (the list of all your smilie URLs).

Put it in your Global Header...

<script type="text/javascript">
<!--
/*
Smilie array for use with the smilie code in the footer...
*/

var smilie = new Array();

// SMILIE ARRAY BELOW.....

smilie[0]="URL OF SMILIE";
smilie[1]="URL OF SMILIE";
smilie[2]="URL OF SMILIE";
smilie[3]="URL OF SMILIE";
smilie[4]="Christmas Smilies";
smilie[5]="URL OF SMILIE";

// SMILIE ARRAY ABOVE.....

// -->
</script>

Just add your Smilie URLs where it says, Continue with smilie[6], smilie[7] etc., for as many as you need.

You can also group your smilies, or add subtitles, if you wish to do that, just put the group title/sub-title of the next group in the smilie array instead of a URL. (see smilie[4] as an example)

This is the Smilie Code proper..
Put it in your GLOBAL FOOTER.

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

if(document.postForm || pb_action == 'display')
{
// Edit below here...

var popBoxes = 10;
var popWidth = 700;
var popHeight = 400;

// Edit above here...

var smCode = new Array();

// Get smilie codes...

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

// Create smilie pop-up...

var winleft = (screen.width/2)-(popWidth/2);
var winatts = 'width='+(popWidth+20)+',height='+popHeight+',left='+winleft+',top=50,scrollbars';

var content = document.getElementsByTagName('style')[0].innerHTML;
content = '<html><head></head><style>'+content+'</style><body onBlur="self.close()">';
content += '<br><table width="'+popWidth+'" cellspacing="1" cellpadding="0" border="0" align="center" class="bordercolor">';
content += '<tr><td width="100%" class="titlebg" colspan="'+popBoxes+'" align="center"><b>Smilies</b></td></tr>';
for(t=0; t<smilie.length; t++)
{
if(!smilie[t].match('http')){
content += '<tr><td width="100%" class="windowbg" colspan="'+popBoxes+'" align="center">'+smilie[t]+'</td></tr>';
content += '<tr>';
t++;
}
for(b=0; b<popBoxes; b++)
{
if(typeof(smilie[t]) != 'undefined'){
if(!smilie[t].match('http')){
content += '<td width="'+100/popBoxes+'%" class="windowbg2"></td>';
t--;
}
else{
if(document.all){
content += '<td width="'+100/popBoxes+'%" class="windowbg2" align="center"><b><a href="javascript:window.opener.add(\''+smCode[t]+'\');document.focus()"><img src="'+smilie[t]+'" border="0"></a></b></td>';}
else{
content += '<td width="'+100/popBoxes+'%" class="windowbg2" align="center"><a href="javascript:window.opener.add(\''+smCode[t]+'\')"><img src="'+smilie[t]+'" border="0"></a></td>';}}}
else{
content += '<td width="'+100/popBoxes+'%" class="windowbg2"></td>';
}
t++;
}
content += '</tr>';
t--;
}
content += '</td></tr></table>';
content += '</body></html>';


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


}}}

function popSmilies()
{
var smilieWindow = window.open("","newWindow",winatts);
smilieWindow.document.write(content);
}

var 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<smCode.length; p2++)
{
if(smilie[p2].match(/\.(gif|jpe?g|png)/i))
{
smilieCode += '<option value=" '+smCode[p2]+' ">'+smCode[p2];
}
else
{
smilieCode += '<option value="">---'+smilie[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:popSmilies()">View all smilies</a></TD></TR></table>';


// 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()
{
var postBox = document.getElementsByTagName('textarea');
for(p=0; p<postBox.length; p++)
{
if(postBox[p].name == 'message')
{
postBox = postBox[p];
break;
}}

var post=postBox.value;

for(t=0; t<smCode.length; t++)
{
post = post.replace(new RegExp(smCode[t],"g"),'[img src="'+smilie[t]+'"]');
}
postBox.value = post;
}}}}

if(document.postForm)
{
// Create and place the smilie box on page etc...

var td = document.getElementsByTagName('TD');

document.postForm.message.parentNode.parentNode.previousSibling.innerHTML += smilieCode;

// 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 src=" ::').join(' ::');
post = post.split(':: "]').join(':: ');
document.postForm.message.value = post;

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

All you have to do is edit this part....
var popBoxes = 10;
var popWidth = 700;
var popHeight = 400;


popBoxes is the amount of smilies you'd like in each row of the pop-up box..

popWidth and popHeight are the dimensions of the pop-up box..



That's ALL you have to do, there is no need to add anything to your censored words list.

To have this code work in your Quick Reply area too, you need this add-on code..


This is an 'add-on' to my smilie code....

'Drop down' smilie code with preview box etc.

To add the smilies to Quick Reply, put this code directly below the above code in your Global Footer...

<script type="text/javascript">
<!--
// Add smilies to Quick Reply (V3)...
if(pb_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'))
{
smilieCode = smilieCode.replace(/<br \/><br \/>/,'');
content = content.replace(/add/g,'adds');
content = content.replace('height: 180px','height: 130px');

function adds(smilie)
{
postBox.value=postBox.value+smilie;
}

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>

[Former Member]

Penny has just dropped! *sighs*  Seeing the code that is contained within the plugin is to enable me to edit it...... yes? 

[moonbeam]

Nov 25, 2012 7:33:16 GMT -8 Rosefriend said:

I am still no getting anywhere - I can type in the space provided although I start with "1" and not "0" but I am not allowed to c/paste anything...something is still not right..

RF

OK. The copy/paste I have no idea why it's not working, since it did for me. Have you tried a reboot? Otherwise, this is what Todge said regarding the smilie number to start with. Should start with [0], unless you're adding a title, as she mentions.

Nov 24, 2012 19:08:12 GMT -8 Todge said:

Yup, the array needs to start at [0] otherwise the code trips up when it counts through your smilies..



To add a title, just put that in the array instead of an inage URL, so, for example, if you'd like to make 'Chrissy's Smilies' a title at the beginning, then just

smilie[0] = "Chrissy's Smilies";

Just drop any other titles you'd like included in place in the array.

Nov 25, 2012 7:51:35 GMT -8 @ritab said:

I found the following today, which has totally confused me - do I use the code below or the plugin? 

Rita, that code would be used in your existing forum, placed as directed into the header and footer specified. If you want something similar on your v5 betazone board, you use the PLUGIN that is in the first post of this thread. For that, all you would have to do is copy the smilie array, starting with smilie[0]="URL OF SMILIE"; through your last smilie, then specify the size of the pop up box.

Easiest way I can think of to explain it is v4 uses codes out of the code database. V5 uses plugins, currently found on the v5 board, plugin section.

[Rosefriend]

Nov 25, 2012 8:20:17 GMT -8 moonbeam said:

Nov 25, 2012 7:33:16 GMT -8 Rosefriend said:

I am still no getting anywhere - I can type in the space provided although I start with "1" and not "0" but I am not allowed to c/paste anything...something is still not right..

RF

OK. The copy/paste I have no idea why it's not working, since it did for me. Have you tried a reboot? Otherwise, this is what Todge said regarding the smilie number to start with. Should start with [0], unless you're adding a title, as she mentions.

Nov 24, 2012 19:08:12 GMT -8 Todge said:

Yup, the array needs to start at [0] otherwise the code trips up when it counts through your smilies..



To add a title, just put that in the array instead of an inage URL, so, for example, if you'd like to make 'Chrissy's Smilies' a title at the beginning, then just

smilie[0] = "Chrissy's Smilies";

Just drop any other titles you'd like included in place in the array.

Thanks moonbeam - I can't get it to work at all - I will wait for Todge...

RF

Nov 25, 2012 7:51:35 GMT -8 @ritab said:

[Former Member]

RF might I suggest you try to copy and paste about 10 smilies rather than the 150 or so that you probably have. Let me know if that works please.

[Rosefriend]

I start with 1 and not 0 and I cannot copy/paste one letter even...

RF

[Former Member]

Can you copy and paste everywhere but in your headers and footers?

[Former Member]

Thank you Todge that worked.

[Former Member]

Todge one quick Question for the Title is there any way to make the font a little larger and perhaps bold? It would really make it stand out more.
Thanks
Chrissy

[Celeste]

Rosefriend, try copy/paste from the Edit menu your browser menu bar rather than the context menu.