Foros del web, para los que viven de bits

<script language=javascript>
    // ********** Parte 1: Inicializar valores
      window.onload = init;
      MouseX=0;
      MouseY=0;
    // ********** Parte 2: Funciones
    
      // Función para capturar el evento "Mouse Move" (al moverse el mouse)
      function init() {
        if (window.Event) {
          document.captureEvents(Event.MOUSEMOVE);
        }
        document.onmousemove = getXY;
      }
      // Función que actualiza la posición del ratón
      function getXY(e) {
        MouseX = (window.Event) ? e.pageX : (event.clientX + document.body.scrollLeft);
        MouseY = (window.Event) ? e.pageY : (event.clientY + document.body.scrollTop);         

      }
      
      // Función que aparece y desaparece el cuadrito de la ayuda
      function  hint( id, status ) 
      {
          var htmObj = document.getElementById(id)
          if(!htmObj)  return ;
          htmObj.style.visibility = status ? 'visible' : 'hidden';
          htmObj.style.top = (MouseY+20) + 'px';
          htmObj.style.left = (MouseX+20) + 'px';
      }
  </script>

<script LANGUAGE="JavaScript1.2">

/******************************************
* Imagen Flotante 2 Script - HTML.Dynamico 2001
* Mas Scripts y Recursos para tu web en:
* http://www.htmldynamico.cjb.net
******************************************/

var XX=20; // X position of the scrolling objects
var xstep=1;
var delay_time=60;

//Begin of the unchangable area, please do not modify this area
var YY=0;  
var ch=0;
var oh=0;
var yon=0;

var ns4=document.layers?1:0
var ie=document.all?1:0
var ns6=document.getElementById&&!document.all?1:0

if(ie){
YY=document.body.clientHeight;
point1.style.top=YY;
}
else if (ns4){
YY=window.innerHeight;
document.point1.pageY=YY;
document.point1.visibility="hidden";
}
else if (ns6){
YY=window.innerHeight
document.getElementById('point1').style.top=YY
}


function reloc1()
{

if(yon==0){YY=YY-xstep;}
else{YY=YY+xstep;}
if (ie){
ch=document.body.clientHeight;
oh=point1.offsetHeight;
}
else if (ns4){
ch=window.innerHeight;
oh=document.point1.clip.height;
}
else if (ns6){
ch=window.innerHeight
oh=document.getElementById("point1").offsetHeight
}
		
if(YY<0){yon=1;YY=0;}
if(YY>=(ch-oh)){yon=0;YY=(ch-oh);}
if(ie){
point1.style.right=XX;
point1.style.top=YY+document.body.scrollTop;
}
else if (ns4){
document.point1.pageX=XX;
document.point1.pageY=YY+window.pageYOffset;
}
else if (ns6){
document.getElementById("point1").style.right=XX
document.getElementById("point1").style.top=YY+window.pageYOffset
}

}

function onad()
{
if(ns4)
document.point1.visibility="visible";
loopfunc();
}
function loopfunc()
{
reloc1();
setTimeout('loopfunc()',delay_time);
}

if (ie||ns4||ns6)
window.onload=onad

</script>

<div id="point1" STYLE="position:absolute;visibility:visible;z-index:1;" >

</div>

		<div id="ayuda<?=$gal?>" class="hint">

    		</div>
/**********CSS***********/
.hint 
{
	background-color: #d1e1a3;
	font-family: verdana,arial,helvetica;
	visibility: hidden;
	font-size: 8pt;
	position: absolute;
	padding: 1px 2px;
	border: 1px solid #8b01a4;
	color: #000000;
	width: 200px;
	left: 328px;
	z-index: 0; 
}

window.onload = function() {onad();init();};

onmouseover="hint('ayuda','visible')" 
onmouseout="hint('ayuda','')