add_coord_tracker.h

 
const char* add_coord_tracker = R"JS(<![CDATA[
function add_coord_tracker(){
 
 
    var elems = document.getElementsByClassName('MOUSE');
 
    for (var i=0; i<elems.length; ++i){
    
    var panel = elems.item(i);
 
    var frames  = panel.getElementsByClassName("IMAGE_BORDER");
    if (frames.length>0){
 
        var frame = frames[0];
 
        var monitors = panel.getElementsByClassName('MONITOR')
        if (monitors.length>0){
        var monitor = monitors[0]
        const BBOX_KEY='data-bbox';
        if (frame.hasAttribute(BBOX_KEY)){
            var bbox = frame.getAttribute(BBOX_KEY).split(',');
            var xLL = parseFloat(bbox[0]);
            var yLL = parseFloat(bbox[1]);
            var xUR = parseFloat(bbox[2]);
            var yUR = parseFloat(bbox[3]);      
            console.log(bbox);
            set_image_coord_tracker(frame, (x,y) => {
            const width  = xUR-xLL;
            const height = yUR-yLL;
            monitor.textContent = ''+Math.round(xLL + x*width)+','+Math.round(yLL + (1.0-y)*height)
            })
            set_image_coord_tracker(frame, (x,y) => {
            const width  = xUR-xLL;
            const height = yUR-yLL;
            console.info(''+x+','+y)
            })
        }
        else {
            console.warn('element having class[', clsName, '] is missing attribute "' + BBOX_VARNAME, '"')
            console.warn(frame)
        }
        }
    }
    }
}
//]]>)JS";