'; $mapdata=""; if (isset($_POST['mapdata'])) { $mapdata=str_replace("+"," ",urldecode($_POST['mapdata'])); if ($mapdata != "") { $dmg=''; } } if (isset($_POST['tablealt'])) { $tablealt=$_POST['tablealt']; } $isf=""; $prebimg="one.jpg"; $bimg=$prebimg; if (isset($_GET['iurl'])) { $transp="0.0"; } else { $transp="0.6"; //"0.8"; } $bigdata="src"; $xnum="3"; $ynum="2"; if (isset($_POST['xnum'])) { $xnum=str_replace("+"," ",urldecode($_POST['xnum'])); } if (isset($_POST['ynum'])) { $ynum=str_replace("+"," ",urldecode($_POST['ynum'])); } if (isset($_GET['xnum'])) { $xnum=str_replace("+"," ",urldecode($_GET['xnum'])); } if (isset($_GET['ynum'])) { $ynum=str_replace("+"," ",urldecode($_GET['ynum'])); } $udirname=explode("imagegridmap.php", str_replace("::",":","http://" . $_SERVER['SERVER_NAME'] . ":" . str_replace("~","",str_replace(":443~","",str_replace(":80~","",(":" . $_SERVER['SERVER_PORT'] . "~"))))) . "" . $_SERVER['REQUEST_URI'])[0]; function backg($indef) { global $prebimg, $bimg, $udirname, $poemoji; $udirnameprebimg=$udirname . $prebimg; if (isset($_GET['iurl'])) { $udirnameprebimg=str_replace('+',' ',urldecode($_GET['iurl'])); } else if (isset($_POST['iurl'])) { $udirnameprebimg=str_replace('+',' ',urldecode($_POST['iurl'])); } if (isset($_GET['emoji'])) { $poemoji=''; list($wdt, $hgt) = getimagesize($udirnameprebimg); if ($wdt > 0 && $hgt > 0) { //echo $udirname . "1:" . $hgt; return file_get_contents($udirname . "../inline_svg.php?asbackground=y&imaXge=" . urlencode($udirnameprebimg) . "&width=" . (-20 + $wdt) . "&height=" . (-20 + $hgt) . "&insvg=" . str_replace('+','',urldecode($_GET['emoji']))) . '),URL(' . $indef; } else { //echo "2:" . $hgt; return file_get_contents($udirname . "../inline_svg.php?asbackground=y&image=" . urlencode($udirnameprebimg) . "&insvg=" . str_replace('+','',urldecode($_GET['emoji']))) . '),URL(' . $indef; } } else if (isset($_POST['emoji'])) { $poemoji=''; list($wdt, $hgt) = getimagesize($udirnameprebimg); if ($wdt > 0 && $hgt > 0) { return file_get_contents($udirname . "../inline_svg.php?asbackground=y&imaXge=" . urlencode($udirnameprebimg) . "&width=" . (-20 + $wdt) . "&height=" . (-20 + $hgt) . "&insvg=" . str_replace('+','',urldecode($_POST['emoji']))) . '),URL(' . $indef; } else { return file_get_contents($udirname . "../inline_svg.php?asbackground=y&image=" . urlencode($udirnameprebimg) . "&insvg=" . str_replace('+','',urldecode($_POST['emoji']))) . '),URL(' . $indef; } } else { return $indef; } } function relative_to_absolute($inth) { global $udirname; //$low = strtolower($inth); $outth = $inth; $ideas = array(" href='", ' href="', " Href='", ' Href="', " HREF='", ' HREF="', " href=", " Href=", " HREF=", " src='", ' src="', " Src='", ' Src="', " SRC='", ' SRC="', " src=", " Src=", " SRC="); if ($udirname != "") { for ($m=0; $m 1) { for ($ii=(sizeof($huhs) - 1); $ii>=1; $ii--) { if (strtolower(str_replace("file", "http", strtolower(substr($huhs[$ii], 0, 4)))) == "http") { $outth = $outth; } else if (strpos($huhs[$ii], "data:") === false && substr($huhs[$ii], 0, 1) != "/" && substr($huhs[$ii], 0, 1) != "'" && substr($huhs[$ii], 0, 1) != '"') { $outth = str_replace($huhs[$ii], $udirname . $huhs[$ii], $outth); } else if (strpos($huhs[$ii], "data:") === false && substr($huhs[$ii], 1, 1) != "/" && substr($huhs[$ii], 0, 1) != "'" && substr($huhs[$ii], 0, 1) != '"') { $outth = str_replace($huhs[$ii], substr($udirname, 0, (strlen($udirname) - 1)) . $huhs[$ii], $outth); } } } } } return str_replace("< img>","",$outth); } function mappath($ins) { global $bigdata; if (strpos(strtolower($ins), 'data:') !== false) { return $ins; } else if (strpos(strtolower($ins), 'http') !== false) { $bigdata=' src="data:image/' . str_replace('jpg','jpeg',strtolower(explode('.',$ins)[-1 + sizeof(explode('.',$ins))])) . ';base64,' . base64_encode(file_get_contents(str_replace("https:","http:",$ins))) . '" data-source'; return $ins; } else if (strpos(strtolower($ins), '//') !== false) { $bigdata=' src="data:image/' . str_replace('jpg','jpeg',strtolower(explode('.','http:' . $ins)[-1 + sizeof(explode('.','http:' . $ins))])) . ';base64,' . base64_encode(file_get_contents(str_replace("https:","http:",'http:' . $ins))) . '" data-source'; return 'http:' . $ins; } else { $bigdata=' src="data:image/' . str_replace('jpg','jpeg',strtolower(explode('.',"http://" . $_SERVER['SERVER_NAME'] . "" . str_replace("~","",str_replace(":443~","",str_replace(":80~","",(":" . $_SERVER['SERVER_PORT'] . "~")))) . "" . str_replace("imagegridmap.php","",explode("#",explode("?",$_SERVER['REQUEST_URI'])[0])[0]) . $ins)[-1 + sizeof(explode('.',"http://" . $_SERVER['SERVER_NAME'] . "" . str_replace("~","",str_replace(":443~","",str_replace(":80~","",(":" . $_SERVER['SERVER_PORT'] . "~")))) . "" . str_replace("imagegridmap.php","",explode("#",explode("?",$_SERVER['REQUEST_URI'])[0])[0]) . $ins))])) . ';base64,' . base64_encode(file_get_contents(str_replace("https:","http:","http://" . $_SERVER['SERVER_NAME'] . "" . str_replace("~","",str_replace(":443~","",str_replace(":80~","",(":" . $_SERVER['SERVER_PORT'] . "~")))) . "" . str_replace("imagegridmap.php","",explode("#",explode("?",$_SERVER['REQUEST_URI'])[0])[0]) . $ins))) . '" data-source'; return "http://" . $_SERVER['SERVER_NAME'] . "" . str_replace("~","",str_replace(":443~","",str_replace(":80~","",(":" . $_SERVER['SERVER_PORT'] . "~")))) . "" . str_replace("imagegridmap.php","",explode("#",explode("?",$_SERVER['REQUEST_URI'])[0])[0]) . $ins; } } if (isset($_GET['transparency'])) { $transp=str_replace("+"," ",urldecode($_GET['transparency'])); } if (isset($_POST['transparency'])) { $transp=str_replace("+"," ",urldecode($_POST['transparency'])); } $opprefix="linear-gradient(rgba(255,255,255," . $transp . "),rgba(255,255,255," . $transp . ")),"; if (isset($_FILES['file']) && isset($_POST['dataurip']) && isset($_FILES['file']['tmp_name'])) { $prebimg=str_replace("+"," ",urldecode($_POST['dataurip'])) . base64_encode(file_get_contents($_FILES['file']['tmp_name'])); $bimg=$prebimg; $isf="y"; } else { if (isset($_GET['iurl'])) { $prebimg=str_replace(" ","+",urldecode($_GET['iurl'])); if (strpos($prebimg, ";base64,") !== false) { $bimg=explode(";base64,", $prebimg)[0] . ";base64," . (explode(";base64,", $prebimg)[1]); $prebimg=$bimg; } else { $bimg=mappath(str_replace("+"," ",$prebimg)); $prebimg=$bimg; } } if (isset($_POST['iurl'])) { $prebimg=str_replace(" ","+",urldecode($_POST['iurl'])); if (strpos($prebimg, ";base64,") !== false) { $bimg=explode(";base64,", $prebimg)[0] . ";base64," . (explode(";base64,", $prebimg)[1]); $prebimg=$bimg; } else { $bimg=mappath(str_replace("+"," ",$prebimg)); $prebimg=$bimg; } } } echo " Full Sized Fixed Background Image - RJM Programming - October, 2019 ... thanks to https://www.w3schools.com/css/css3_backgrounds.asp#google_ads_iframe_/16833175/MidContent_0 if (!String.fromCodePoint) { // thanks to http://xahlee.info/js/js_unicode_code_point.html // ES6 Unicode Shims 0.1 , © 2012 Steven Levithan , MIT License String.fromCodePoint = function fromCodePoint () { var chars = [], point, offset, units, i; for (i = 0; i < arguments.length; ++i) { point = arguments[i]; offset = point - 0x10000; units = point > 0xFFFF ? [0xD800 + (offset >> 10), 0xDC00 + (offset & 0x3FF)] : [point]; chars.push(String.fromCharCode.apply(null, units)); } return chars.join(''); } } var etablealt='" . $tablealt . "'; var arectsleft=-1, arectstop=-1; var rectd=null; var documentbody=null; var rectdleft=0, rectdtop=0; var wo=null, imwo=null; var is_small=false; var zhr=null; var zform=null; var zoomx=1.0; var zoomy=1.0; var sw=('' + screen.width).replace('px',''); var sh=('' + screen.height).replace('px',''); var isf='" . $isf . "'; var mtype=''; var zhr=null; var aform=null; var x_num=" . $xnum . ", y_num=" . $ynum . "; var prev_x_num=0, prev_y_num=0; var bigw=0, bigh=0; function areatodiv(scalar) { var areas=document.getElementsByTagName('area'), coordsare=[], arects, stylebit='', onbit='', abefore='', aafter=''; var leftp=0.0, widthp=eval(100.0 / x_num); var topp=0.0, heightp=eval(100.0 / y_num); var idsuffix=''; document.getElementById('ddarea').innerHTML=''; imgs=document.getElementsByTagName('img'); if (eval('' + zoomx) == 1) { bigw=eval('' + ('' + imgs[0].width).replace('px','')); bigh=eval('' + ('' + imgs[0].height).replace('px','')); zoomx=eval('' + sw) / eval('' + bigw); zoomy=eval('' + sh) / eval('' + bigh); } arects=document.getElementById('mydiv').getBoundingClientRect(); if (eval('' + arectstop) < 0) { arectsleft=arects.left; arectstop=arects.top; } for (var i=0; i'; } if (('' + areas[i].outerHTML).indexOf(' on') != -1) { onbit=' on' + ('' + areas[i].outerHTML).split(' on')[1].split('>')[0]; } if (('' + areas[i].outerHTML).replace(' style=\"\"','').replace(\" style=''\",'').indexOf(' style=') != -1) { stylebit=''; if (('' + areas[i].outerHTML).indexOf(' style=\"') != -1) { stylebit=('' + areas[i].outerHTML).split(' style=\"')[1].split('\"')[0] + ';'; } else if (('' + areas[i].outerHTML).indexOf(' style=\"') != -1) { stylebit=('' + areas[i].outerHTML).split(\" style='\")[1].split(\"'\")[0] + ';'; } documentbody=document.getElementById('mydiv'); document.getElementById('tablealt').value=encodeURIComponent(decodeURIComponent(etablealt).replace('', '' + \"
\" + abefore.replace('\").replace(/position\:absolute\;/g,'').replace(/width\:/g,'DISPLAY:BLOCK !important;WIDTH:100%;xx-widt-x-h:').replace(/height\:/g,'HEIGHT:100%;xx-heigh-x-t:').replace(/left\:/g,'xx-lef-x-t:').replace(/top\:/g,'xx-to-x-p:').replace(' STYLE=',' data-STYLE=').replace(' data-s-',' ').replace(';;',';')); etablealt=document.getElementById('tablealt').value; //alert(decodeURIComponent(etablealt)); if (('' + document.getElementById('subm').title).indexOf('ttachment') == -1) { document.getElementById('subm').title+=' ... all uppercase will try attachment email mode'; } document.getElementById('ddarea').innerHTML+=abefore + \"
\" + aafter; // document.getElementById('ddarea').innerHTML+=abefore + \"
\" + aafter; } } leftp+=widthp; if (eval(eval(1 + i) % x_num) == 0) { topp+=eval(100.0 / y_num); leftp=0.0; } } } function mapdatachange(iarea) { var jn=''; jn=iarea.id.replace('ionmouseover','').replace('ionmouseout','').replace('ionclick','').replace('ialt','').replace('istyle','').replace('ititle','').replace('ihref',''); if (iarea.value.trim() != '') { if (iarea.id.indexOf('ion') == 0) { 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); iarea.setAttribute('readonly', true); } else if (iarea.id.indexOf('ialt') == 0) { if (iarea.value != ('Alt ' + jn)) { //alert('*' + iarea.value + '* vs *Alt value ' + jn + '*'); document.getElementById('mapdata').value=document.getElementById('mapdata').value.replace('alt=\"Alt ' + jn + '\" ', \"data-alt='Alt value \" + jn + \"' alt\" + '=\"' + iarea.value + '\" '); document.getElementById('mapdata').value=document.getElementById('mapdata').value.replace(\"alt='Alt \" + jn + \"' \", \"data-alt='Alt value \" + jn + \"' alt\" + '=\"' + iarea.value + '\" '); iarea.setAttribute('readonly', true); //alert(\"alt='Alt value \" + jn + \"' ... \" + document.getElementById('mapdata').value); } //else { //alert('!' + iarea.value + '!'); //} } else if (iarea.id.indexOf('ititle') == 0) { if (iarea.value != ('Title ' + jn)) { document.getElementById('mapdata').value=document.getElementById('mapdata').value.replace('title=\"Title ' + jn + '\" ', \"data-title='Title value \" + jn + \"' title\" + '=\"' + iarea.value + '\" '); document.getElementById('mapdata').value=document.getElementById('mapdata').value.replace(\"title='Title \" + jn + \"' \", \"data-title='Title value \" + jn + \"' title\" + '=\"' + iarea.value + '\" '); iarea.setAttribute('readonly', true); //alert(document.getElementById('mapdata').value); } } else if (iarea.id.indexOf('ihref') == 0) { document.getElementById('mapdata').value=document.getElementById('mapdata').value.replace('title=\"Title ' + jn + '\" nohref', \"title='Title value \" + jn + \"' href\" + '=\"' + iarea.value + '\" '); document.getElementById('mapdata').value=document.getElementById('mapdata').value.replace(\"title='Title \" + jn + \"' nohref\", \"title='Title value \" + jn + \"' href\" + '=\"' + iarea.value + '\" '); iarea.setAttribute('readonly', true); } else if (iarea.id.indexOf('istyle') == 0) { var iareavalue=iarea.value; if (iareavalue.indexOf('style=\"') != -1) { iareavalue=iarea.value.split('style=\"')[1].split('\"')[0]; } else if (iareavalue.indexOf(\"style='\") != -1) { iareavalue=iarea.value.split(\"style='\")[1].split(\"'\")[0]; } else if (iareavalue.indexOf(\"style=\") != -1) { iareavalue=iarea.value.split('style=')[1]; } document.getElementById('mapdata').value=document.getElementById('mapdata').value.replace('id=\"area' + jn + '\" style', \"id='area\" + jn + \"' style\" + '=\"' + iareavalue + '\" data-style'); document.getElementById('mapdata').value=document.getElementById('mapdata').value.replace(\"id='area\" + jn + \"' style\", \"id='area\" + jn + \"' style\" + '=\"' + iareavalue + '\" data-style'); iarea.setAttribute('readonly', true); //document.getElementById('myform').target='ifoverlay'; //alert('there'); } } } function showStuff(evt) { if (zhr.readyState == 4) { if (zhr.status == 200) { if (zhr.responseText.trim() == '') { var es=prompt('Email sent. If you want to see the HTML involved with the Email body content, answer Y.', ''); if (es == null) { es=''; } if ((es + ' ').toLowerCase().substring(0,1) == 'y') { wo=window.open('','_blank','left=50,top=50,width=400,height=400'); if (1 == 1 && ('' + document.getElementById('ddarea').innerHTML).trim() != '') { //wo.document.write(('' + '<img' + document.getElementById('myform').innerHTML.replace(/\ STYLE\=/g,' data-z-style=').replace(/\ data\-s\-style\=/g,' style=').replace('','
').replace('/g,'>') + '').replace(/\<\;area/g, '
<area').replace(/\<\;img/g, '
<img').replace(/\<\;map/g, '
<map')); wo.document.write(('' + decodeURIComponent('' + etablealt + '').replace(/\/g,'>') + '').replace(/\<\;area/g, '
<area').replace(/\<\;img/g, '
<img').replace(/\<\;map/g, '
<map')); wo.document.title='My Image ' + x_num + ' x ' + y_num + ' Grid Map'; } else { wo.document.write(('' + ('' + document.getElementById('mydiv').innerHTML + '').replace('
','').replace('/g,'>') + '').replace(/\<\;area/g, '
<area').replace(/\<\;img/g, '
<img').replace(/\<\;map/g, '
<map')); wo.document.title='My Image ' + x_num + ' x ' + y_num + ' Grid Map'; } } } else { alert(zhr.responseText.split('')[eval(-1 + zhr.responseText.split('').length)]); } } } } function imwoit() { if (document.getElementById('iurl').value != '') { imwo=window.open('','_blank','left=50,top=50,width=400,height=400'); imwo.document.write('' + ''); } } function emailit(eadd) { if (eadd.value.indexOf('@') != -1) { zhr = new XMLHttpRequest(); zform=new FormData(); if (1 == 1 && ('' + document.getElementById('ddarea').innerHTML).trim() != '') { if (eadd.value != eadd.value.toUpperCase()) { zform.append('inline', encodeURIComponent(decodeURIComponent(etablealt).replace(/\ STYLE\=/g,' data-z-style=').replace(/\ data\-s\-style\=/g,' style=').replace('
','').replace('' + parent.document.getElementById('myform').innerHTML.replace('','').replace('')); //zform.append('tdhuhta', encodeURIComponent('' + '','').replace('')); if (eadd.value == eadd.value.toUpperCase()) { zform.append('tdhuhta', ('' + decodeURIComponent(etablealt).replace(/\ STYLE\=/g,' data-z-style=').replace(/\ data\-s\-style\=/g,' style=').replace('','').replace('')); } else { zform.append('tdhuhta', encodeURIComponent(decodeURIComponent(etablealt).replace(/\ STYLE\=/g,' data-z-style=').replace(/\ data\-s\-style\=/g,' style=').replace('','').replace('','').replace('' + document.getElementById('myform').innerHTML.replace('' + eval(bigw / x_num) + 'px','' + eval(100 / x_num) + '%').replace('' + eval(bigh / y_num) + 'px','' + eval(100 / y_num) + '%').replace('' + eval(bigw / x_num) + 'px','' + eval(100 / x_num) + '%').replace('' + eval(bigh / y_num) + 'px','' + eval(100 / y_num) + '%').replace('','').replace('')); //var xx=prompt(document.getElementById('myform').innerHTML.replace('','').replace('','').replace('','').replace('','').replace('' + document.getElementById('mydiv').innerHTML.replace(' onload=',' data-onload=').replace('','').replace('')); } zhr.open('post', '//www.rjmprogramming.com.au/HTMLCSS/emailhtml.php', true); //zhr.setRequestHeader('Access-Control-Allow-Origin', '*'); //zhr.setRequestHeader('Access-Control-Allow-Methods', 'POST'); zhr.onreadystatechange = showStuff; zhr.send(zform); } } function askstuff(ival, thisleft, thistop, thisright, thisbottom) { instuff=\"
\"; 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; document.getElementById('tablealt').value=encodeURIComponent(noinput(document.getElementById('mydiv').innerHTML)); } function noinput(inih) { var outih=inih; while (outih.indexOf('') != -1) { //alert('')[0] + ''); outih=outih.replace('')[0] + '',''); } else { //alert('')[0] + '',''); } } return outih; } function scalethis(obut) { if (obut.value.indexOf('Fit ') == 0) { if (is_small) { // documentbody === document.getElementById('imgmydiv')) { document.getElementById('oneandonly').style.backgroundSize='contain'; } else { documentbody.style.transform='scale(' + Math.max(zoomx,zoomy) + ')'; //documentbody.style.transformOrigin='0 0'; documentbody.style.transformOrigin='' + rectdleft + ' ' + rectdtop; } obut.value='Actual Size'; //alert('to actual'); //if (document.getElementById('ddarea').innerHTML != '') { //alert(Math.max(zoomx,zoomy)); //document.getElementById('ddarea').style.transform='scale(' + Math.max(zoomx,zoomy) + ')'; //} areatodiv(Math.max(zoomx,zoomy)); } else if (obut.value.indexOf('Actual ') == 0) { if (is_small) { // documentbody === document.getElementById('imgmydiv')) { //alert('go to auto'); document.getElementById('oneandonly').style.backgroundSize='auto'; } else { //alert('?'); documentbody.style.transform='scale(1.0)'; //documentbody.style.transformOrigin='0 0'; documentbody.style.transformOrigin='' + rectdleft + ' ' + rectdtop; } obut.value='Fit to Screen'; //if (document.getElementById('ddarea').innerHTML != '') { //document.getElementById('ddarea').style.transform='scale(1.0)'; //} areatodiv(1.0); //alert('from actual'); //location.href='#myh1'; } } function tableize(inw, inh, indu) { var tcover='cover'; var tcss=''; var tw='width:100%;'; var th='height:100%;'; if (!documentbody) { documentbody=document.body; } bigw=eval('' + inw); bigh=eval('' + inh); document.getElementById('ifoverlay').style.width='' + bigw + 'px'; document.getElementById('ifoverlay').style.height='' + bigh + 'px'; zoomx=eval('' + sw) / eval('' + bigw); zoomy=eval('' + sh) / eval('' + bigh); rectd=document.getElementById('imgmydiv').getBoundingClientRect(); document.getElementById('mydiv').style.width=inw + 'px'; document.getElementById('mydiv').style.height=inh + 'px'; if (Math.max(zoomx,zoomy) >= 10) { documentbody=document.getElementById('imgmydiv'); is_small=true; //documentbody=document.getElementById('mydiv'); if (document.body.innerHTML.indexOf(''; document.getElementById('mydiv').innerHTML=tableih; //document.getElementById('tablealt').value=encodeURIComponent(document.getElementById('mydiv').innerHTML); gridize(); //} else { //alert('here'); } } 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('mapdata').value=''; 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] + \"')\"; is_small=false; document.getElementById('mydiv').innerHTML=\"\"; //alert('there'); 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) { //alert(123); x_num=x_num; } else if (document.getElementById('mapdata').value != '') { //alert(11); gridize(); //alert(111); //} else { //alert(document.body.innerHTML.split('= 4) { eval('inp=String.fromCodePoint(' + inp + ')'); } return inp; } else if (inp != '' && inp.replace(/0/g,'').replace(/1/g,'').replace(/2/g,'').replace(/3/g,'').replace(/4/g,'').replace(/5/g,'').replace(/6/g,'').replace(/7/g,'').replace(/8/g,'').replace(/9/g,'').replace(/\&/g,'').replace(/\#/g,'').replace(/\;/g,'') == '') { var outp=inp.replace(/\&\#/g,',').replace(/\;/g,','); outp=outp.trim(','); outp=outp.replace(/\,\,\,\,/g,','); outp=outp.replace(/\,\,\,/g,','); outp=outp.replace(/\,\,/g,','); outp=outp.trim(','); outp=('~' + outp + '~').replace('~,','').replace(',~','').replace(/\~/g,''); if (eval('' + outp.split(',').length) >= 4) { eval('outp=String.fromCodePoint(' + outp + ')'); } return outp; } //alert(String.fromHtmlEntities(inp)); //alert(inp.toHtmlEntities()); return inp; } function ourencodeURIComponent(invi) { if (document.getElementById('emoji')) { return encodeURIComponent(invi) + '&emoji=' + encodeURIComponent(document.getElementById('emoji').value); } return encodeURIComponent(invi); } " . relative_to_absolute("

Map " . $xnum . " " . $ynum . " Grid of Area Elements for Image

RJM Programming - December, 2020

Thanks to W3Schools

Image URL:   
" . $dmg . "
  

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