PhantomSnake (talk | contribs) mNo edit summary |
PhantomSnake (talk | contribs) mNo edit summary |
||
Line 101: | Line 101: | ||
<plainhtml> | <plainhtml> | ||
<div><a id="floatanchorPATHS"> </a> | <div><a id="floatanchorPATHS"> </a> | ||
<div id="floatPATHS" onMouseOver="visible = true;" onMouseOut="delayedHideFloat('PATHS')" style="display: none; position: absolute; border: 1px solid #CCCCCC; padding: 2px; width: | <div id="floatPATHS" onMouseOver="visible = true;" onMouseOut="delayedHideFloat('PATHS')" style="background-color: #FFFFFF; display: none; position: absolute; border: 1px solid #CCCCCC; padding: 2px; width: 110px; height: 150px; overflow: auto; z-index: 100;"><table><tr><td></plainhtml><imagelink> | ||
source=/w/images/c/c1/Rogue.PNG | source=/w/images/c/c1/Rogue.PNG | ||
url=/wiki/Portal:Rogue | url=/wiki/Portal:Rogue | ||
title=Rogue | title=Rogue | ||
</imagelink></td><td><imagelink> | </imagelink></td><td>[[Rogue]]</td></tr><tr><td><imagelink> | ||
source=/w/images/1/1f/Mage.PNG | source=/w/images/1/1f/Mage.PNG | ||
url=/wiki/Portal:Mage | url=/wiki/Portal:Mage | ||
title=Mage | title=Mage | ||
</imagelink></td><td><imagelink> | </imagelink></td><td>[[Mage]]</td></tr><tr><td><imagelink> | ||
source=/w/images/9/95/Warrior.PNG | source=/w/images/9/95/Warrior.PNG | ||
url=/wiki/Portal:Warrior | url=/wiki/Portal:Warrior | ||
title=Warrior | title=Warrior | ||
</imagelink></td><td><imagelink> | </imagelink></td><td>[[Warrior]]</td></tr><tr><td><imagelink> | ||
source=/w/images/9/9c/Poet.PNG | source=/w/images/9/9c/Poet.PNG | ||
url=/wiki/Portal:Poet | url=/wiki/Portal:Poet | ||
title=Poet | title=Poet | ||
</imagelink></td><td><imagelink> | </imagelink></td><td>[[Poet]]</td></tr><tr><td><imagelink> | ||
source=/w/images/c/cb/Peasant.PNG | source=/w/images/c/cb/Peasant.PNG | ||
url=/wiki/Peasant | url=/wiki/Peasant | ||
title=Peasant | title=Peasant | ||
</imagelink></td></tr></table><plainhtml></div> | </imagelink></td><td>[[Peasant]]</td></tr></table><plainhtml></div> | ||
</div> | </div> | ||
</plainhtml> | </plainhtml> |
Revision as of 13:47, 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>