Difference between revisions of "Widget:Skill Tree"

From UnderWiki
Jump to navigation Jump to search
Line 46: Line 46:
 
<map name="skill_map<!--{$seed|escape:'html'|default:'1'}-->">
 
<map name="skill_map<!--{$seed|escape:'html'|default:'1'}-->">
 
   <area shape="circle" coords="1856,1395,64" onMouseOver="document.getElementById('skillmagic01<!--{$seed|escape:'html'|default:'1'}-->').style.display='flex';" onMouseOut="document.getElementById('skillmagic01<!--{$seed|escape:'html'|default:'1'}-->').style.display='none';" href="https://underwiki.com/wiki/Mage_Sight">
 
   <area shape="circle" coords="1856,1395,64" onMouseOver="document.getElementById('skillmagic01<!--{$seed|escape:'html'|default:'1'}-->').style.display='flex';" onMouseOut="document.getElementById('skillmagic01<!--{$seed|escape:'html'|default:'1'}-->').style.display='none';" href="https://underwiki.com/wiki/Mage_Sight">
   <area shape="circle" coords="1281,1061,64" onMouseOver="document.getElementById('skillmagic02<!--{$seed|escape:'html'|default:'1'}-->').style.display='flex';" onMouseOut="document.getElementById('skillmagic01<!--{$seed|escape:'html'|default:'1'}-->').style.display='none';" href="https://underwiki.com/wiki/Mage_Sight">
+
   <area shape="circle" coords="1281,1061,64" onMouseOver="document.getElementById('skillmagic02<!--{$seed|escape:'html'|default:'1'}-->').style.display='flex';" onMouseOut="document.getElementById('skillmagic02<!--{$seed|escape:'html'|default:'1'}-->').style.display='none';" href="https://underwiki.com/wiki/Mage_Sight">
   <area shape="circle" coords="1472,1061,64" onMouseOver="document.getElementById('skillmagic03<!--{$seed|escape:'html'|default:'1'}-->').style.display='flex';" onMouseOut="document.getElementById('skillmagic01<!--{$seed|escape:'html'|default:'1'}-->').style.display='none';" href="https://underwiki.com/wiki/Mage_Sight">
+
   <area shape="circle" coords="1472,1061,64" onMouseOver="document.getElementById('skillmagic03<!--{$seed|escape:'html'|default:'1'}-->').style.display='flex';" onMouseOut="document.getElementById('skillmagic03<!--{$seed|escape:'html'|default:'1'}-->').style.display='none';" href="https://underwiki.com/wiki/Mage_Sight">
   <area shape="circle" coords="1665,1061,64" onMouseOver="document.getElementById('skillmagic04<!--{$seed|escape:'html'|default:'1'}-->').style.display='flex';" onMouseOut="document.getElementById('skillmagic01<!--{$seed|escape:'html'|default:'1'}-->').style.display='none';" href="https://underwiki.com/wiki/Mage_Sight">
+
   <area shape="circle" coords="1665,1061,64" onMouseOver="document.getElementById('skillmagic04<!--{$seed|escape:'html'|default:'1'}-->').style.display='flex';" onMouseOut="document.getElementById('skillmagic04<!--{$seed|escape:'html'|default:'1'}-->').style.display='none';" href="https://underwiki.com/wiki/Mage_Sight">
   <area shape="circle" coords="1856,1061,64" onMouseOver="document.getElementById('skillmagic05<!--{$seed|escape:'html'|default:'1'}-->').style.display='flex';" onMouseOut="document.getElementById('skillmagic01<!--{$seed|escape:'html'|default:'1'}-->').style.display='none';" href="https://underwiki.com/wiki/Mage_Sight">
+
   <area shape="circle" coords="1856,1061,64" onMouseOver="document.getElementById('skillmagic05<!--{$seed|escape:'html'|default:'1'}-->').style.display='flex';" onMouseOut="document.getElementById('skillmagic05<!--{$seed|escape:'html'|default:'1'}-->').style.display='none';" href="https://underwiki.com/wiki/Mage_Sight">
   <area shape="circle" coords="2048,1061,64" onMouseOver="document.getElementById('skillmagic06<!--{$seed|escape:'html'|default:'1'}-->').style.display='flex';" onMouseOut="document.getElementById('skillmagic01<!--{$seed|escape:'html'|default:'1'}-->').style.display='none';" href="https://underwiki.com/wiki/Mage_Sight">
