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
Advanced Award System v1.0; with tooltips
Topic Started: Nov 7 2009, 01:20 PM (46,964 Views)
Viral
Member Avatar
Viral
[ *  *  *  *  *  * ]
What it Does: Adds awards to user's mini profiles (only in posts at the moment). When hovering over these awards, it will show a description of it and the date received in a tooltip.

I have tested this to work in the following browsers:
  • Google Chrome 2.0.172.43
  • Firefox 3.5.2
  • Internet Explorer 8.0.6001.18783 (lol)
  • Opera 9.26
  • Opera10.0
  • Safari 4.0


It works 100% in all of those browsers. Hopefully it works just as well in others, but I don't have them ready to test.

Preview: http://s1.zetaboards.com/zbAIO2/topic/2231766/1/

The Code:

Add the following Below The Board
Code:
 
<script type="text/javascript">
//<![CDATA[
var t_award = {
name : "Awards",
thumbnail : [20,20],
closeFunction : "fade",
users : [
[user id,"award name","award image","award description","award date"],
[user id,"award name","award image","award description","award date"],
[user id,"award name","award image","award description","award date"],
[user id,"award name","award image","award description","award date"]
]
}
//]]>
</script>
<script type="text/javascript" src="http://z3.ifrm.com/142/141/0/p239659/tooltipawards.js"></script>


That's the base of the script, but it needs to be edited when adding awards and such.

name : "Awards", - You can change "Awards" to whatever you want to call it, be it achievements, or whatever. Just make sure you wrap it with speech marks " and have a comma after the last speech mark.

thumbnail : [20,20], - These are the dimensions of the thumbnail versions of the award images. Change the first 20 to the width, and the second 20 the height.

closeFunction : "remove", - This is the animation used when you move your mouse out of the image (when hiding the information box). You can set this to either: "remove" (no animation) or "fade" (fades out) or "slide" (slides upwards). Once again, it must be wrapped with speech marks, and there must be a comma after the last speech mark.

Each award is set out like:
[user id,"award name","award image","award description","award date"],

You can add as many as you want after each other, which will automatically award someone. If you remove the award from the script, it will be removed from all of their posts as well. Note how each part is wrapped with speech marks besides the user id. User ID is the number you see in the URL when viewing their profile. For example, my account here has a user id of 230248. After each award, their should be a comma (after the closing square bracket ]). However, you do not put a comma at the end of the last award. Think of it as a list, use commas after each one, but not the last.

When filling out the information, put a backslash in front of all apostrophes and speech marks (besides the ones wrapping it). So, ' changes to \' and " changes to \". Last but not least, you cannot use line breaks (hitting the enter/ return key). If you need a line break, use \n instead, and that will be replaced by a real line break on the forum.

I realise that's a lot to take in, so if anything goes wrong, just post here :) .
Edited by slayer766, Nov 22 2009, 12:01 PM.
Offline Profile Quote Post Goto Top
 
Replies:
Kankuro
Member Avatar
かんくろ
[ *  *  *  *  * ]
Nothing?
Edited by Kankuro, Feb 28 2014, 09:04 PM.
Offline Profile Quote Post Goto Top
 
its kimi
Member
[ * ]
I got the code working, except for one little problem. It creates duplicates of the awards I choose to add to the code. Any suggestions on how to fix this?

Fixed.
Edited by its kimi, Mar 19 2014, 06:24 AM.
Offline Profile Quote Post Goto Top
 
beastboybrown
Member Avatar
Member
[ *  * ]
Im still lost on this :/
Offline Profile Quote Post Goto Top
 
Dark Shadow 6
Member Avatar
Member
[ *  * ]
Great code working perfectly
Offline Profile Quote Post Goto Top
 
Viral
Member Avatar
Viral
[ *  *  *  *  *  * ]
beastboybrown
Nov 19 2014, 01:45 PM
Im still lost on this :/
See Kankuro's post on the previous page.
Offline Profile Quote Post Goto Top
 
beastboybrown
Member Avatar
Member
[ *  * ]
Viral
Nov 20 2014, 09:56 PM
beastboybrown
Nov 19 2014, 01:45 PM
Im still lost on this :/
See Kankuro's post on the previous page.

Code:
 

<script type="text/javascript">
//<![CDATA[
var t_award = {
name : "Awards",
thumbnail : [20,20],
closeFunction : "fade",
users : [
[2097292,"Nagging Everyones head off","http://i45.tinypic.com/6hotic.jpg","Killing over 9000! people in chat with her nagging","today"],
[2097292,"Best person ALIVE","http://i46.tinypic.com/20771bn.jpg","Obvious","today"],
[2097292,"Being Gay","http://i49.tinypic.com/347zm8z.jpg","Suck over 1 million dicks","today"],
[2097292,"For Nothing","http://i45.tinypic.com/21cxq2w.jpg","Being a rock guy","today"]
]
}
//]]>
</script>
<script type="text/javascript" src="http://z3.ifrm.com/142/141/0/p239659/tooltipawards.js"></script>


Did this one now.... Still nothing.
Offline Profile Quote Post Goto Top
 
Sosuke Aizen
Member Avatar
Member
[ *  * ]
Is it possible to have the Awards stack in rows like this instead of this?
Offline Profile Quote Post Goto Top
 
jragonizer
Member Avatar
Member
[ *  * ]
So our awards system has almost 4,500 lines and hundreds of images. I'm thinking of switching to a CSS Sprite map because it's so big and is lagging the board. I figured out (on my own so be proud) that I could reupload the TooltipAwards.js file and switch anywhere it says img with div and anywhere it says src with class.

I can then just place the class of the image from the CSS Class I made in the theme, and put it where the image link would go.

HOWEVER the thumbnail part of the code doesn't work. Any idea how to solve this?

(also, I'm having the same issue as the above commenter)

Thanks in advance :)
please respond soon
Offline Profile Quote Post Goto Top
 
FB92
Member Avatar
Member
[ *  * ]
Does anyone else get the issue where the signature overlaps the tooltips?
Offline Profile Quote Post Goto Top
 
Sheyney Fox
Member Avatar
Member
[ *  * ]
I want the awards to be separate, can someone help me with this please?

This is what the profile field looks like now.

Posted Image
This is what it looks like when I add another script.

Posted Image
This is what I would like it to look like.

Posted Image


I added another star to the profile field and it is not lining up, can this be fixed?

Posted Image
Offline Profile Quote Post Goto Top
 
Darth Karzahni
Member Avatar
Member
[ * ]
The system stops working when one member gets over 35 awards. Can this be fixed?
Offline Profile Quote Post Goto Top
 
zbug
Member Avatar
Galaxy Friend
[ *  *  * ]
I'm having this issue Posted Image

and wondering if there was a way to remove out of the top box.
Edited by zbug, Dec 23 2015, 08:46 AM.
Offline Profile Quote Post Goto Top
 
DaPizzaMan
Member Avatar
#TeamSupport

Darth Karzahni
Dec 15 2015, 09:25 PM
The system stops working when one member gets over 35 awards. Can this be fixed?
We would need to see your code.

zbug
Dec 23 2015, 08:46 AM
I'm having this issue Posted Image

and wondering if there was a way to remove out of the top box.
A link to your board would help since I don't think that should be happening.
Offline Profile Quote Post Goto Top
 
zbug
Member Avatar
Galaxy Friend
[ *  *  * ]
lnlforums.com @ Adian :P
Offline Profile Quote Post Goto Top
 
DaPizzaMan
Member Avatar
#TeamSupport

Since I can't view your board, I created an account under the name DPM.
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