|
|
| (7 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| <plainhtml>
| | {{FloatHelper|{{{1}}}|{{md5:{{{1}}}}}}} |
| | |
| <script type="text/javascript">
| |
| var visible</plainhtml>{{{1}}}<plainhtml> = false;
| |
| | |
| if(typeof useFloats == 'undefined') {
| |
| alert('Template:UseFloats must be included for "floating frames" support.');
| |
| }
| |
| | |
| function showFloat</plainhtml>{{{1}}}<plainhtml>() {
| |
| if(typeof useFloats == 'undefined') { return; }
| |
|
| |
| if(lastFloatHideFunction == NULL) {
| |
| } else {
| |
| if(lastFloatHideFunction == hideFloat</plainhtml>{{{1}}}<plainhtml>()) {
| |
| } else {
| |
| lastFloatHideFunction();
| |
| }
| |
| }
| |
| | |
| lastFloatHideFunction = hideFloat</plainhtml>{{{1}}}<plainhtml>;
| |
| | |
| var float = document.getElementById('float</plainhtml>{{{1}}}<plainhtml>');
| |
| var floatanchor = document.getElementById('floatanchor</plainhtml>{{{1}}}<plainhtml>');
| |
| var link = document.getElementById('floatlink</plainhtml>{{{1}}}<plainhtml>');
| |
| var linkend = document.getElementById('floatlinkend</plainhtml>{{{1}}}<plainhtml>');
| |
|
| |
| 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) + 19;
| |
| | |
| float.style.left = posX + 'px';
| |
| float.style.top = posY + 'px';
| |
| | |
| visible</plainhtml>{{{1}}}<plainhtml> = true;
| |
| }
| |
|
| |
| function delayedHideFloat</plainhtml>{{{1}}}<plainhtml>() {
| |
| if(typeof useFloats == 'undefined') { return; }
| |
| | |
| visible</plainhtml>{{{1}}}<plainhtml> = false;
| |
|
| |
| window.setTimeout("checkFloat</plainhtml>{{{1}}}<plainhtml>()", 200);
| |
| }
| |
|
| |
| function checkFloat</plainhtml>{{{1}}}<plainhtml>() {
| |
| if(typeof useFloats == 'undefined') { return; }
| |
| if(visible</plainhtml>{{{1}}}<plainhtml>) { return; }
| |
| | |
| hideFloat</plainhtml>{{{1}}}<plainhtml>();
| |
| }
| |
| | |
| function hideFloat</plainhtml>{{{1}}}<plainhtml>() {
| |
| var float = document.getElementById('float</plainhtml>{{{1}}}<plainhtml>');
| |
| float.style.display = 'none';
| |
| | |
| lastFloatHideFunction = NULL;
| |
| }
| |
| | |
| </script>
| |
| | |
| <div><a id="floatanchor</plainhtml>{{{1}}}<plainhtml>"> </a>
| |
| <div id="float</plainhtml>{{{1}}}<plainhtml>" onMouseOver="showFloat</plainhtml>{{{1}}}<plainhtml>()" onMouseOut="delayedHideFloat</plainhtml>{{{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><table width="333" border="0" cellpadding="0" cellspacing="0"><tr><td bgcolor="#F0F0FF"><b>{{{2}}}</b></td><td align="right" bgcolor="#F0F0FF">[[{{{2}}} | article]] | [[Talk:{{{2}}} | discussion]]</td></tr></table> <hr> {{:{{{2}}}}}<plainhtml></div>
| |
| </div>
| |
| | |
| </plainhtml>
| |