+
   <area shape="circle" coords="2048,1061,64" onMouseOver="document.getElementById('skillmagic06<!--{$seed|escape:'html'|default:'1'}-->').style.display='flex';" onMouseOut="document.getElementById('skillmagic06<!--{$seed|escape:'html'|default:'1'}-->').style.display='none';" href="https://underwiki.com/wiki/Mage_Sight">
   <area shape="circle" coords="2240,1061,64" onMouseOver="document.getElementById('skillmagic07<!--{$seed|escape:'html'|default:'1'}-->').style.display='flex';" onMouseOut="document.getElementById('skillmagic01<!--{$seed|escape:'html'|default:'1'}-->').style.display='none';" href="https://underwiki.com/wiki/Mage_Sight">
+
   <area shape="circle" coords="2240,1061,64" onMouseOver="document.getElementById('skillmagic07<!--{$seed|escape:'html'|default:'1'}-->').style.display='flex';" onMouseOut="document.getElementById('skillmagic07<!--{$seed|escape:'html'|default:'1'}-->').style.display='none';" href="https://underwiki.com/wiki/Mage_Sight">
   <area shape="circle" coords="1472,836,64" onMouseOver="document.getElementById('skillmagic08<!--{$seed|escape:'html'|default:'1'}-->').style.display='flex';" onMouseOut="document.getElementById('skillmagic01<!--{$seed|escape:'html'|default:'1'}-->').style.display='none';" href="https://underwiki.com/wiki/Mage_Sight">
+
   <area shape="circle" coords="1472,836,64" onMouseOver="document.getElementById('skillmagic08<!--{$seed|escape:'html'|default:'1'}-->').style.display='flex';" onMouseOut="document.getElementById('skillmagic08<!--{$seed|escape:'html'|default:'1'}-->').style.display='none';" href="https://underwiki.com/wiki/Mage_Sight">
   <area shape="circle" coords="1664,836,64" onMouseOver="document.getElementById('skillmagic09<!--{$seed|escape:'html'|default:'1'}-->').style.display='flex';" onMouseOut="document.getElementById('skillmagic01<!--{$seed|escape:'html'|default:'1'}-->').style.display='none';" href="https://underwiki.com/wiki/Mage_Sight">
+
   <area shape="circle" coords="1664,836,64" onMouseOver="document.getElementById('skillmagic09<!--{$seed|escape:'html'|default:'1'}-->').style.display='flex';" onMouseOut="document.getElementById('skillmagic09<!--{$seed|escape:'html'|default:'1'}-->').style.display='none';" href="https://underwiki.com/wiki/Mage_Sight">
   <area shape="circle" coords="1857,836,64" onMouseOver="document.getElementById('skillmagic10<!--{$seed|escape:'html'|default:'1'}-->').style.display='flex';" onMouseOut="document.getElementById('skillmagic01<!--{$seed|escape:'html'|default:'1'}-->').style.display='none';" href="https://underwiki.com/wiki/Mage_Sight">
+
   <area shape="circle" coords="1857,836,64" onMouseOver="document.getElementById('skillmagic10<!--{$seed|escape:'html'|default:'1'}-->').style.display='flex';" onMouseOut="document.getElementById('skillmagic10<!--{$seed|escape:'html'|default:'1'}-->').style.display='none';" href="https://underwiki.com/wiki/Mage_Sight">
   <area shape="circle" coords="2112,836,64" onMouseOver="document.getElementById('skillmagic11<!--{$seed|escape:'html'|default:'1'}-->').style.display='flex';" onMouseOut="document.getElementById('skillmagic01<!--{$seed|escape:'html'|default:'1'}-->').style.display='none';" href="https://underwiki.com/wiki/Mage_Sight">
+
   <area shape="circle" coords="2112,836,64" onMouseOver="document.getElementById('skillmagic11<!--{$seed|escape:'html'|default:'1'}-->').style.display='flex';" onMouseOut="document.getElementById('skillmagic11<!--{$seed|escape:'html'|default:'1'}-->').style.display='none';" href="https://underwiki.com/wiki/Mage_Sight">
   <area shape="circle" coords="2240,836,64" onMouseOver="document.getElementById('skillmagic12<!--{$seed|escape:'html'|default:'1'}-->').style.display='flex';" onMouseOut="document.getElementById('skillmagic01<!--{$seed|escape:'html'|default:'1'}-->').style.display='none';" href="https://underwiki.com/wiki/Mage_Sight">
+
   <area shape="circle" coords="2240,836,64" onMouseOver="document.getElementById('skillmagic12<!--{$seed|escape:'html'|default:'1'}-->').style.display='flex';" onMouseOut="document.getElementById('skillmagic12<!--{$seed|escape:'html'|default:'1'}-->').style.display='none';" href="https://underwiki.com/wiki/Mage_Sight">
   <area shape="circle" coords="2369,836,64" onMouseOver="document.getElementById('skillmagic13<!--{$seed|escape:'html'|default:'1'}-->').style.display='flex';" onMouseOut="document.getElementById('skillmagic01<!--{$seed|escape:'html'|default:'1'}-->').style.display='none';" href="https://underwiki.com/wiki/Mage_Sight">
