MyBB Community Forums

Full Version: Embed the popup smiley box using jquery
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Pages: 1 2
That is perfect now Big Grin i also changed





.smilie_box > div{

overflow:scroll;

width:100%;

height:100%;

to

.smilie_box > div{

overflow:scroll;

width:100%;

max-height:200px;

to get it working.

last step is a way to close the smiley box now that its open? any idea's on that
If you made that change that i have mentioned in my last post then you can close it by clicking on "Get more smilies" link (same link that you are using it to open your smilie box).
(2014-09-25, 05:59 PM)Johnny S Wrote: [ -> ]If you made that change that i have mentioned in my last post then you can close it by clicking on "Get more smilies" link (same link that you are using it to open your smilie box).

ah yes it works now, i did not realize that was how it was going to work, In that case since its not super clear, is it possible to have it change the text from Get More to Close Smilies when it is open? or change get more to Open smilies too so it matches.

Mainly because its not clear how to close it for the average user.
in more_smilies.js find

$(".smilie_row").toggle();
and below add

$(this).text("Toggle icons");
(2014-09-25, 06:08 PM)Johnny S Wrote: [ -> ]in more_smilies.js find

$(".smilie_row").toggle();
and below add

$(this).text("Toggle icons");

Thanks Big Grin works a treat....

+rep for you

Oh wait......can i make it go back to get more once its closed?
replace

$(this).text("Toggle icons");

with

$(this).toggleClass(".addmore_lang");

and in global.css add

a.addmore_lang {
font-size:0px;
}

a.addmore_lang:before {
content:"Toggle icons";
font-size:13px;
display:inline-block;
position:relative;
}
(2014-09-25, 06:17 PM)Johnny S Wrote: [ -> ]replace

$(this).text("Toggle icons");

with

$(this).toggleClass(".addmore_lang");

and in global.css add

a.addmore_lang {
font-size:0px;
}

a.addmore_lang:before {
content:"Toggle icons";
font-size:13px;
display:inline-block;
position:relative;
}

that does not work for me

I'll fix it next time your online Big Grin

Got it working, took the . out from the code below

$(this).toggleClass( ".addmore_lang" );
anyone know how to get this working for 1.8
Pages: 1 2