5d4
< <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
12,19c11
< var dcnt=1, dpcnt=0;
< var fcol='red', fwords='', origih='';
< var idarr=[];
< var undoid=-1;
< var redoid=-1;
< var its='';
< var showmenu=true;
< var firstgo=true;
---
> var dcnt=1;
23,24d14
<   fcol=document.getElementById('fcol').value;
<   fwords=document.getElementById('swords').value;
36d25
<   document.getElementById('dhelper').innerHTML='';
38,44c27
<   while (document.getElementById('dp' + dpcnt)) {
<     idarr.push('dp' + dpcnt);
<     undoid=eval(-1 + idarr.length);
<     dpcnt++;
<   }
<   document.getElementById('dpalette').innerHTML+='<div class=dpolygon id=dp' + dpcnt + ' style="z-index:' + dcnt + ';position:absolute;left:' + polygonx + 'px;top:' + polygony + 'px;width:' + eval(maxx - minx) + 'px;height:' + eval(maxy - miny) + 'px;">' + fwords + '<svg height="100%" width="100%"><polygon points="' + svgpl + '" style="fill:' + fcol + ';stroke:purple;stroke-width:1" /></svg></div>';
<   if (its != '') {  its+='<div class=dpolygon id=dp' + dpcnt + ' style="z-index:' + dcnt + ';position:absolute;left:' + polygonx + 'px;top:' + polygony + 'px;width:' + eval(maxx - minx) + 'px;height:' + eval(maxy - miny) + 'px;">' + fwords + '<svg height="100%" width="100%"><polygon points="' + svgpl + '" style="fill:' + fcol + ';stroke:purple;stroke-width:1" /></svg></div>';   }
---
>   document.getElementById('dpalette').innerHTML+='<div style="z-index:' + dcnt + ';position:absolute;left:' + polygonx + 'px;top:' + polygony + 'px;width:' + eval(maxx - minx) + 'px;height:' + eval(maxy - miny) + 'px;"><svg height="100%" width="100%"><polygon points="' + svgpl + '" style="fill:lime;stroke:purple;stroke-width:1" /></svg></div>';
46,52d28
<   idarr.push('dp' + dpcnt);
<   undoid=eval(-1 + idarr.length);
<   dpcnt++;
<   if (document.getElementById('myemail')) {
<   document.getElementById('myemail').innerHTML='&#128231;';
<   }
<   document.getElementById('myh3').innerHTML=document.getElementById('myh3').innerHTML.replace(' - ',' <a style=cursor:pointer;text-decoration:underline; onclick="location.href=document.URL.split(' + "'?'" + ')[0].split(' + "'#'" + ')[0];" title=Refresh>-</a> ');
57d32
<   if (document.getElementById('status')) {
59d33
<   }
63,65c37
<   if (polygonask == -2) {
<        polygonask=-1;
<   } else if (polygonask == -1) {
---
>   if (polygonask == -1) {
74d45
<        if (document.getElementById('status')) {
76,77d46
<        }
<        document.getElementById('dhelper').innerHTML+='<div style="position:absolute;left:' + polygonx + 'px;top:' + eval(-5 + polygony) + 'px;color:red;">.</div>';
79d47
<        //document.title='' + polygonask;
125,190d92
<        document.getElementById('dhelper').innerHTML+='<div style="position:absolute;left:' + polygonxa[eval(-1 + polygonxa.length)] + 'px;top:' + eval(-5 + polygonya[eval(-1 + polygonya.length)]) + 'px;color:green;">.</div>';
< 
<   }
< }
< 
< function fcolis(tv) {
<   parent.document.getElementById('fcol').value=tv;
< }
< 
< function fwordis(tv) {
<   parent.document.getElementById('swords').value=tv;
< }
< 
< function doundo() {
<   if (parent.document.getElementById('iundo').title != document.getElementById('iundo').title) {
<     parent.document.getElementById('iundo').click();
<     document.getElementById('iredo').style.display='inline-block';
<   } else {
<        if (undoid >= 0) {
<          redoid=undoid;
<          document.getElementById(idarr[undoid]).style.display='none';
<          //document.getElementById('iredo').style.display='inline-block';
<          undoid--;
<          if (undoid < 0) {
<            document.getElementById('iundo').style.display='none';
<          }
<        } 
<   }
< }
< 
< function doredo() {
<   if (parent.document.getElementById('iundo').title != document.getElementById('iundo').title) {
<     parent.document.getElementById('iredo').click();
<     document.getElementById('iundo').style.display='inline-block';
<   } else {
<        if (redoid >= 0 && redoid < idarr.length) {
<          undoid=redoid;
<          document.getElementById(idarr[redoid]).style.display='block';
<          //document.getElementById('iundo').style.display='inline-block';
<          redoid++;
<        }
<   }
< }
< 
< function minusthis() {
<   if (document.getElementById('dpalette')) {
<     origih=document.getElementById('dpalette').innerHTML;
<     var addthis=location.search.split('add=')[1] ? decodeURIComponent(location.search.split('add=')[1].split('&')[0]) : '';
<     if (addthis != '') {
<       document.getElementById('myemail').innerHTML='&#128231;';
<       its=document.getElementById('dpalette').innerHTML+addthis;
<       if (1 == 7) {
<       document.getElementById('dpalette').innerHTML+=addthis;
<       } else {
<       document.getElementById('dpalette').style.backgroundColor='white';
<       document.getElementById('dpalette').innerHTML=addthis.replace(/\<div /g,"<div onclick='leaveit();' title='Click within 10 seconds to not include menus, then allow them' ");
<       document.getElementById('ifmenu').style.visibility='hidden';
<       setTimeout(putrest, 10000);
<       }
<       while (document.getElementById('dp' + dpcnt)) {
<        document.getElementById('myh3').innerHTML=document.getElementById('myh3').innerHTML.replace(' - ',' <a style=cursor:pointer;text-decoration:underline; onclick="location.href=document.URL.split(' + "'?'" + ')[0].split(' + "'#'" + ')[0];" title=Refresh>-</a> ');
<        idarr.push('dp' + dpcnt);
<        undoid=eval(-1 + idarr.length);
<        dpcnt++;
<       }
<     }
194,229d95
< function leaveit() {
<   showmenu=!showmenu;
<   if (!showmenu && firstgo) { polygonask=-2; }
<   firstgo=false;
< }
< 
< function putrest() {
<  if (showmenu) {
<    document.getElementById('dpalette').style.backgroundColor='yellow';
<    document.getElementById('dpalette').innerHTML=its;
<    document.getElementById('ifmenu').style.visibility='visible';
<  } else {
<    setTimeout(putrest, 1000);
<  }
< }
< 
< function emailit() {
<   var rest='';
<   if (origih == '') {
<     if (document.getElementById('dpalette').innerHTML.indexOf('<div') > 0) {
<     rest=document.getElementById('dpalette').innerHTML.replace(document.getElementById('dpalette').innerHTML.split('<div')[0],'');
<     document.getElementById('aemail').href+=encodeURIComponent(document.URL.split('#')[0].split('?')[0] + '?add=' + encodeURIComponent(rest));
<     } else {
<     document.getElementById('aemail').href+=encodeURIComponent(document.URL.split('#')[0].split('?')[0] + '?add=' + encodeURIComponent(document.getElementById('dpalette').innerHTML));
<     }
<   } else {
<     if (document.getElementById('dpalette').innerHTML.replace(origih,'').indexOf('<div') > 0) {
<     rest=document.getElementById('dpalette').innerHTML.replace(origih,'').replace(document.getElementById('dpalette').innerHTML.replace(origih,'').split('<div')[0],'');
<     document.getElementById('aemail').href+=encodeURIComponent(document.URL.split('#')[0].split('?')[0] + '?add=' + encodeURIComponent(rest));
<     } else {
<     document.getElementById('aemail').href+=encodeURIComponent(document.URL.split('#')[0].split('?')[0] + '?add=' + encodeURIComponent(document.getElementById('dpalette').innerHTML.replace(origih,'')));
<     }
<   }
<   document.getElementById('aemail').click();
<   document.getElementById('aemail').href=document.getElementById('aemail').href.split('body=')[0] + 'body=';
< }
233,241c99,104
< <body onload='setTimeout(minusthis,300);'>
< <script type='text/javascript'>
<  var menustuff=location.search.split('menu=')[1] ? decodeURIComponent(location.search.split('menu=')[1].split('&')[0]) : '';
<  if (menustuff != '') {
<  document.write("<div style='width:140px;background-color:transparent;'>Fill Colour: <input onblur='fcolis(this.value);' onchange='fcolis(this.value);' type=color value='#ff0000'></input><br><br>Optional Wording: <input title=undo onblur='fwordis(this.value);' onchange='fwordis(this.value);' type=text value=''></input><br><br><input style=display:inline-block;background-color:lightblue; id=iundo type=button onclick=doundo(); value=Undo></input>&nbsp;&nbsp;<input title=redo style=display:none;background-color:lightblue; id=iredo type=button onclick=doredo(); value=Redo></input></div>");
<  } else {
<  document.write("<div id=dpalette onkeyup=draw(true); style='display:inline-block;width:100%;height:100vh;background-color:yellow;' onclick='socwc(event, false);' ondoubleclick='socwc(event, true);' contenteditable=true><a onclick=emailit(); title='Email These Polygons' style=display:inline-block;cursor:pointer;font-size:36px; id=myemail></a>&nbsp;<h1 style=display:inline-block;>SVG Polygon Placement</h1><h3 id=myh3>RJM Programming - February, 2019</h3><h4 id=status>First click places, subsequent clicks define polygon and a double click or keyboard work closes off any open polygon</h4></div><div id=dhelper></div><iframe frameborder=0 id=ifmenu style='position:absolute;top:170px;left:5px;' src='svg_position.html?menu=y'></iframe><input type=hidden id=fcol value='#ff0000'></input><input type=hidden id=swords value=''></input><input title=Undo style=display:none;background-color:lightblue; id=iundo type=button onclick=doundo(); value=Undo></input>&nbsp;&nbsp;<input title=Redo style=display:none;background-color:lightblue; id=iredo type=button onclick=doredo(); value=Redo></input><a id=aemail href='mailto:?subject=Polygons&body=' style='display:none;'>Email</a>");
<  }
< </script>
---
> <body>
> <div id=dpalette onkeyup=draw(true); style='display:inline-block;width:100%;height:100vh;background-color:yellow;' onclick='socwc(event, false);' ondoubleclick='socwc(event, true);' contenteditable=true>
> <h1>SVG Polygon Placement</h1>
> <h3>RJM Programming - February, 2019</h3>
> <h4 id=status>First click places, subsequent clicks define polygon and a double click or keyboard work closes off any open polygon</h4>
> </div>