// JavaScript Document ////////////////////////////////////////////////////////////////////////////////////////////// // Librería: tooltip // Descripción: Contiene las funciones de tooltips // Requisitos: Añadir onMouseMove="iniToolTip()" a la etiqueta // ejemplo: // Añadir entre // En la etiqueta que quieras el ToolTip añadir lo siguiente // onMouseOver="contenidoToolTip('Texto...'); activaToolTip();" // onMouseOut="desactivaToolTip()" // // Historia: // SDP - 24/03/2003 : Creacion // Capa del ToolTip en estilo CSS document.write(''); var ttBgColor = "#FFFFCC" // Color fondo var ttFontColor = "#000000" // Color texto var ttFontSize = "8 pt" // Tamaño texto var ttFont = "Arial" // Fuente texto var Ex, Ey, ContentInfo var initialize = 0 var ie = document.all ? 1 : 0 var ns = document.layers ? 1 : 0 if(ns){doc = "document."; sty = ""} if(ie){doc = "document.all."; sty = ".style"} if(ie){Ex = "event.x"; Ey = "event.y"} if(ns){Ex = "e.pageX"; Ey = "e.pageY"; window.captureEvents(Event.MOUSEMOVE); window.onmousemove=iniToolTip} function moverToolTip(layerName, FromTop, FromLeft, e){ if(ie){eval(doc + layerName + sty + ".top = " + (eval(FromTop) + document.body.scrollTop))} if(ns){eval(doc + layerName + sty + ".top = " + eval(FromTop))} eval(doc + layerName + sty + ".left = " + (eval(FromLeft) + 15)) } function cambiarContenido(layerName){ //alert(layerName) if(ie){document.all[layerName].innerHTML = ContentInfo} if(ns){ with(document.layers[layerName].document){ open(); write(ContentInfo); close(); } } } function activaToolTip(){initialize=1} function desactivaToolTip(){initialize=0} function iniToolTip(e){ if(initialize){ moverToolTip("ToolTip", Ey, Ex, e) eval(doc + "ToolTip" + sty + ".visibility = 'visible'") }else{ moverToolTip("ToolTip", 0, 0) eval(doc + "ToolTip" + sty + ".visibility = 'hidden'") } } function contenidoToolTip(TTContent){ ContentInfo = ''+ ''+ ''+ ''+ '

'+ ''+ ''+ ''+ ''+ '

'+ ''+ ''+ ''+ ''+ '

'+ ''+ TTContent +''+ '

'+ '

'+ '

'; //alert(TTContent); cambiarContenido('ToolTip') }