javascript event

[polar]

kruze frage:

ich habe eine kleine funktion, die die mausposition abfragt. wenn der user über einen bereich meiner site fährt erscheint ein span mit text. verlässt die maus den bereich, setze ich den style visibility des span's auf hidden.

das problem dabei ist, wenn ich die mausbewegung einmal abfrage, wird sie daurhaft abgefragt und der unsichtbare span folgt überall hin

d.h. geht der user an die ränder der site erscheinen scrollbalken
wie kann ich die abfrage der mausbewegung wieder stoppen???

hier mein js code:

ua = navigator.userAgent;
ie = (ua.indexOf("MSIE") > 0 ? true : false);

function moveSpan(e)
{
	span = document.getElementById('spanUrl');
	
	if(ie) 
	{
		eval(span).style.posTop = window.event.y + document.body.scrollTop;
		eval(span).style.posLeft = window.event.x + document.body.scrollLeft + 15;
	}
	else 
	{
    eval(span).top = e.pageY - window.pageY - (window.outerHeight - window.innerHeight);
    eval(span).left = e.pageX + 10 - window.pageX - (window.outerWidth - window.innerWidth);
	}
}
	
function showSpan(txt) 
{
	span = document.getElementById('spanUrl');
	eval(span).style.visibility = 'visible';
	eval(span).innerText = 'text: ' + txt;

	if(ie) 
	{
  	document.onmousemove = moveSpan;
	} 
	else 
	{
  	document.captureEvents(Event.MOUSEMOVE);
  	document.onmousemove = moveSpan;
	}
}
	
function hideSpan() 
{
	document.getElementById('spanUrl').style.visibility = 'hidden';
}

die funktion showSpan wird aufgerufen wenn der user über den bereich fährt, wenn er den bereich verlässt, wird die funktion hideSpan aufgerufen.

wer kann mir helfen?

 

[polar]

ok danke hat sich schon erledigt, bin grad auf die lösung gekommen =)

 

[SilentWarrior]

du könntest sie auch ruhig hier posten, damit andere user nicht nochmal das gleiche fragen müssen...

 

[polar]

hm gut, leuchtet ein. vieleicht mach ich auch ein kurz tutorial draus.

melde mich heute abend nochmal

*meld*

quick & dirty aber es funktioniert!

ua = navigator.userAgent;
ie = (ua.indexOf("MSIE") > 0 ? true : false);

function moveSpan(e)
{
	span = document.getElementById('spanUrl');
	
	if(ie) 
	{
		eval(span).style.posTop = window.event.y + document.body.scrollTop;
		eval(span).style.posLeft = window.event.x + document.body.scrollLeft + 15;
	}
	else 
	{
    eval(span).top = e.pageY - window.pageY - (window.outerHeight - window.innerHeight);
    eval(span).left = e.pageX + 15 - window.pageX - (window.outerWidth - window.innerWidth);
	}
}

function showSpan(txt) 
{
	span = document.getElementById('spanUrl');

	if(ie) 
	{
  	document.onmousemove = moveSpan;
	} 
	else 
	{
  	document.captureEvents(Event.MOUSEMOVE);
  	document.onmousemove = moveSpan;
	}
	
	eval(span).innerText = 'text: ' + txt;
	eval(span).style.visibility = 'visible';
}
	
function hideSpan() 
{
	span = document.getElementById('spanUrl');
	eval(span).style.visibility = 'hidden';
	
	if(ie) 
	{
		eval(span).style.posTop = -200;
		eval(span).style.posLeft = -200;
		document.onmousemove = '';
	}
	else 
	{
    eval(span).top = -200;
    eval(span).left = -200;
	  document.captureEvents(Event.MOUSEMOVE);
  	document.onmousemove = '';
	}
}