This is my simple HTML page and I want to target the specific area to auto click on the blue area after page load. Can anyone create an HTML, PHP or JavaScript file for me?
HTML page: http://imgily.com/Speific-Area-Click.html
Example screenshot of specific area:
You can use html2canvas for capture your screen area and transform to canvas.
Then you can iterate thought the canvas and find the blue pixel (make an algo)..
// Do something like that
html2canvas(document.body, {
onrendered: function(canvas) {
var context = canvas.getContext();
var imgData = context.getImageData(0, 0, canvas.width,canvas.height);
var data = imgData.data;
// enumerate all pixels
// each pixel's r,g,b,a datum are stored in separate sequential array elements
// from : http://stackoverflow.com/questions/17714742/looping-through-pixels-in-an-image
for(var i=0; i < data.length; i+=4) {
var red = data[i];
var green = data[i+1];
var blue = data[i+2];
var alpha = data[i+3];
}
}
});
you can use document.ready function of jquery..
put a button at that blue area (i.e you can apply some css to that button which will make it with same look and feel)
<input type='button' id='button' />
and you can trigger an click event using jquery
<script type="text/javascript">
$( document ).ready(function() {
$("#button").trigger('click');
});
</script>
OR
<script type="text/javascript">
jQuery(function(){
jQuery('#button').click();
});
</script>
EDIT
for the html link you provided you should use script like below
<script type="text/javascript">
$( document ).ready(function() {
$("#google_image_div a").trigger('click');
});
</script>
let me know if any help needed..
