PhantomSnake (talk | contribs) m (Testing "floating frames") |
PhantomSnake (talk | contribs) m (Testing "floating frames" some more :P) |
||
| Line 24: | Line 24: | ||
{{UseFloats}} | {{UseFloats}} | ||
{{Float|1| | {{Float|1|Gold acorn}} | ||
{{Float|2|Acorn}} | |||
{{Float|3|Flameblade}} | |||
Revision as of 17:25, 28 June 2006
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>
<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="floatanchor</plainhtml>Template:Md5:1<plainhtml>"> </a>
<div id="float</plainhtml>Template:Md5:1<plainhtml>" onMouseOver="visible = true;" onMouseOut="delayedHideFloat('</plainhtml>Template:Md5:1<plainhtml>')" style="background: white; display: none; position: absolute; border: 1px solid #A9AFFF; color: #000; background-color: #DDDEFF; padding: 2px; width: 350px; height: 150px; overflow: auto; z-index: 100;"></plainhtml>
1<plainhtml>
| 1 | article | discussion | edit |
1<plainhtml>
</plainhtml> <plainhtml>
<a id="floatanchor</plainhtml>Template:Md5:2<plainhtml>"> </a>
<div id="float</plainhtml>Template:Md5:2<plainhtml>" onMouseOver="visible = true;" onMouseOut="delayedHideFloat('</plainhtml>Template:Md5:2<plainhtml>')" style="background: white; display: none; position: absolute; border: 1px solid #A9AFFF; color: #000; background-color: #DDDEFF; padding: 2px; width: 350px; height: 150px; overflow: auto; z-index: 100;"></plainhtml>
2<plainhtml>
| 2 | article | discussion | edit |
2<plainhtml>
</plainhtml> <plainhtml>
<a id="floatanchor</plainhtml>Template:Md5:3<plainhtml>"> </a>
<div id="float</plainhtml>Template:Md5:3<plainhtml>" onMouseOver="visible = true;" onMouseOut="delayedHideFloat('</plainhtml>Template:Md5:3<plainhtml>')" style="background: white; display: none; position: absolute; border: 1px solid #A9AFFF; color: #000; background-color: #DDDEFF; padding: 2px; width: 350px; height: 150px; overflow: auto; z-index: 100;"></plainhtml>
3<plainhtml>
| 3 | article | discussion | edit |
3<plainhtml>
</plainhtml>