Problem with DIV

DKL01 · Apr 4, 2002

Hi,

I was wondering what's the problem with this code. As long as cursor ir over the text "Move cursor...." the page should display the DIV with message "Sample Text". But with this code it is flickering. Any suggestions ? I'm using IE 5.5

<%@ Language=VBScript %>

<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
</HEAD>
<BODY>

<div id=div1> </div>

<script language="JavaScript">
var ns4=document.layers
var ns6=document.getElementById&&!document.all
var ie4=document.all

var stl,iex=(document.all),yyy=-1000;

stl=document.all.div1.style
Xoffset= -50;
Yoffset= 20;

function get_mouse(e){
var x=(ns4||ns6)?e.pageX:event.x+document.body.scrollLeft;
stl.left=x+Xoffset;
var y=(ns4||ns6)?e.pageY:event.y+document.body.scrollTop;
stl.top=y+yyy;
}

function show() {
var content;
content = "<TABLE BGCOLOR=336699 BORDER=1><TR><TD> Sample Text </TD></TR></TABLE>"
div1.innerHTML = content
stl.display='';
}

function kill() {
stl.display='none';
}
document.onmousemove=get_mouse;
</script>

<a onmouseover="show()" onmouseout="kill()" >Move cursor here to popup message </a>

</BODY>
</HTML>

Thanks

crazyboybert · Apr 5, 2002

This is easily solved there is nothing wrong with the code.

What is happening is the div1 is not being included in the document flow at the start as its display property is switched to none. When you make it visible in the document flow by mouseover the link it shifts the link down the pgae as the div is now in its place. This in turn fires the mouseout event for the link hiding the div and shifitng the link back up the page which in turn fires the mouseover event and hence the flickering.

Try shifitng the link to the line above the div in the code and you will find it works fine.

hope this helps

rob

BobbaFet · Apr 6, 2002

yup he's right. [bobafett]

BobbaFet [bobafett]

Everyone has a right to my opinion.
E-mail me at caswegkamp@hotmail.com

http://cwcon.50megs.com/

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Problem with DIV

DKL01

Programmer

crazyboybert

Programmer

BobbaFet

Programmer

Similar threads

Part and Inventory Search

Sponsor