You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

105 lines
3.1 KiB

/*
* To change this license header, choose License Headers in Project Properties.
* To change this template file, choose Tools | Templates
* and open the template in the editor.
*/
var prevXY={"X":0,"Y":0};
var prevID=0;
$(document).ready(function() {
loadImages();
$('.imagAPI').click(function(e){
e = window.event ? event.srcElement : e.target;
var id=e.getAttribute('data-id');
var imagename=document.getElementById('name-imagAPI-'+id).value;
console.log("Clicked on image"+id);
$.ajax({
type: "GET",
url: "http://127.0.0.1:7778/api/mouse/click/name/"+imagename+"/x/"+Math.round(prevXY.X)+"/y/"+Math.round(prevXY.Y),
success: function( response ) {
console.log('AJAX Response is ' + response);
//if(typeof callback === 'function'){
//callback(request, response);
//}
}
});
});
});
var loadImages=function(){
for(var i=1;i<=10;i++){
var img = document.getElementById("src-imagAPI-"+i);
var canvas = document.createElement('canvas');
canvas.width = img.naturalWidth;
canvas.height = img.naturalHeight;
var context = canvas.getContext('2d');
//alert(img.src);
context.drawImage(img, 0, 0 );
var dataURL = {data:canvas.toDataURL('image/jpg'),height:img.height,width:img.width,type:'JPG'};
var name='imagedata-'+i;
/*if(typeof localStorage !== 'undefined'){
localStorage[name]=JSON.stringify(dataURL);
}else{
chrome.storage.local.set({name: JSON.stringify(dataURL)});
}*/
Storage.save(name,JSON.stringify(dataURL));
$("#dest-imagAPI-"+i).attr('src', dataURL.data);
}
};
$('.imagAPI').mousemove(function(e){
//e = window.event ? event.srcElement : e.target;
var id=event.srcElement.getAttribute('data-id');
var imagename=document.getElementById('name-imagAPI-'+id).value;
var parentOffset = $("#dest-imagAPI-"+id).offset();
var relX=e.pageX-parentOffset.left;
var relY=e.pageY-parentOffset.top;
prevXY.X=relX;
prevXY.Y=relY;
if(prevID!==id){
prevID=id;
$.ajax({
type: "GET",
url: "http://127.0.0.1:7778/api/mouse/image/name/"+imagename+"/x/"+Math.round(relX)+"/y/"+Math.round(relY),
success: function( response ) {
console.log('AJAX Response is ' + response);
//if(typeof callback === 'function'){
//callback(request, response);
//}
}
});
}
document.getElementById('mousexy').innerHTML="parent offset x:"+relX+" y:"+relY;
console.log("Moved mouse on image "+id+" imagename "+imagename);
console.log("calling API");
// {"agent":"mouse","method":"image","name":"bitmap.jpg","x":<width>,"y":<height>}
$.ajax({
type: "GET",
url: "http://127.0.0.1:7778/api/mouse/change/name/"+imagename+"/x/"+Math.round(relX)+"/y/"+Math.round(relY),
success: function( response ) {
console.log('AJAX Response is ' + response);
//if(typeof callback === 'function'){
//callback(request, response);
//}
}
});
});