Template:Float: Difference between revisions

Template page
mNo edit summary
mNo edit summary
Line 10: Line 10:
   function showFloat</plainhtml>{{{1}}}<plainhtml>() {
   function showFloat</plainhtml>{{{1}}}<plainhtml>() {
     if(typeof useFloats == 'undefined') { return; }
     if(typeof useFloats == 'undefined') { return; }
    if(lastFloat == NULL) {
      lastFloat = hideFloat</plainhtml>{{{1}}}<plainhtml>;
    } else {
      if(lastFloat == hideFloat</plainhtml>{{{1}}}<plainhtml>) {
      } else {
        lastFloat();
        lastFloat = hideFloat</plainhtml>{{{1}}}<plainhtml>;
      }
    }
    
    
     var float = document.getElementById('float</plainhtml>{{{1}}}<plainhtml>');
     var float = document.getElementById('float</plainhtml>{{{1}}}<plainhtml>');
Line 59: Line 49:
     var float = document.getElementById('float</plainhtml>{{{1}}}<plainhtml>');
     var float = document.getElementById('float</plainhtml>{{{1}}}<plainhtml>');
     float.style.display = 'none';
     float.style.display = 'none';
    lastFloat = NULL;
   }
   }



Revision as of 19:38, 28 June 2006

<plainhtml>

<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("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';
 }
 function 

</script>

<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>
{{{2}}}[[{{{2}}} | article]] | [[Talk:{{{2}}} | discussion]]

{{:{{{2}}}}}<plainhtml>

</plainhtml>