Template:Float: Difference between revisions

Template page
mNo edit summary
mNo edit summary
Line 19: Line 19:
     var pos = findRelPosX(link) + ((findRelPosX(linkend) - findRelPosX(link)) / 2) - 175;
     var pos = findRelPosX(link) + ((findRelPosX(linkend) - findRelPosX(link)) / 2) - 175;
     if(pos < 0) {
     if(pos < 0) {
       pos = 9;
       pos = 11;
     } // else if(pos >
     } // else if(pos >


Line 56: Line 56:


<div>
<div>
<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 #000000; width: 350px; height: 150px; overflow: auto; z-index: 100;"></plainhtml>{{:{{{2}}}}}<plainhtml></div>
<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 #000000; width: 350px; height: 150px; overflow: auto; z-index: 100;"></plainhtml>== {{{2}}} ==
{{:{{{2}}}}}<plainhtml></div>
</div>
</div>


</plainhtml>
</plainhtml>

Revision as of 16:41, 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 link = document.getElementById('floatlink</plainhtml>{{{1}}}<plainhtml>');
   var linkend = document.getElementById('floatlinkend</plainhtml>{{{1}}}<plainhtml>');
   
   float.style.display = 'block';
   var pos = findRelPosX(link) + ((findRelPosX(linkend) - findRelPosX(link)) / 2) - 175;
   if(pos < 0) {
     pos = 11;
   } // else if(pos >
   float.style.left = pos + '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';
     
   return;
 }

</script>

<a

 href="/wiki/</plainhtml>{{{2}}}<plainhtml>"
 title="</plainhtml>{{{2}}}<plainhtml>"
 id="floatlink</plainhtml>{{{1}}}<plainhtml>"
 onMouseOver="showFloat</plainhtml>{{{1}}}<plainhtml>()"
 onMouseOut="delayedHideFloat</plainhtml>{{{1}}}<plainhtml>()"

></plainhtml>{{{2}}}<plainhtml></a><a id="floatlinkend</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 #000000; width: 350px; height: 150px; overflow: auto; z-index: 100;"></plainhtml>== {{{2}}} ==

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

</plainhtml>