Template:Float: Difference between revisions

Template page
mNo edit summary
mNo edit summary
 
(3 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; }
 
    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("hideFloat</plainhtml>{{{1}}}<plainhtml>()", 200);
  }
 
  function hideFloat</plainhtml>{{{1}}}<plainhtml>() {
    if(typeof useFloats == 'undefined') { return; }
    if(visible</plainhtml>{{{1}}}<plainhtml>) { return; }
 
    var float = document.getElementById('float</plainhtml>{{{1}}}<plainhtml>');
    float.style.display = 'none';
  }
 
</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]] | [{{localurl:{{{2}}}}} edit]</td></tr></table> <hr> {{:{{{2}}}}}<plainhtml></div>
</div>
 
</plainhtml>

Latest revision as of 10:18, 30 June 2006

<plainhtml>

<a id="floatanchor</plainhtml>{{md5:{{{1}}}}}<plainhtml>"> </a> <div id="float</plainhtml>{{md5:{{{1}}}}}<plainhtml>" onMouseOver="visible = true;" onMouseOut="delayedHideFloat('</plainhtml>{{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}}}[[{{{1}}} | article]] | [[Talk:{{{1}}} | discussion]] | [{{fullurl:{{{1}}}}}&action=edit edit]

{{:{{{1}}}}}<plainhtml>

</plainhtml>