tooltip não está funcionando

[uiLhian 1]

function dica(strDica, e){	var posx = 0;	var posy = 0;	if (!e) var e = window.event;	if (e.pageX || e.pageY) 	{		posx = e.pageX;		posy = e.pageY;	}	else if (e.clientX || e.clientY) 	{		posx = e.clientX + document.body.scrollLeft			+ document.documentElement.scrollLeft;		posy = e.clientY + document.body.scrollTop			+ document.documentElement.scrollTop;	}	var divDica = document.getElementById("dica");	if(dica.arguments.length < 2) //Esconde a DIV	{		divDica.style.visibility = "hidden";		divDica.style.display = "none";	}	else //Exibe a DIV	{		divDica.style.left = posx + "px";		divDica.style.top = posy + 20 + "px";		divDica.style.visibility = "visible";		divDica.style.display = "block";		divDica.innerHTML = strDica;	}}

<div id="dica" class="exbdica"></div><span onmousemover="dica('Teste', event)" onmouseout="dica()">Testando</span>

Tipo testando esse código acima no firefox, ele me retorno o seguinte erro no Firebug:

 

dica is not defined

onmousemove(mousemove clientX=0, clientY=0)

 

Esse erro acontece quando tiro o mouse de cima do texto, e quando passo o mouse em cima do texto a tooltip não aparece.

Lembrando que ele não ta funcionando em nenhum brownser.

 

bom caso alguem possa me ajudar agradecido.

Obrigado!

[Tiago Giarreta 0]

Eae uiLhian, da uma olhada nas alterações que eu fiz e ve se esta funcionando agora.

 

<span onMouseOver="dica('Teste', event);" onMouseOut="dica();">Testando</span><div id="dica" class="exbdica"></div>

Só testei no IE 6.0 e esta funcionando, abraços! http://forum.imasters.com.br/public/style_emoticons/default/shifty.gif

[uiLhian 1]

não mudo em nada não...no IE7, Opera, e FF não funciona.

[Hempinho 0]

cara não to vendo nada de errado ae...estranho não ta funcionando...apesar de ter testado aqui e não ter funcionado tbm...:(

[uiLhian 1]

essa zica ta dando esse erro agora:

e has no propertiesdica(undefined, undefined)teste.php (line 13)onmouseout(mouseout clientX=0, clientY=0)teste.php (line 1)[Break on this error] if (e.pageX || e.pageY) {

[Marhault 1]

1º) No seu código encontramos:

<span onmousemover="dica('Teste', event)" onmouseout="dica()">Testando</span>

O correto seria:

<span onmousemove="dica('Teste', event)" onmouseout="dica()">Testando</span>

2º) Você não colocou o código CSS para o div "exbdica", então fiz umas modificações e aqui funcionou, veja só como ficou:

 

<style>.exbdica {	visibility: hidden;	position:absolute;	font-family:verdana;	font-size:10px;	font-weight:bold;	border:1px solid;	padding:2px;	background:#CCFFCC;}</style><script>function dica(strDica, e){	var posx = 0;	var posy = 0;	if (!e) var e = window.event;	if (e.pageX || e.pageY)	 {		posx = e.pageX;		posy = e.pageY;	}	else if (e.clientX || e.clientY)	 {		posx = e.clientX + document.body.scrollLeft			+ document.documentElement.scrollLeft;		posy = e.clientY + document.body.scrollTop			+ document.documentElement.scrollTop;	}	var divDica = document.getElementById("dica");	if(dica.arguments.length < 2) //Esconde a DIV	{		divDica.style.visibility = "hidden";		divDica.style.display = "none";	}	else //Exibe a DIV	{		divDica.style.left = posx + "px";		divDica.style.top = posy + 20 + "px";		divDica.style.visibility = "visible";		divDica.style.display = "block";		divDica.innerHTML = strDica;	}}</script><div id="dica" class="exbdica"></div><span onmousemove="dica('Teste', event)" onmouseout="dica()">Testando</span>

Espero que funcione ai! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[uiLhian 1]

eu ja tinha arrumado esse erro ortografico, valeu...

mas continua dando o mesmo erro quando tiro o mouse de sobre o elemento.

e has no propertiesdica(undefined, undefined)teste.php (line 13)onmouseout(mouseout clientX=0, clientY=0)teste.php (line 1)[Break on this error] if (e.pageX || e.pageY) {

[Marhault 1]

Humm... Muito estranho esse erro! Creio que não seja mais problema do código e sim de compatibilidade com os navegadores, tendo em vista que aqui eu testei somente no IE6 e funcionou...

[uiLhian 1]

então, no IE e no OPERA funciono normal... só to tendo problemas no firefox mesmo.:(

[Schneider 0]

Esse erro está acontecendo porque no evento onMouseOut não está sendo passado nenhum parametro para a funcao dica.

 

 

tentem o seguinte:

<span onMouseOver="dica('Teste', event);" onMouseOut="dica('', event);">Testando</span>

testei aqui e funcionou e no FF, IE, Opera.

 

Falow!

[uiLhian 1]

continua não funcionando ainda...o que aconteceu foi que só desapareceu o "conteudo" de dentro da div, mas a div continua aberta ainda depois que tira o mouse de cima do objeto.

[uiLhian 1]

alguma luiz, do que possa ser ?:(

[Schneider 0]

tenta usar a função abaixo:

 

function dica(strDica, e){	var posx = 0;	var posy = 0;	if (!e) var e = window.event;	if (e.pageX || e.pageY)	 {		posx = e.pageX;		posy = e.pageY;	}	else if (e.clientX || e.clientY)	 {		posx = e.clientX + document.body.scrollLeft			+ document.documentElement.scrollLeft;		posy = e.clientY + document.body.scrollTop			+ document.documentElement.scrollTop;	}	var divDica = document.getElementById("dica");	if(strDica == "") //Esconde a DIV	{		divDica.style.visibility = "hidden";		divDica.style.display = "none";	}	else //Exibe a DIV	{		divDica.style.left = posx + "px";		divDica.style.top = posy + 20 + "px";		divDica.style.visibility = "visible";		divDica.style.display = "block";		divDica.innerHTML = strDica;	}}

[uiLhian 1]

continua a não funcionar, agora em nenhum brownser.

[Schneider 0]

Cara, revisa teu codigo pra ver se não tem alguma coisa errada. Copia esse exemplo abaixo e testa, tem que funcionar.

 

<html><head>	<title>Untitled</title>	<script>		function dica(strDica, e)		{			var posx = 0;			var posy = 0;			if (!e) var e = window.event;			if (e.pageX || e.pageY)	 {				posx = e.pageX;				posy = e.pageY;			}			else if (e.clientX || e.clientY)	 {				posx = e.clientX + document.body.scrollLeft					+ document.documentElement.scrollLeft;				posy = e.clientY + document.body.scrollTop					+ document.documentElement.scrollTop;			}					var divDica = document.getElementById("dica");					if(strDica == "") //Esconde a DIV			{				divDica.style.visibility = "hidden";				divDica.style.display = "none";			}			else //Exibe a DIV			{				divDica.style.left = posx + "px";				divDica.style.top = posy + 20 + "px";				divDica.style.visibility = "visible";				divDica.style.display = "block";				divDica.innerHTML = strDica;			}		}	</script></head><body><span onMouseOver="dica('Teste', event);" onMouseOut="dica('', event);">Testando</span><div id="dica"></div></body></html>

se naum funcionar ainda, cola teu codigo aí pra gente dar uma olhada.

 

falow cara. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[uiLhian 1]

Bom agora parece que sim...

Obrigado pela ajuda.

http://forum.imasters.com.br/public/style_emoticons/default/shifty.gif

[Schneider 0]

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif