Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Solved: 5 Years, 3 Weeks ago Embed the popup smiley box using jquery
#11
Solved: 5 Years, 3 Weeks ago
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
#12
Solved: 5 Years, 3 Weeks ago
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).
#13
Solved: 5 Years, 3 Weeks ago
(09-25-2014, 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.
#14
Solved: 5 Years, 3 Weeks ago
in more_smilies.js find

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

$(this).text("Toggle icons");
#15
Solved: 5 Years, 3 Weeks ago
(09-25-2014, 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?
#16
Solved: 5 Years, 3 Weeks ago
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;
}
#17
Solved: 5 Years, 3 Weeks ago
(09-25-2014, 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" );
#18
Solved: 5 Years, 3 Weeks ago
anyone know how to get this working for 1.8


Forum Jump:


Users browsing this thread: 1 Guest(s)