// Função para mostrar a Imagem como ToolTip. // // É necessário a criação de uma imagem HTML na página com e // // Logo após no HTML do aspx insira a linha abaixo: // // // A variável imagscr vem de Handler_ImgToolTip.ashx ( Consulte [ case is = TOOLTIPIMAGE ] neste arquivo ) // // Para as funções abaixo terem efeito é preciso inserir no objeto (Image1 por exemplo) em que se deseja inserir o tooltip o código abaixo: // // Protected Sub Image1_Init(ByVal sender As Object, ByVal e As System.EventArgs) Handles Image1.Init // // Image1.Attributes.Add("onmouseover", "MostraToolTip('Handler_ImgToolTip.ashx?idimg=[nnn]&idfile=TOOLTIPIMAGE',[Objeto.ClientID],[imgId])") // Image1.Attributes.Add("onmouseout", "ApagaToolTip(,[imgId]))") // // End Sub // ' O parâmetro [nn] pode variar de 0 a 200 ( ?idimg=200&idfile ..... ) . Esta numeração, refere-se ao índice do session("Login") Array // ' de nome vPU_img_ByteArrayTT(nn) pertencente a Classe IQPU_Inicial_de_Login, que deverá conter uma imagem em binário. // ' [Objeto.ClientID] é a identificação do Objeto que terá o ToolTio com mouseover (out). ex: Image1.ClientID // ' [imgId] é o id da imagem HTML a ser criada para este objeto. (ex: 'img01') // function MostraToolTip(imgsrc,sender,objid) { var dim = iqf_GetTopLeft(document.getElementById(sender)); if (!document.getElementById(objid)) { var newimg = document.createElement("img"); document.getElementsByTagName("table")[0].appendChild(newimg); newimg.setAttribute("id", objid); newimg.style.height = "auto"; newimg.style.width = "auto"; newimg.style.position = "absolute"; newimg.viewstate ="true"; } document.getElementById(objid).src = imgsrc; document.getElementById(objid).style.visibility = "visible"; vhWindow = window.screen.height; vlWindow = iqf_getBrowserWidth(); // window.screen.Width; vhToolTip = document.getElementById(objid).height; vlToolTip = document.getElementById(objid).width; vhSender = parseInt(document.getElementById(sender).height/2); vlSender = parseInt(document.getElementById(sender).width/2); if ( parseInt(dim.Top) + vhSender + vhToolTip <= vhWindow ) posTop = parseInt(dim.Top) + vhSender; else posTop = parseInt(dim.Top) + vhSender - vhToolTip; if ( posTop < 0 ) posTop = 0 ; document.getElementById(objid).style.top = posTop + 'px'; if ( parseInt(dim.Left) + vlSender + vlToolTip <= vlWindow ) posLeft = parseInt(dim.Left) + vlSender; else posLeft = parseInt(dim.Left) + vlSender - vlToolTip; if ( posLeft < 0 ) posLeft = 0 ; document.getElementById(objid).style.left = posLeft + 'px'; document.getElementById(objid).style.zIndex = 100100; } // Função do MouseOver --------------------------------------------------------------------------- function ApagaToolTip(objid) { document.getElementById(objid).style.visibility = "Hidden"; }