+
   <area shape="circle" coords="2369,836,64" onMouseOver="document.getElementById('skillmagic13<!--{$seed|escape:'html'|default:'1'}-->').style.display='flex';" onMouseOut="document.getElementById('skillmagic13<!--{$seed|escape:'html'|default:'1'}-->').style.display='none';" href="https://underwiki.com/wiki/Mage_Sight">
   <area shape="circle" coords="1281,612,64" onMouseOver="document.getElementById('skillmagic14<!--{$seed|escape:'html'|default:'1'}-->').style.display='flex';" onMouseOut="document.getElementById('skillmagic01<!--{$seed|escape:'html'|default:'1'}-->').style.display='none';" href="https://underwiki.com/wiki/Mage_Sight">
+
   <area shape="circle" coords="1281,612,64" onMouseOver="document.getElementById('skillmagic14<!--{$seed|escape:'html'|default:'1'}-->').style.display='flex';" onMouseOut="document.getElementById('skillmagic14<!--{$seed|escape:'html'|default:'1'}-->').style.display='none';" href="https://underwiki.com/wiki/Mage_Sight">
   <area shape="circle" coords="1472,612,64" onMouseOver="document.getElementById('skillmagic15<!--{$seed|escape:'html'|default:'1'}-->').style.display='flex';" onMouseOut="document.getElementById('skillmagic01<!--{$seed|escape:'html'|default:'1'}-->').style.display='none';" href="https://underwiki.com/wiki/Mage_Sight">
+
   <area shape="circle" coords="1472,612,64" onMouseOver="document.getElementById('skillmagic15<!--{$seed|escape:'html'|default:'1'}-->').style.display='flex';" onMouseOut="document.getElementById('skillmagic15<!--{$seed|escape:'html'|default:'1'}-->').style.display='none';" href="https://underwiki.com/wiki/Mage_Sight">
   <area shape="circle" coords="1856,612,64" onMouseOver="document.getElementById('skillmagic01<!--{$seed|escape:'html'|default:'1'}-->').style.display='flex';" onMouseOut="document.getElementById('skillmagic01<!--{$seed|escape:'html'|default:'1'}-->').style.display='none';" href="https://underwiki.com/wiki/Mage_Sight">
+
   <area shape="circle" coords="1856,612,64" onMouseOver="document.getElementById('skillmagic16<!--{$seed|escape:'html'|default:'1'}-->').style.display='flex';" onMouseOut="document.getElementById('skillmagic16<!--{$seed|escape:'html'|default:'1'}-->').style.display='none';" href="https://underwiki.com/wiki/Mage_Sight">
   <area shape="circle" coords="2240,612,64" onMouseOver="document.getElementById('skillmagic16<!--{$seed|escape:'html'|default:'1'}-->').style.display='flex';" onMouseOut="document.getElementById('skillmagic01<!--{$seed|escape:'html'|default:'1'}-->').style.display='none';" href="https://underwiki.com/wiki/Mage_Sight">
+
   <area shape="circle" coords="2240,612,64" onMouseOver="document.getElementById('skillmagic17<!--{$seed|escape:'html'|default:'1'}-->').style.display='flex';" onMouseOut="document.getElementById('skillmagic17<!--{$seed|escape:'html'|default:'1'}-->').style.display='none';" href="https://underwiki.com/wiki/Mage_Sight">
   <area shape="circle" coords="2369,612,64" onMouseOver="document.getElementById('skillmagic17<!--{$seed|escape:'html'|default:'1'}-->').style.display='flex';" onMouseOut="document.getElementById('skillmagic01<!--{$seed|escape:'html'|default:'1'}-->').style.display='none';" href="https://underwiki.com/wiki/Mage_Sight">
+
   <area shape="circle" coords="2369,612,64" onMouseOver="document.getElementById('skillmagic18<!--{$seed|escape:'html'|default:'1'}-->').style.display='flex';" onMouseOut="document.getElementById('skillmagic18<!--{$seed|escape:'html'|default:'1'}-->').style.display='none';" href="https://underwiki.com/wiki/Mage_Sight">
   <area shape="circle" coords="1473,452,64" onMouseOver="document.getElementById('skillmagic18<!--{$seed|escape:'html'|default:'1'}-->').style.display='flex';" onMouseOut="document.getElementById('skillmagic01<!--{$seed|escape:'html'|default:'1'}-->').style.display='none';" href="https://underwiki.com/wiki/Mage_Sight">
