We hope you enjoy your visit.

You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Username:   Password:
Add Reply
  • Pages:
  • 1
  • 3
Clickable Emoticons in Additional Areas
Topic Started: May 18 2013, 02:57 AM (4,531 Views)
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
Code Name: Clickable Emoticons in Additional Areas

What the code does: With this code, Clickable Emoticons will display in the following additional areas: Fast Reply, Shoutbox, Blog Comments, PM Quick Compose, PM Quick Reply

The emoticons box will appear on link/button click.

Preview

How to use the code: Install as instructed, no editing is required.

How to install the code:

Admin CP Posted Image Themes Posted Image Board Template Posted Image Below the Board
Code:
 
<script type="text/javascript" src="http://z3.ifrm.com/63/1/0/p476699/emoticons.js"></script>
Offline Profile Quote Post Goto Top
 
Replies:
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
Mind preregistering me a test account and sending me the account details via PM so I can investigate?
Offline Profile Quote Post Goto Top
 
-The-
Member Avatar
#the { display: none; }
[ *  *  *  *  * ]
I also appear to have a problem with this code, in the shoutbox (haven't checked elsewhere), the drop down doesn't appear to open. I think this might be a conflict with your BBCodes in other areas, as I think that was my last code i added.
Offline Profile Quote Post Goto Top
 
Mr.Tom
Member
[ *  *  * ]
It doesn't matter, I've got another code with emotes in the shout box and it's not vital in the other additional areas. :P
Offline Profile Quote Post Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
-The-
May 5 2014, 12:10 PM
I also appear to have a problem with this code, in the shoutbox (haven't checked elsewhere), the drop down doesn't appear to open. I think this might be a conflict with your BBCodes in other areas, as I think that was my last code i added.
So, when you click the 'Emoticons' link, nothing happens?

Mr.Tom
May 5 2014, 12:32 PM
It doesn't matter, I've got another code with emotes in the shout box and it's not vital in the other additional areas. :P
Sounds good.
Offline Profile Quote Post Goto Top
 
-The-
Member Avatar
#the { display: none; }
[ *  *  *  *  * ]
Hang on, just checked it again, it appears to work now...that's really strange, it appears to have started working again...I'll leave it a while, and unless it starts not working against we'll say that it does.
No ok, I've narrowed it down some...

It doesn't appear to work in the fast reply box...
Edited by -The-, May 6 2014, 01:44 PM.
Offline Profile Quote Post Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
Does it still not work in the fast reply area?
Offline Profile Quote Post Goto Top
 
gamer28
Member Avatar
Member
[ *  * ]
i had a problem with this it doesnot woking with shoutbox when u click it it doesnot take the emoticon and for the fast reply i want to drag it where the emoticons written???????????
i am using these codes also

<script type="text/javascript" src="http://z5.ifrm.com/30080/148/0/p1125905/shoutbox_textarea.js"></script>


Edited by gamer28, Jul 20 2014, 01:01 PM.
Offline Profile Quote Post Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
In the external script, you need to change both instances of this:
Code:
 
input[name="shouttext"]
To this:
Code:
 
#shouttextarea
Offline Profile Quote Post Goto Top
 
Ashdaw2
Member Avatar
Aussie
[ *  * ]
Thanks Cory for this code as well as the other one for making the other codes appear in the quick reply. :)
Offline Profile Quote Post Goto Top
 
Mozz
Member Avatar
" It’s not a bug – it’s an undocumented feature "
[ *  *  *  * ]
I added this code, all but the shout box works when i try as well , i click on the emote and nothing
Offline Profile Quote Post Goto Top
 
skyfallzeus
Member Avatar
Farewell zb thx for the memories
[ *  *  *  *  * ]
i tried it as well no dice. might i also mention server 11 where FB is on is horrendously slow to a crawl
:puppyeyes: k k its working now
Edited by skyfallzeus, Aug 2 2014, 06:15 AM.
Offline Profile Quote Post Goto Top
 
Mozz
Member Avatar
" It’s not a bug – it’s an undocumented feature "
[ *  *  *  * ]
I was using a enlarge your shout text area code. When i used the bb code option for the multi selection, it conflicted, but all fixed and working now.
Offline Profile Quote Post Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
Mozz
Aug 2 2014, 06:31 AM
I was using a enlarge your shout text area code. When i used the bb code option for the multi selection, it conflicted, but all fixed and working now.
If you uninstalled the code because of that, you can add it back and just change the selector in the code: http://if.invisionfree.com/topic/5169308/3/#post18069134
Offline Profile Quote Post Goto Top
 
Mozz
Member Avatar
" It’s not a bug – it’s an undocumented feature "
[ *  *  *  * ]
Thx Cory, ill do that. :)
Offline Profile Quote Post Goto Top
 
mutanic
Member
[ * ]
Hi everyone, I would like to share my finding here...apparently this has some issue with the textarea where the emoticon won't be inserted, so I give it a try with removing

Code: HTML
 
<script type="text/javascript" src="http://z5.ifrm.com/30080/148/0/p1125905/shoutbox_textarea.js"></script>


and adding a piece of CSS into Top Of Page section

Code: HTML
 
<style>
input[name="shouttext"] {
white-space: pre-wrap;
word-wrap: break-word;
word-break: break-word;
width:80%;
height:50px;
}
</style>


and it's working perfectly...
Edited by mutanic, Feb 5 2016, 06:57 PM.
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
Go to Next Page
« Previous Topic · ZetaBoards Codes & Modifications · Next Topic »
Add Reply
  • Pages:
  • 1
  • 3