LECODEJAVA.COM : JAVASCRIPT - LE CODE JAVASCRIPT : ENREGISTRER LE MOUVEMENT DE LA SOURIS

ENREGISTRER LE MOUVEMENT DE LA SOURIS

DEMONSTRATION

+

Cliquer sur enregistrer en suite deplacer la souris sur votre ecran pour finir appuyer sur jouer pour voir les mouvements que la souris avait fait sur l'ecran. .

Sur cette page	Nombre total de visite sur la page

LE CODE JAVASCRIPT : ENREGISTRER LE MOUVEMENT DE LA SOURIS

Accueil Divers HTML

<div id=rep style="position:absolute;z-index:3;width:17;height:22;top:150;left:50"><img src="cursor.gif" width="17" height="22"></div>
<div id=dot style="position:absolute;z-index:3;width:5;height:5;top:40;left:160"><font color=red size=1><b>+</b></font></div>
<div id=data style="position:absolute;z-index:2;width:196;height:30;top:15;left:152"></div>
<div id=map style="position:absolute;z-index:1;width:200;height:100;top:15;left:150;background:66ff66;border:1 solid teal"></div>

<input type="button" value="Enregistrer" onclick="record()"><br><br>
<input type="button" value="Arreter" onclick="stop_record()"><br><br>
<input type="button" value="Recommencer" onclick="reset()"><br><br>
<input type="button" value="Jouer" onclick="run()">

<p><font face="Tahoma, Arial" size="2">
Cliquer sur enregistrer en suite deplacer la souris sur votre ecran pour finir appuyer sur jouer pour voir les mouvements que la souris avait fait 
sur l'ecran.

.</font></p>

<script>
//lecodejava.com - scripts gratuit
var posX, posY;
var path  = new Array();
var index = 0;
var Num = 0;
var save  = false;
var track = false
begintag = '<font face="Tahoma, Arial" size=1 color=black>'

function moveTo(x,y) 
	{
	rep.style.pixelLeft=x;
	rep.style.pixelTop=y;
	}
function drawTo(x,y) 
	{
	dot.style.pixelLeft=x*200/screen.width+150;
	dot.style.pixelTop=y*150/screen.height+15;
	}
function wTo(x,y) 
	{
	data.innerHTML=begintag+'['+x+','+y+']</font>';
	}
function savePath() 
	{
	if((posX && posY) && save)
		{
		path[index]   = posX;
		path[index+1] = posY;
		index += 2;
		setTimeout('savePath()',10);
		}
	}
function run() 
	{
	if(Num < (path.length-1))
		{
		moveTo(path[Num],path[Num+1])
		drawTo(path[Num],path[Num+1])
		wTo(path[Num],path[Num+1])
		Num += 2;
		setTimeout('run()',10);
		}
		else Num=0;
	}
function cursor()
	{
	posX=event.x+document.body.scrollLeft;
	posY=event.y+document.body.scrollTop;
	}
function record()
	{
	if (!track)
		{
		index = 0;
		save = true;
		savePath();
		}
	else data.innerHTML=begintag+"mouvement est enregistre dans la memoire.<br>Cliquer 'Recommencer' pour un nouveau enregistrement.</font>";
	}
function stop_record()
	{
	save    = false;
	index   = 0;
	time   = (path.length/2)*0.1;
	cValue = ""+time;
	value   = cValue.substring(0,4);
	s       = (cValue.substring(0) == 1 && cValue.indexOf(".") == -1)?"":"s";
	data.innerHTML=begintag+"Time recorded in memory: "+value+" second"+s+" with interval 0.1s</font>";
	track   = true;
	}
function reset()
	{
	rep.style.pixelLeft=50
	rep.style.pixelTop=150
	dot.style.pixelLeft=160;
	dot.style.pixelTop=40;
	data.innerHTML='';
	posX=posY='';
	path  = new Array();
	index = 0;
	Num = 0;
	save  = false;
	track = false;
	}
document.onmousemove = cursor;
</script>

LECODEJAVA.com