+
   <area shape="circle" coords="1473,452,64" onMouseOver="document.getElementById('skillmagic19<!--{$seed|escape:'html'|default:'1'}-->').style.display='flex';" onMouseOut="document.getElementById('skillmagic19<!--{$seed|escape:'html'|default:'1'}-->').style.display='none';" href="https://underwiki.com/wiki/Mage_Sight">
   <area shape="circle" coords="2241,452,64" onMouseOver="document.getElementById('skillmagic19<!--{$seed|escape:'html'|default:'1'}-->').style.display='flex';" onMouseOut="document.getElementById('skillmagic01<!--{$seed|escape:'html'|default:'1'}-->').style.display='none';" href="https://underwiki.com/wiki/Mage_Sight">
+
   <area shape="circle" coords="2241,452,64" onMouseOver="document.getElementById('skillmagic20<!--{$seed|escape:'html'|default:'1'}-->').style.display='flex';" onMouseOut="document.getElementById('skillmagic20<!--{$seed|escape:'html'|default:'1'}-->').style.display='none';" href="https://underwiki.com/wiki/Mage_Sight">
   <area shape="circle" coords="1249,292,64" onMouseOver="document.getElementById('skillmagic21<!--{$seed|escape:'html'|default:'1'}-->').style.display='flex';" onMouseOut="document.getElementById('skillmagic01<!--{$seed|escape:'html'|default:'1'}-->').style.display='none';" href="https://underwiki.com/wiki/Mage_Sight">
+
   <area shape="circle" coords="1249,292,64" onMouseOver="document.getElementById('skillmagic21<!--{$seed|escape:'html'|default:'1'}-->').style.display='flex';" onMouseOut="document.getElementById('skillmagic21<!--{$seed|escape:'html'|default:'1'}-->').style.display='none';" href="https://underwiki.com/wiki/Mage_Sight">
   <area shape="circle" coords="1473,292,64" onMouseOver="document.getElementById('skillmagic22<!--{$seed|escape:'html'|default:'1'}-->').style.display='flex';" onMouseOut="document.getElementById('skillmagic01<!--{$seed|escape:'html'|default:'1'}-->').style.display='none';" href="https://underwiki.com/wiki/Mage_Sight">
+
   <area shape="circle" coords="1473,292,64" onMouseOver="document.getElementById('skillmagic22<!--{$seed|escape:'html'|default:'1'}-->').style.display='flex';" onMouseOut="document.getElementById('skillmagic22<!--{$seed|escape:'html'|default:'1'}-->').style.display='none';" href="https://underwiki.com/wiki/Mage_Sight">
   <area shape="circle" coords="2240,292,64" onMouseOver="document.getElementById('skillmagic23<!--{$seed|escape:'html'|default:'1'}-->').style.display='flex';" onMouseOut="document.getElementById('skillmagic01<!--{$seed|escape:'html'|default:'1'}-->').style.display='none';" href="https://underwiki.com/wiki/Mage_Sight">
+
   <area shape="circle" coords="2240,292,64" onMouseOver="document.getElementById('skillmagic23<!--{$seed|escape:'html'|default:'1'}-->').style.display='flex';" onMouseOut="document.getElementById('skillmagic23<!--{$seed|escape:'html'|default:'1'}-->').style.display='none';" href="https://underwiki.com/wiki/Mage_Sight">
 
</map></div>
 
</map></div>
 
<div id="skillbase<!--{$seed|escape:'html'|default:'1'}-->" style="width:<!--{$width|escape:'html'|default:'1024'}-->px;height:calc((<!--{$width|escape:'html'|default:'1024'}--> / 3712) * 1744px);position:absolute;top:0;left:0;z-index:1;background-image: url('https://underwiki.com/images/5/5a/Skill_Tree.png');<!--{if isset($base)}-->display:flex;<!--{else}-->display:flex;background-size:cover;<!--{/if}-->">&nbsp;</div>
 
<div id="skillbase<!--{$seed|escape:'html'|default:'1'}-->" style="width:<!--{$width|escape:'html'|default:'1024'}-->px;height:calc((<!--{$width|escape:'html'|default:'1024'}--> / 3712) * 1744px);position:absolute;top:0;left:0;z-index:1;background-image: url('https://underwiki.com/images/5/5a/Skill_Tree.png');<!--{if isset($base)}-->display:flex;<!--{else}-->display:flex;background-size:cover;<!--{/if}-->">&nbsp;</div>
 
</div></includeonly>
 
</div></includeonly>

Revision as of 13:01, 9 April 2019

This widget inserts an imagemap of the skills.

Parameters

width
Width of the skills pane, in pixels. Default is 1024 pixels.

Special Parameters

seed
If included more than once on a page, you can override this value so the imagemap and layers are controlled separately in each. The default seed value is '0'.