PhantomSnake (talk | contribs) m (Testing "floating frames" some more :P) |
PhantomSnake (talk | contribs) mNo edit summary |
||
Line 1: | Line 1: | ||
{{UseFloats}} | |||
[[Main_Page | This is an internal link to the main page with a description]]<br> | [[Main_Page | This is an internal link to the main page with a description]]<br> | ||
[[Main_Page]] | [[Main_Page]] | ||
Line 23: | Line 25: | ||
</poll> | </poll> | ||
{{ | {{FloatLink|1|Gold acorn}} | ||
{{FloatLink|2|Acorn}} | |||
{{ | {{FloatLink|3|Flameblade}} | ||
{{ |
Revision as of 18:11, 28 June 2006
<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>
This is an internal link to the main page with a description
Main_Page
This is a headline
And a sub-headline
Please feel free to play around with all the wiki options here.
<poem> Hello world! I am here to play And laugh a lot And play all day~ </poem>
<poll> Do you like NexusWiki? Yes Definately Of course </poll>
<plainhtml>
<a
href="/wiki/</plainhtml>1<plainhtml>" title="</plainhtml>1<plainhtml>" id="floatlink</plainhtml>Template:Md5:1<randomid></randomid><plainhtml>" onMouseOver="showFloat('</plainhtml>Template:Md5:1<plainhtml>', '</plainhtml><randomid></randomid><plainhtml>')" onMouseOut="delayedHideFloat('</plainhtml>Template:Md5:1<plainhtml>')"
></plainhtml>1<plainhtml></a><a id="floatlinkend</plainhtml>Template:Md5:1<randomid></randomid><plainhtml>"> </a>
</plainhtml> <plainhtml>
<a
href="/wiki/</plainhtml>2<plainhtml>" title="</plainhtml>2<plainhtml>" id="floatlink</plainhtml>Template:Md5:2<randomid></randomid><plainhtml>" onMouseOver="showFloat('</plainhtml>Template:Md5:2<plainhtml>', '</plainhtml><randomid></randomid><plainhtml>')" onMouseOut="delayedHideFloat('</plainhtml>Template:Md5:2<plainhtml>')"
></plainhtml>2<plainhtml></a><a id="floatlinkend</plainhtml>Template:Md5:2<randomid></randomid><plainhtml>"> </a>
</plainhtml> <plainhtml>
<a
href="/wiki/</plainhtml>3<plainhtml>" title="</plainhtml>3<plainhtml>" id="floatlink</plainhtml>Template:Md5:3<randomid></randomid><plainhtml>" onMouseOver="showFloat('</plainhtml>Template:Md5:3<plainhtml>', '</plainhtml><randomid></randomid><plainhtml>')" onMouseOut="delayedHideFloat('</plainhtml>Template:Md5:3<plainhtml>')"
></plainhtml>3<plainhtml></a><a id="floatlinkend</plainhtml>Template:Md5:3<randomid></randomid><plainhtml>"> </a>
</plainhtml>