Alexa
OVERVIEW

Now you can have our game style tooltips on your H1Z1 website or forum simply by using this new tooltip script and by following these few simple steps.

Our script will automatically add a hoverable tooltip or fixed item block to any of our database links, this feature is currently available for items, crafts, locations and emotes.

EXAMPLES
DYNAMIC TOOLTIPS

These tooltips are bound when the page loads and display a tooltip when they are hovered over.

Items: Blue Military Backpack or All-in-One Cold Medicine
Emotes: Butt Scratch Snif
Crafting: Workbench
Locations: Colt's Club

STATIC TOOLTIPS

These tooltips are also bound when the page loads, they replace the text link with a game style popup that is fixed to the page and wont disappear.

Workbench HE Grenade
Colt's Club Crazy
SETUP

1). Simply add this code to your site.

<script src="http://www.h1z1db.net/community/tooltips/tooltip.js"></script>

2). That's it, we said it was simple :)

USAGE

Depending on the tooltip required a certain piece of code (a class) must be appended to the link to ensure its converted the correct way.

Currently we support two methods for displaying tooltips, dynamic which requires the class="h1z1db_tooltip" appending and fixed which requires class="h1z1db_static".


DYNAMIC TOOLTIPS

Dynamic tooltips are links that have a tooltip triggered by a mouseover, they are loaded on demand when a visitor hovers over a link and then cached for future hovers. Here are some examples of how to create dynamic tooltips.

Craft: Workbench
<a href="http://www.h1z1db.net/craft/workbench" class="h1z1db_tooltip">Workbench</a>
Emote: Butt Scratch Snif
<a href="http://www.h1z1db.net/emote/butt_scratch_sniff" class="h1z1db_tooltip">Butt Scratch Snif</a>
Item: Honey
<a href="http://www.h1z1db.net/item/honey" class="h1z1db_tooltip">Honey</a>
Location: Colt's Club
<a href="http://www.h1z1db.net/location/colts_club" class="h1z1db_tooltip">Colt's Club</a>

STATIC TOOLTIPS

Static tooltips are links that are converted to an inline game style tooltip, they are appended to the page at the location of the link, they wont disappear. These tooltips are all loaded when the page loads so if you have many on one page you may notice a slight delay as the page renders.

Here are some examples of how to create static tooltips.

CRAFTING

<a href="http://www.h1z1db.net/craft/animal_trap" class="h1z1db_static">Animal trap</a>
Craft: Animal Trap

EMOTES

<a href="http://www.h1z1db.net/emote/wave" class="h1z1db_static">Wave</a>
Emote: Wave

ITEMS

<a href="http://www.h1z1db.net/item/m-84_stun_grenade" class="h1z1db_static">M-84 Stun Grenade</a>
Item: M-84 Stun Grenade

LOCATIONS

<a href="http://www.h1z1db.net/location/misty_peak_dam" class="h1z1db_static">Misty Peak Dam</a>
Location: Misty Peak Dam
CONFIRMED WORKING

If you are able to get our script working in a CMS, Forum or any where, please report back so we can add that product to the list.

  • HTML 5 Website
SITES THAT ARE USING OUR TOOLTIPS

It would be great to see where our tooltip script is being used, if you would like you're site linked here leave a comment and we'll get you added (what rank will you be?).

  1. www.h1z1db.net
SUPPORT

If you're having an issue using our script on you're site, please create a post on our support forum and we'll try our best to help.

You do need an account to post on our support forum but you can create an account very quickly here, this is a single sign-on account for all the site.



COMMENTS



FNZ hujain - 59 weeks 5 days 9 hours 4 minutes ago
FNZ hujain - 62 weeks 3 hours 42 minutes ago
FNZ hujain - 64 weeks 12 hours 4 minutes ago
FNZ hujain - 85 weeks 5 days 8 hours 17 minutes ago
I'm currently developing a site using Xenforo and have successfully gotten these tooltips working using custom BBcodes as replacement for HTML, as Xenforo doesn't allow HTML in posts.
I'm currently developing a site using Xenforo and have successfully gotten these tooltips working using custom BBcodes as replacement for HTML, as Xenforo doesn't allow HTML in posts.
Advert