Enka.Network

Tooltips Guide

Table of Contents

  1. Getting Started
  2. Basic Usage
  3. Advanced Usage
  4. Supported Types
  5. More Examples

Getting Started

You can use the tooltip script to easily display descriptions of items or talents from the game, such as this:

Gatling Gun Talent (hover it with your mouse!)

The script fetches data from Project Amber .
If you encounter any issues or bugs, feel free to reach out to us on  Discord .

To install the tooltip script, link the style and script files in the <head> section of your page. You can omit the fonts file if you want to use your own fonts.

<link rel="stylesheet" href=" https://enka.network/js/tooltip/fonts.css " />
<link rel="stylesheet" href=" https://enka.network/js/tooltip/style.css " />
<script src=" https://enka.network/js/tooltip/script.js " defer></script>

Basic Usage

For basic usage, you need to set two main attributes, data-gi-type and data-gi-id , on any HTML element you want to attach a tooltip to.
By default, the language used will be English.
For example, look at this Skyward Harp .

<div class="item" data-gi-type="weapon" data-gi-id="15501">Skyward Harp</div>

Or this Flower .

<div class="item" data-gi-type="artifact" data-gi-id="15008">Flower</div>

Advanced Usage

data-gi-no-icon

This will disable the icon, for example if you're already using an icon on your page.

data-gi-lang

If you want to set specific language, you can use data-gi-lang attribute. See Supported Languages

data-gi-level

For weapons and talents, you can set their level, like this weapon at level 59. As you can see, it displays the stats according to the specified level.

<div class="item" data-gi-type="weapon" data-gi-id="14516" data-gi-level="59">weapon</div>

data-gi-index

This attribute sets refinement level.
This Harbinger of Dawn is at refinement level 5.

<div class="item" data-gi-type="weapon" data-gi-id="11302" data-gi-index="5">Harbinger of Dawn</div>

The data-gi-index attribute is type-dependant.

For character talent or constellation you need to set the character ID using the data-gi-id attribute.

  • • When used with talent the data-gi-index defines the specific talent you want to display.
  • • For constellation , it specifies the constellation number, starting at 1.

For further info, please refer to Supported Types

Supported Types

For detailed information about the attributes corresponding to each type, please refer to the table below.

◇ data-gi-type◇ data-gi-id◇ data-gi-level◇ data-gi-index
weaponWeapon IDWeapon LevelRefinement Level
artifactArtifact Set ID*Slot Index
talentCharacter IDTalent Level*Talent Index
constellationCharacter IDConstellation Index

Slot Index

◇ Index◇ Description
0Flower of Life
1Plume of Death
2Sands of Eon
3Goblet of Eonothem
4Circlet of Logos

Talent Index

◇ Index◇ Description
0Normal Attack
1Elemental Skill
3Elemental Burst
4Passive Talent - A2
5Passive Talent - A4
6Passive Talent - Overworld 1
8Passive Talent - Overworld 2

Languages

◇ Value◇ Description
ENEnglish
DEGerman
FRFrench
IDIndonesian
ITItalian
JPJapanese
PTPortuguese
RURussian
THThai
TRTurkish
VIVietnamese
KRKorean
CHSChinese Simplified
CHTChinese Traditional

More Examples

Weapons

Artifacts

Talents

Constellations