Comentário Com Onclick

ffppereira · Setembro 6, 2004

Uma ajuda:

Tenho uma tabela com várias palavras escritas. Gostaria que ao clicar sobre uma palavra abrisse uma janela (tipo aquelas amarelas que abrem com title, bem simples, sem ser uma janela do browser) onde estará escrito a definição daquela palavra. Ao clicar o mouse novamente esta janela se fechará.

Tenho feito esta definição através do title, mas é muito ruim porque além do internauta ter que advinhar, que tem que colocar o cursos em cima da palavra, a janela fica pouco tempo ativa.

Fernando

sexfashion · Setembro 6, 2004

Começa assim rapá:

Cria essa layer:

<style type="text/css">
#dhtmltooltip{
position: absolute;
width: 150px;
border: 2px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
}
</style>

Agora o JS (dentro do <body>):

<div id="dhtmltooltip"></div>
<script type="text/javascript">
var offsetxpoint=-60
var offsetypoint=20
var ie=document.all
var ns6=document.getElementById && !document.all
var enabletip=false
if (ie||ns6)
var tipobj=document.all? document.all["dhtmltooltip"] : document.getElementById? document.getElementById("dhtmltooltip") : ""

function ietruebody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function ddrivetip(thetext, thecolor, thewidth){
if (ns6||ie){
if (typeof thewidth!="undefined") tipobj.style.width=thewidth+"px"
if (typeof thecolor!="undefined" && thecolor!="") tipobj.style.backgroundColor=thecolor
tipobj.innerHTML=thetext
enabletip=true
return false
}
}

function positiontip(e){
if (enabletip){
var curX=(ns6)?e.pageX : event.x+ietruebody().scrollLeft;
var curY=(ns6)?e.pageY : event.y+ietruebody().scrollTop;
var rightedge=ie&&!window.opera? ietruebody().clientWidth-event.clientX-offsetxpoint : window.innerWidth-e.clientX-offsetxpoint-20
var bottomedge=ie&&!window.opera? ietruebody().clientHeight-event.clientY-offsetypoint : window.innerHeight-e.clientY-offsetypoint-20

var leftedge=(offsetxpoint<0)? offsetxpoint*(-1) : -1000

if (rightedge<tipobj.offsetWidth)
tipobj.style.left=ie? ietruebody().scrollLeft+event.clientX-tipobj.offsetWidth+"px" : window.pageXOffset+e.clientX-tipobj.offsetWidth+"px"
else if (curX<leftedge)
tipobj.style.left="5px"
else
tipobj.style.left=curX+offsetxpoint+"px"

if (bottomedge<tipobj.offsetHeight)
tipobj.style.top=ie? ietruebody().scrollTop+event.clientY-tipobj.offsetHeight-offsetypoint+"px" : window.pageYOffset+e.clientY-tipobj.offsetHeight-offsetypoint+"px"
else
tipobj.style.top=curY+offsetypoint+"px"
tipobj.style.visibility="visible"
}
}

function hideddrivetip(){
if (ns6||ie){
enabletip=false
tipobj.style.visibility="hidden"
tipobj.style.left="-1000px"
tipobj.style.backgroundColor=''
tipobj.style.width=''
}
}
document.onmousemove=positiontip
</script>

No link voce coloca assim:

onClick="ddrivetip('bla bla bla','yellow', 300)";
onMouseout="hideddrivetip()"

OK?

ffppereira · Setembro 6, 2004

sexfashion,

Não adiantou. Abriu a pg do link normalmente.

ffppereira · Setembro 6, 2004

Tetei novamente e funcionou perfeitamente.

OBRIGADO

sexfashion · Setembro 6, 2004

Eu dei uma olhada e achei que esse onmouseover pode não ficar legal...

tira ele e colocar a função dele no onclick...

entendeu?

Entrar

Comentário Com Onclick

Pergunta

ffppereira

Link para o comentário

Compartilhar em outros sites

4 respostass a esta questão

Posts Recomendados

sexfashion

Link para o comentário

Compartilhar em outros sites

ffppereira

Link para o comentário

Compartilhar em outros sites

ffppereira

Link para o comentário

Compartilhar em outros sites

sexfashion

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades