PhantomSnake (talk | contribs) mNo edit summary |
PhantomSnake (talk | contribs) mNo edit summary |
||
Line 8: | Line 8: | ||
---- | ---- | ||
<center> | <center> | ||
'''<plainhtml> | '''<plainhtml><a | ||
<a | |||
href="/wiki/Paths" | href="/wiki/Paths" | ||
title="Paths" | title="Paths" | ||
Line 16: | Line 14: | ||
onMouseOver="showFloat('PATHS', '')" | onMouseOver="showFloat('PATHS', '')" | ||
onMouseOut="delayedHideFloat('PATHS')" | onMouseOut="delayedHideFloat('PATHS')" | ||
>Paths</a><a id="floatlinkendPATHS"> </a> | >Paths</a><a id="floatlinkendPATHS"> </a></plainhtml>'''<br> | ||
</plainhtml>'''<br> | |||
{| | {| | ||
|| | || | ||
Line 140: | Line 136: | ||
<div><a id="floatanchorPATHS"> </a> | <div><a id="floatanchorPATHS"> </a> | ||
<div id="floatPATHS" onMouseOver="visible = true;" onMouseOut="delayedHideFloat('PATHS')" style="background: white; display: none; position: absolute; border: 1px solid #A9AFFF; color: #000; background-color: #DDDEFF; padding: 2px; width: | <div id="floatPATHS" onMouseOver="visible = true;" onMouseOut="delayedHideFloat('PATHS')" style="background: white; display: none; position: absolute; border: 1px solid #A9AFFF; color: #000; background-color: #DDDEFF; padding: 2px; width: 140px; height: 40px; overflow: hidden; z-index: 100;"></plainhtml>{| | ||
|| | |||
<imagelink> | |||
source=/w/images/c/c1/Rogue.PNG | |||
url=/wiki/Portal:Rogue | |||
title=Rogue | |||
</imagelink> | |||
|| | |||
<imagelink> | |||
source=/w/images/1/1f/Mage.PNG | |||
url=/wiki/Portal:Mage | |||
title=Mage | |||
</imagelink> | |||
|| | |||
<imagelink> | |||
source=/w/images/9/95/Warrior.PNG | |||
url=/wiki/Portal:Warrior | |||
title=Warrior | |||
</imagelink> | |||
|| | |||
<imagelink> | |||
source=/w/images/9/9c/Poet.PNG | |||
url=/wiki/Portal:Poet | |||
title=Poet | |||
</imagelink> | |||
|| | |||
<imagelink> | |||
source=/w/images/c/cb/Peasant.PNG | |||
url=/wiki/Peasant | |||
title=Peasant | |||
</imagelink> | |||
|}<plainhtml></div> | |||
</div> | </div> | ||
</plainhtml> | </plainhtml> |
Revision as of 13:38, 28 July 2006
<plainhtml><a
href="/wiki/Paths" title="Paths" id="floatlinkPATHS" onMouseOver="showFloat('PATHS', )" onMouseOut="delayedHideFloat('PATHS')"
>Paths</a><a id="floatlinkendPATHS"> </a></plainhtml>
Subpaths
<plainhtml>
<script type="text/javascript">
var useFloats = true; var visible = false; var lastFloat = ;
function findRelPosX(obj) { var relleft = 0;
if (obj.offsetParent) { relleft = obj.offsetLeft; } else if (obj.x) { relleft = obj.x; }
return relleft; }
function findRelPosY(obj) { var reltop = 0;
if (obj.offsetParent) { reltop = obj.offsetTop; } else if (obj.y) { reltop = obj.y; }
return reltop; }
function findDistanceX(outobj, inobj) { var distx = 0;
if (inobj.offsetParent) { while (inobj.offsetParent) { if(inobj.offsetParent == outobj.offsetParent) { break; }
distx += inobj.offsetLeft; inobj= inobj.offsetParent; } } else if (inobj.x) { distx = outobj.x - inobj.x; }
return distx; }
function findDistanceY(outobj, inobj) { var disty = 0;
if (inobj.offsetParent) { while (inobj.offsetParent) { if(inobj.offsetParent == outobj.offsetParent) { disty += inobj.offsetTop; break; }
disty += inobj.offsetTop; inobj = inobj.offsetParent; }
disty = outobj.offsetTop - disty; } else if (inobj.y) { disty = outobj.y - inobj.y; }
return disty; }
function findPosX(obj) { var curleft = 0;
if (obj.offsetParent) { while (obj.offsetParent) { curleft += obj.offsetLeft; obj = obj.offsetParent; } } else if (obj.x) { curleft += obj.x; } return curleft; } function findPosY(obj) { var curtop = 0; if (obj.offsetParent) { while (obj.offsetParent) { curtop += obj.offsetTop; obj = obj.offsetParent; } } else if (obj.y) { curtop += obj.y; } return curtop; }
function showFloat(id, index) { if(lastFloat == id) { } else { visible = false; hideFloat(lastFloat); lastFloat = id; } visible = true;
var float = document.getElementById('float' + id); var floatanchor = document.getElementById('floatanchor' + id); var link = document.getElementById('floatlink' + id + index); var linkend = document.getElementById('floatlinkend' + id + index); float.style.display = 'block';
var posX = findDistanceX(floatanchor, link) + findRelPosX(floatanchor) + ((findRelPosX(linkend) - findRelPosX(link)) / 2) - 175; if(posX < 0) { posX = 12; }
var posY = findRelPosY(floatanchor) - findDistanceY(floatanchor, link) + 18;
float.style.left = posX + 'px'; float.style.top = posY + 'px'; } function delayedHideFloat(id) { visible = false; window.setTimeout('hideFloat(\ + id + '\')', 200); } function hideFloat(id) { if(visible) { return; }
var float = document.getElementById('float' + id); if(float) { float.style.display = 'none'; } }
</script>
</plainhtml>
<plainhtml>
<a id="floatanchorPATHS"> </a>
</plainhtml>