dismiss Jabbithole has been updated for WildStar Reloaded. Weekly updates shall resume as usual. Thanks for the patience!
Get the client ‹‹ Jabbithole needs you!

Embedding Jabbithole tooltips into your website

Do you have a WildStar website and you want to link to items, spells and schematics with cool tooltips? What a great idea!

To do so simply include the following code in the <head> of your website and all your Jabbithole links will automatically feature the same popup tooltips you see on Jabbithole:

<script src="http://www.jabbithole.com/api/tooltips.js"></script>
<script>JH_options = { colors: true, names: true, whitebg: false, preload: true, zIndex: null };</script>

The JH_options object is optional, but it allows you to control some of the features available:
  • colors will tint the links with the item quality colors on hover
  • names will replace the link text with the proper name of the linked game object on hover
  • whitebg will use a black background behind white quality items, useful on white backgrounds
  • preload will replace the enabled colors/names on page load instead of on hover
  • zIndex is optional, use it if your site is using CSS zIndex and it interferes with the display of the tooltip. The exact value needed depends on your site, start with 0 and increment it until you find the proper setting.
For the best looks it is recommended that you also include the Open Sans web font from Google:

<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>

For more info on Open Sans or for different ways to include it, please visit its page at Google Fonts.

If you would like to link to machine generated item or spell urls you can use a simplified url like http://www.jabbithole.com/items/30711 or http://www.jabbithole.com/spells/51394. These urls will work with the tooltips and will redirect to the canonical urls once visited.

For Enjin users

If the tooltips are not working properly on your Enjin site, then make sure to include the JH code in the footer of your site, not in the header (in Settings / Main settings / Code injection). The Open Sans font can be included in the header if you want to use it. Depending on your theme you will most likely need to adjust the zIndex setting in JH_options too.