Cursor

[prog_tom]

I want this:

Once a person onMouseOvers his cursor on one of my imgs it just automatically sets the visibility of "lyr" to visible. and the x, y of lyr follows the x,y of the cursor. so where ever the cursor moves, the lyr follows.

Please help.

[sebs]

Here what i did for one of our client, not the best script, but it works, in IE,NN4.x and NN6

I try quickly with opera and did'nt work, i did'nt spend the time to figure it out!

		<script language="javascript">
		var curLayer='';
		if (document.layers) document.captureEvents(Event.MOUSEMOVE);
		document.onmousemove=mtrack;

		function mtrack(e) {
			if(curLayer!=''){
			  if (document.layers){
			   	document.layers[curLayer].left=e.pageX - 110;
					document.layers[curLayer].top=e.pageY - 120;
					document.layers[curLayer].visibility="show";
			  }else if(document.all){ 
					document.all[curLayer].style.posLeft=event.x - 110;
					document.all[curLayer].style.posTop=event.y - 120;
			  	document.all[curLayer].style.visibility = "visible";					
				}else{ 
					document.getElementById(curLayer).style.left=e.pageX - 110;
					document.getElementById(curLayer).style.top=e.pageY - 120;
			  	document.getElementById(curLayer).style.visibility = "visible";					
				}
			}
		}
		
			function show(what){
				curLayer=what;
			}
			
			function hide(what){
				curLayer='';
				if (document.all) {
					document.all[what].style.visibility = "hidden";
					document.all[what].style.posLeft=0;
					document.all[what].style.posTop=0;
    		}else if (document.layers) {
    			document.layers[what].visibility="hide";
			   	document.layers[what].left=0;
					document.layers[what].top=0;    			
    		}else if (document.getElementById) {
    			document.getElementById(what).style.visibility="hidden";
    		}
			}
		</script>

here what you put on your image

<a href="#" onMouseOver="show('cgu');" onMouseOut="hide('cgu');"><img src="../../images/companies/cgu.gif" border="0"></a>

[prog_tom]

it told me that document.all[].style is null or not an object.

[sebs]

well, call your layer with the name you pass the function

in my example

<div name="cgu">
dssadsd
</div>

is it ok?

[mendhak]

For the sake of compatibility, use <DIV> and not <LAYERS> you're probably getting that error due to this and js probz (compatibility too!!)