var isf='" . $isf . "'; var mtype=''; var zhr=null; var aform=null; var x_num=3, y_num=2; var prev_x_num=0, prev_y_num=0; var bigw=0, bigh=0; function mapdatachange(iarea) { if (iarea.id.indexOf('ion') == 0) { if (iarea.value.trim() != '') { var jn=iarea.id.replace('ionmouseover','').replace('ionmouseout','').replace('ionclick',''); document.getElementById('mapdata').value=document.getElementById('mapdata').value.replace(\" id='area\" + jn + \"' \", \" id='area\" + jn + \"' \" + iarea.id.substring(1).replace(jn,'') + '=\"' + iarea.value + '\" '); //alert(document.getElementById('mapdata').value); } } } function askstuff(ival, thisleft, thistop, thisright, thisbottom) { instuff=\"
\"; instuff+=\"
\"; instuff+=\"
\"; instuff+=\"
\"; instuff+=\"
\"; instuff+=\"
\"; document.getElementById('mapdata').value=document.getElementById('mapdata').value.replace(\"Alt \" + ival + \"\"; for (var iy=0; iy', '' + askstuff(ii, thisleft, thistop, thisright, thisbottom) + ''); thiscell++; thisleft+=Math.floor(eval(bigw / x_num)); thisright+=Math.floor(eval(bigw / x_num)); } thisc++; thiscell=thisc; thistop=thisbottom; thisleft=0; tinnards=tinnards.replace(/TR/g,'tr'); } //alert(tinnards); document.getElementById('oneandonlytbody').innerHTML=tinnards; } function tableize(inw, inh, indu) { bigw=eval('' + inw); bigh=eval('' + inh); document.getElementById('mydiv').style.width=inw + 'px'; document.getElementById('mydiv').style.height=inh + 'px'; if (document.body.innerHTML.indexOf(''; var tableih='
'; document.getElementById('mydiv').innerHTML=tableih; gridize(); } } function athen() { document.getElementById('subm').click(); } function readBlob(opt_startByte, opt_stopByte) { var files = document.getElementById('files').files; if (!files.length) { alert('Please select a file!'); return; } file = files[0]; var filen = file.name; mtype = file.type; document.getElementById('dataurip').innerHTML=\"\"; var start = parseInt(opt_startByte) || 0; var stop = parseInt(opt_stopByte) || file.size - 1; var reader = new FileReader(); // If we use onloadend, we need to check the readyState. reader.onloadend = function(evt) { if (evt.target.readyState == FileReader.DONE) { // DONE == 2 document.getElementById('iurl').value='data:' + mtype + ';base64,' + btoa(evt.target.result.split(';base64,')[1]); //document.body.style.background=\"URL('\" + 'data:' + mtype + ';base64,' + evt.target.result.split(';base64,')[1] + \"')\"; document.getElementById('mydiv').innerHTML=\"\"; document.getElementById('subm').click(); } }; var blob = file.slice(start, stop + 1); reader.readAsDataURL(blob); } function myownfraction(event) { var x=0, y=0; if (event.clientX || event.clientY) { x = event.clientX; y = event.clientY; } else { x = event.pageX; y = event.pageY; } document.getElementById('myform').style.opacity='1.0'; var rect = event.target.getBoundingClientRect(), varn=0, vard=0, iv=0; if (eval('' + x) >= eval('' + rect.left) && eval('' + x) <= eval('' + eval('' + Math.round(rect.left)) + eval('' + Math.round(rect.width)))) { varn = eval('' + eval('' + x) - eval('' + Math.round(rect.left))); vard = eval('' + Math.round(rect.width)); event.target.value='' + eval(eval('' + event.target.min) + (eval('' + varn) / eval('' + vard) * (eval('' + event.target.max) - eval('' + event.target.min)))); document.getElementById('transparency').value='' + eval(eval('' + event.target.min) + (eval('' + varn) / eval('' + vard) * (eval('' + event.target.max) - eval('' + event.target.min)))); if (isf.length > 0) { document.getElementById('ddstyle').innerHTML+=''; } else { document.getElementById('subm').click(); } } } function andthen() { document.getElementById('myform').style.opacity='1.0'; document.getElementById('myform').style.display='block'; } function fadebackin() { var curop=eval('' + document.getElementById('myform').style.opacity); if (curop < 1.0) { curop+=0.01; document.getElementById('myform').style.opacity='' + curop; if (curop < 1.0) { setTimeout(fadebackin, 1000); } } } function onl() { document.querySelector('.readBytesButtons').addEventListener('click', function(evt) { if (evt.target.tagName.toLowerCase() == 'button') { var startByte = evt.target.getAttribute('data-startbyte'); var endByte = evt.target.getAttribute('data-endbyte'); readBlob(startByte, endByte); } }, false); } function gridchange() { x_num=eval('' + document.getElementById('xnum').value); y_num=eval('' + document.getElementById('ynum').value); if (x_num == prev_x_num && y_num == prev_y_num) { x_num=x_num; } else if (document.body.innerHTML.indexOf('

Map 3x2 Grid of Area Elements for Image

RJM Programming - December, 2020

Thanks to W3Schools

Image URL:

" . $mapdata . "
Transparency:
 
"; ?>