1,59d0
< <?php
<   if (isset($_GET['left']) && isset($_GET['top']) && isset($_GET['width']) && isset($_GET['height'])) {  
<     $uw="";
<     $postuw="";
<     $uw1="";
<     $postuw1="";
<     $uw2="";
<     $postuw2="";
<     $uw3="";
<     $postuw3="";
<     if (isset($_GET['widthleft']) && isset($_GET['widthmiddle']) && isset($_GET['widthright']) && isset($_GET['heighttop']) && isset($_GET['heightmiddle']) && isset($_GET['heightbottom'])) {
<       $uw=" usemap=#workmap";
<       $uw1=" usemap=#workmap1";
<       $uw2=" usemap=#workmap2";
<       $uw3=" usemap=#workmap3";
<       
<       $postuw="<map name=workmap style=z-index:56;>";
<       $postuw1="<map name=workmap1 style=z-index:56;>";
<       $postuw2="<map name=workmap2 style=z-index:56;>";
<       $postuw3="<map name=workmap3 style=z-index:56;>";
< 
<       $postuw.="<area shape=rect title=Ephemeral onmouseover=omoiset(1); onmouseout=omoiset(-2); coords=0,0," . explode('.',$_GET['widthleft'])[0] . "," . explode('.',$_GET['heighttop'])[0] . " alt=LeftTop onclick=ouralert(1); target=_blank href=//www.rjmprogramming.com.au/ephemeral />";
<       $postuw.="<area shape=rect title=StreetArt onmouseover=omoiset(2); onmouseout=omoiset(-2); coords=" . explode('.',$_GET['widthleft'])[0] . ",0," . explode('.',($_GET['widthleft'] + $_GET['widthmiddle']))[0] . "," . explode('.',$_GET['heighttop'])[0] . " alt=CenterTop onclick=ouralert(2); target=_blank href=//www.rjmprogramming.com.au/streetart />";
<       $postuw.="<area shape=rect title=TheCommute onmouseover=omoiset(3); onmouseout=omoiset(-2); coords=" . explode('.',($_GET['widthleft'] + $_GET['widthmiddle']))[0] . ",0," . explode('.',$_GET['width'])[0] . "," . explode('.',$_GET['heighttop'])[0] . " alt=RightTop onclick=ouralert(3);  target=_blank href=//www.rjmprogramming.com.au/thecommute />";
< 
<       $postuw1.="<area id=area4 title=? onmouseover=omoiset(4); onmouseout=omoiset(-1); shape=rect coords=0,0," . explode('.',$_GET['widthleft'])[0] . "," . explode('.',(0 + $_GET['heightmiddle']))[0] . " alt=LeftMiddle onclick=ouralert(4); target=_blank nohref />";
<       $postuw2.="<area id=area6 title=? onmouseover=omoiset(6); onmouseout=omoiset(-1); shape=rect coords=0,0," . explode('.',$_GET['widthright'])[0] . "," . explode('.',(0 + $_GET['heightmiddle']))[0] . " alt=RightMiddle onclick=ouralert(6); target=_blank nohref />";
< 
<       $postuw3.="<area shape=rect title=InnerBurbs onmouseover=omoiset(7); onmouseout=omoiset(-2); coords=0,0," . explode('.',$_GET['widthleft'])[0] . "," . explode('.',$_GET['heightbottom'])[0] . " alt=LeftBottom onclick=ouralert(7);  target=_blank href=//www.rjmprogramming.com.au/pyrmontultimo />";
<       $postuw3.="<area shape=rect title=Bygone onmouseover=omoiset(8); onmouseout=omoiset(-2); coords=" . explode('.',$_GET['widthleft'])[0] . ",0," . explode('.',($_GET['widthleft'] + $_GET['widthmiddle']))[0] . "," . explode('.',$_GET['heightbottom'])[0] . " alt=CenterBottom onclick=ouralert(8);  target=_blank href=//www.rjmprogramming.com.au/bygone />";
<       $postuw3.="<area shape=rect title=West onmouseover=omoiset(9); onmouseout=omoiset(-2); coords=" . explode('.',($_GET['widthleft'] + $_GET['widthmiddle']))[0] . ",0," . explode('.',$_GET['width'])[0] . "," . explode('.',$_GET['heightbottom'])[0] . " alt=RightBottom onclick=ouralert(9);  target=_blank href=//www.rjmprogramming.com.au/thewest />";
< 
<       $postuw.="</map>";
<       $postuw1.="</map>";
<       $postuw2.="</map>";
<       $postuw3.="</map>";
<     }
<   
<     // Create a transparent image thanks to https://www.php.net/manual/en/function.imagecolortransparent.php
<     $im = imagecreatetruecolor($_GET['width'], $_GET['height']);
<     $red = imagecolorallocate($im, 255, 0, 0);
<     $black = imagecolorallocate($im, 0, 0, 0);
< 
<     // Make the background transparent
<     imagecolortransparent($im, $black);
< 
<     // Save the image
<     $udirnameprebimg='/tmp/imagecolortransparent.png';
<     imagepng($im, $udirnameprebimg);
<     $duis='data:image/' . str_replace('jpg','jpeg',strtolower(explode('.',$udirnameprebimg)[-1 + sizeof(explode('.',$udirnameprebimg))])) . ';base64,' . base64_encode(file_get_contents($udirnameprebimg));
<     imagedestroy($im);
<     unlink($udirnameprebimg);
<    
<     echo "<html>
< <body onload=\"parent.document.getElementById('divimif').innerHTML='<img id=myimg style=height:" . $_GET['heighttop'] . "px;z-index:56;position:absolute;top:" . $_GET['top'] . "px;left:" . $_GET['left'] . "px;width:" . $_GET['width'] . "px; src=" . $duis . "" . $uw . "></img>" . $postuw . "<img id=myimg1 style=height:" . $_GET['heightmiddle'] . "px;z-index:56;position:absolute;top:" . explode('.',($_GET['top'] + $_GET['heighttop']))[0] . "px;left:" . $_GET['left'] . "px;width:" . $_GET['widthleft'] . "px; src=" . $duis . "" . $uw1 . "></img>" . $postuw1 . "<img id=myimg2 style=height:" . $_GET['heightmiddle'] . "px;z-index:56;position:absolute;top:" . explode('.',($_GET['top'] + $_GET['heighttop']))[0] . "px;left:" . explode('.',($_GET['width'] - $_GET['widthright']))[0] . "px;width:" . $_GET['widthright'] . "px; src=" . $duis . "" . $uw2 . "></img>" . $postuw2 . "<img id=myimg3 style=height:" . explode('.',($_GET['height'] - $_GET['heighttop'] - $_GET['heightmiddle']))[0] . "px;z-index:56;position:absolute;top:" . explode('.',($_GET['top'] + $_GET['heighttop'] + $_GET['heightmiddle']))[0] . "px;left:" . $_GET['left'] . "px;width:" . $_GET['width'] . "px; src=" . $duis . "" . $uw3 . "></img>" . $postuw3 . "'; \"></body>
< </html>";
<     exit;
<   }
< ?>
151,190d91
<   var urls=['', '', '', ' ', '', ' ', '', '', ''];
<   var omoi=-1;
<   var isrelp=false;
<   
<   function postomoiset() {
<     if (isrelp) {
<     isrelp=false;
<     if (omoi == 4 || omoi == 6) {
<       var wasomoi=omoi;
<       omoi=-1;
<       ouralert(wasomoi);
<     }
<     }
<   }
<   
<   function omoiset(jnnum) {
<     if (eval('' + jnnum) == -1) {
<     omoi=jnnum;
<     //document.title='omoi=' + omoi; 
<     isrelp=false;
<     //setTimeout(postomoiset, 8000);
<     } else if (eval('' + jnnum) == -2) {
<     if (omoi != 4 && omoi != 6) {
<      omoi=jnnum;
<      //document.title='omoi=' + omoi; 
<      isrelp=false;
<      //setTimeout(postomoiset, 8000);
<     }
<     } else {
<     omoi=jnnum;
<     //document.title='omoi=' + omoi; 
<     if (omoi != 4 && omoi != 6) {
<     isrelp=false;
<     } else {
<     isrelp=true;
<     //document.title='omoi=' + omoi + '|'; 
<     setTimeout(postomoiset, 8000);
<     }
<     }
<   }
204,263d104
<   function ouralert(innum) {
<     var ans='';
<     switch ('' + innum) {
<       case '1':
<        if (urls[eval(-1 + eval('' + innum))] != '') {
<           ans=prompt('Want to go anywhere? (To save for future append a blank.)', urls[eval(-1 + eval('' + innum))].trim());
<        }
<        break;
<       case '2':
<        if (urls[eval(-1 + eval('' + innum))] != '') {
<           ans=prompt('Want to go anywhere? (To save for future append a blank.)', urls[eval(-1 + eval('' + innum))].trim());
<        }
<        break;
<       case '3':
<        if (urls[eval(-1 + eval('' + innum))] != '') {
<           ans=prompt('Want to go anywhere? (To save for future append a blank.)', urls[eval(-1 + eval('' + innum))].trim());
<        }
<        break;
<       case '4':
<        if (urls[eval(-1 + eval('' + innum))] != '') {
<           ans=prompt('Want to go anywhere? (To save for future append a blank.)  Eg. https://www.rjmprogramming.com.au/slideshow.html', urls[eval(-1 + eval('' + innum))].trim());
<        }
<        break;
<       case '5':
<        if (urls[eval(-1 + eval('' + innum))] != '') {
<           ans=prompt('Want to go anywhere? (To save for future append a blank.)', urls[eval(-1 + eval('' + innum))].trim());
<        }
<        break;
<       case '6':
<        if (urls[eval(-1 + eval('' + innum))] != '') {
<           ans=prompt('Want to go anywhere? (To save for future append a blank.)  Eg. https://www.rjmprogramming.com.au/plus/', urls[eval(-1 + eval('' + innum))].trim());
<        }
<        break;
<       case '7':
<        if (urls[eval(-1 + eval('' + innum))] != '') {
<           ans=prompt('Want to go anywhere? (To save for future append a blank.)', urls[eval(-1 + eval('' + innum))].trim());
<        }
<        break;
<       case '8':
<        if (urls[eval(-1 + eval('' + innum))] != '') {
<           ans=prompt('Want to go anywhere? (To save for future append a blank.)', '');
<        }
<        break;
<       case '9':
<        if (urls[eval(-1 + eval('' + innum))] != '') {
<           ans=prompt('Want to go anywhere? (To save for future append a blank.)', '');
<        }
<        break;
<       default:
<        break;
<     }
<     if (!ans) { ans=''; }
<     if (ans != '') { 
<       window.open(ans.trim(), '_blank'); 
<       if (ans != ans.trim()) {
<         window.localStorage.setItem('area' + innum + 'url', encodeURIComponent(ans.trim()));
<       } 
<     }
<   }
<   
271,315d111
<     var myiz=document.getElementById('ifzero').getBoundingClientRect();
<     var myhr=document.getElementById('myheader').getBoundingClientRect();
<     var myh=eval('' + myhr.height);
<     var myt=eval('' + myhr.top);
<     var widthleft=eval(eval('' + myiz.left) - eval('' + myhr.left));
<     var widthmiddle=eval('' + myiz.width);
<     var widthright=eval(eval('' + myhr.width) - eval('' + myiz.width) - eval('' + myiz.left));
<     if (document.getElementById('navTop')) {
<       var myalthr=document.getElementById('navTop').getBoundingClientRect();
<       myh-=eval('' + myalthr.height);
<       myt=eval('' + myalthr.height);
<     }
<     var heighttop=eval(eval('' + myiz.top) - eval('' + myt));
<     var heightmiddle=eval('' + myiz.height);
<     var heightbottom=eval(eval('' + myh) - eval('' + myiz.height)); // - eval('' + myiz.top));
<     if (window.parent != window) {
<     myh=myh;
<     } else if (('' + window.opener).replace(/^undefined/g,'').replace(/^null/g,'')) {
<     myh=myh;
<     } else if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPaJUNKd|iPod|Opera Mini|IEMobile/i)) {
<     myh=myh;
<     } else {
<     document.getElementById('myimif').src=document.URL.split('?')[0].split('#')[0] + '?left=' + myhr.left + '&top=' + myt + '&width=' + myhr.width + '&height=' + myh + '&ifleft=' + myiz.left + '&iftop=' + myiz.top + '&ifwidth=' + myiz.width + '&ifheight=' + myiz.height + '&widthleft=' + widthleft + '&widthmiddle=' + widthmiddle + '&widthright=' + widthright + '&heighttop=' + heighttop + '&heightmiddle=' + heightmiddle + '&heightbottom=' + heightbottom;
<     setTimeout(imbit, 5000);
<     }
<   }
<   
<   function imbit() {
<     //if (document.getElementById('myimg')) {
<     //  document.getElementById('myimg').style.border='5px dashed purple';
<     //}
<     if (('' + window.localStorage.getItem('area4url')).replace(/^undefined/g,'').replace(/^null/g,'') != '') {
<       urls[3]=decodeURIComponent('' + window.localStorage.getItem('area4url'));
<       document.getElementById('area4').title=decodeURIComponent('' + window.localStorage.getItem('area4url')) + '# ... long hover of at least 8 seconds for chance to change';
<       document.getElementById('area4').href=decodeURIComponent('' + window.localStorage.getItem('area4url'));
<       document.getElementById('area4').onclick=function(){ omoiset=-1; urls[3]=urls[3]; }
<       //document.getElementById('area4').ondblclick=function(){ ouralert(4); }
<     } 
<     if (('' + window.localStorage.getItem('area6url')).replace(/^undefined/g,'').replace(/^null/g,'') != '') {
<       urls[5]=decodeURIComponent('' + window.localStorage.getItem('area6url'));
<       document.getElementById('area6').title=decodeURIComponent('' + window.localStorage.getItem('area6url')) + '# ... long hover of at least 8 seconds for chance to change';
<       document.getElementById('area6').href=decodeURIComponent('' + window.localStorage.getItem('area6url'));
<       document.getElementById('area6').onclick=function(){ omoiset=-1;  urls[5]=urls[5]; }
<       //document.getElementById('area6').ondblclick=function(){ ouralert(6); }
<     }
349c145
< <div id="navTop" class="w3-top">
---
> <div class="w3-top">
375c171
< <header id="myheader" title="Recent post image links in light green area" class="w3-container w3-green w3-center" style="padding:128px 16px">
---
> <header title="Recent post image links in light green area" class="w3-container w3-green w3-center" style="padding:128px 16px">
379c175
<   <iframe title="Recent posts" onload="check_if(this);" src="PHP/zero.html?totalwidth=y" class="zero" id="ifzero" style="z-index:57;"></iframe>
---
>   <iframe title="Recent posts" onload="check_if(this);" src="PHP/zero.html?totalwidth=y" class="zero"></iframe>
450,451c246
< <div id=divimif></div>
< <iframe style='display:none;' id=myimif src=></iframe>
---
>