&lt;!doctype html&gt;<br>&lt;head&gt;<br>&lt;title&gt;Flowchart - RJM Programming - January, 2019 ... Thanks to https://enjoycss.com/&lt;/title&gt;<br>&lt;meta name="viewport" content="width=device-width, initial-scale=0.5, minimum-scale=0.1, maximum-scale=10, user-scalable=yes" &gt;<br>&lt;style&gt;<br><br><br>input[type=button] {<br>  background-color: #e0e0e0;<br>}<br><br>div {<br>  text-align: center;<br>}<br><br>.cglow {<br>  box-shadow-bottom-right-radius: 50%; // thanks to https://stackoverflow.com/questions/2714765/using-border-radius-and-box-shadow-together-css<br>  box-shadow-bottom-left-radius: 50%;<br>  box-shadow-top-right-radius: 50%;<br>  box-shadow-top-left-radius: 50%;<br>  -webkit-animation: cglow 1s ease-in-out infinite alternate;<br>  -moz-animation: cglow 1s ease-in-out infinite alternate;<br>  animation: cglow 1s ease-in-out infinite alternate; <br>  -webkit-border-radius: 50%;<br>  border-radius: 50%;<br>}<br><br>.glow {<br>  -webkit-animation: glow 1s ease-in-out infinite alternate;<br>  -moz-animation: glow 1s ease-in-out infinite alternate;<br>  animation: glow 1s ease-in-out infinite alternate; <br>}<br><br>/* Thanks to https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_glowing_text */<br><br>@-webkit-keyframes cglow {<br>  from {<br>    box-shadow: 0 0 3px #fff, 0 0 5px #fff, 0 0 37px #e60073, 0 0 9px #e60073, 0 0 11px #e60073, 0 0 13px #e60073, 0 0 15px #e60073;<br>  box-shadow-bottom-right-radius: 50%; // thanks to https://stackoverflow.com/questions/2714765/using-border-radius-and-box-shadow-together-css<br>  box-shadow-bottom-left-radius: 50%;<br>  box-shadow-top-right-radius: 50%;<br>  box-shadow-top-left-radius: 50%;<br>  }<br>  <br>  to {<br>    box-shadow: 0 0 24px #fff, 0 0 6px #ff4da6, 0 0 8px #ff4da6, 0 0 10px #ff4da6, 0 0 12px #ff4da6, 0 0 14px #ff4da6, 0 0 16px #ff4da6;<br>  box-shadow-bottom-right-radius: 50%; // thanks to https://stackoverflow.com/questions/2714765/using-border-radius-and-box-shadow-together-css<br>  box-shadow-bottom-left-radius: 50%;<br>  box-shadow-top-right-radius: 50%;<br>  box-shadow-top-left-radius: 50%;<br>  }<br>}<br><br>@-webkit-keyframes glow {<br>  from {<br>    box-shadow: 0 0 3px #fff, 0 0 5px #fff, 0 0 37px #e60073, 0 0 9px #e60073, 0 0 11px #e60073, 0 0 13px #e60073, 0 0 15px #e60073;<br>  }<br>  <br>  to {<br>    box-shadow: 0 0 24px #fff, 0 0 6px #ff4da6, 0 0 8px #ff4da6, 0 0 10px #ff4da6, 0 0 12px #ff4da6, 0 0 14px #ff4da6, 0 0 16px #ff4da6;<br>  }<br>}<br><br>.diamond {<br>  -webkit-box-sizing: content-box;<br>  -moz-box-sizing: content-box;<br>  box-sizing: content-box;<br>  width: 0;<br>  height: 0;<br>  position: relative;<br>  top: 0;<br>  border: 50px solid rgba(0,0,0,0);<br>  border-top-width: 0;<br>  border-bottom: 70px solid yellow; //#1abc9c;<br>  font: normal 70%/normal Arial, Helvetica, sans-serif;<br>  color: rgba(0,0,0,1);<br>  //-o-text-overflow: visible; //clip;<br>  //text-overflow: visible; //clip;<br>  white-space: nowrap; <br>  overflow: visible;<br>  text-overflow: ellipsis;<br>  -o-text-overflow: ellipsis;<br>  /* -webkit-animation: glow 1s ease-in-out infinite alternate;<br>  -moz-animation: glow 1s ease-in-out infinite alternate;<br>  animation: glow 1s ease-in-out infinite alternate;  */<br>}<br><br>.diamond::after {<br>  -webkit-box-sizing: content-box;<br>  -moz-box-sizing: content-box;<br>  box-sizing: content-box;<br>  width: 0;<br>  height: 0;<br>  position: absolute;<br>  content: "";<br>  top: 70px;<br>  left: -50px;<br>  border: 50px solid rgba(0,0,0,0);<br>  border-top: 70px solid yellow; //#1abc9c;<br>  font: normal 70%/normal Arial, Helvetica, sans-serif;<br>  color: rgba(0,0,0,1);<br>  //-o-text-overflow: visible; //clip;<br>  //text-overflow: visible; //clip;<br>  white-space: nowrap; <br>  overflow: visible;<br>  text-overflow: ellipsis;<br>  -o-text-overflow: ellipsis;<br>}<br><br><br>.diamond:hover {<br>  overflow: visible;<br>}<br><br>.circle {<br>  -webkit-box-sizing: content-box;<br>  -moz-box-sizing: content-box;<br>  box-sizing: content-box;<br>  text-align: center;<br>  width: 200px;<br>  height: 200px;<br>  border: none;<br>  -webkit-border-radius: 50%;<br>  border-radius: 50%;<br>  font: normal 100%/normal Arial, Helvetica, sans-serif;<br>  color: rgba(0,0,0,1);<br>  -o-text-overflow: clip;<br>  text-overflow: clip;<br>  background: pink; //#1abc9c;<br>  opacity:0.5;<br>  /* -webkit-animation: glow 1s ease-in-out infinite alternate;<br>  -moz-animation: glow 1s ease-in-out infinite alternate;<br>  animation: glow 1s ease-in-out infinite alternate; */<br>}<br><br>.oval {<br>  -webkit-box-sizing: content-box;<br>  -moz-box-sizing: content-box;<br>  box-sizing: content-box;<br>  text-align: center;<br>  width: 200px;<br>  height: 100px;<br>  border: none;<br>  -webkit-border-radius: 50%;<br>  border-radius: 50%;<br>  font: normal 100%/normal Arial, Helvetica, sans-serif;<br>  color: rgba(0,0,0,1);<br>  -o-text-overflow: clip;<br>  text-overflow: clip;<br>  background: lightgreen; //#1abc9c;<br>  /* -webkit-animation: glow 1s ease-in-out infinite alternate;<br>  -moz-animation: glow 1s ease-in-out infinite alternate;<br>  animation: glow 1s ease-in-out infinite alternate; */<br>}<br><br>.rectangle {<br>  -webkit-box-sizing: content-box;<br>  -moz-box-sizing: content-box;<br>  box-sizing: content-box;<br>  width: 200px;<br>  height: 100px;<br>  border: none;<br>  font: normal 100%/normal Arial, Helvetica, sans-serif;<br>  color: rgba(0,0,0,1);<br>  -o-text-overflow: clip;<br>  text-overflow: clip;<br>  background: lightblue; //#1abc9c;<br>  /* -webkit-animation: glow 1s ease-in-out infinite alternate;<br>  -moz-animation: glow 1s ease-in-out infinite alternate;<br>  animation: glow 1s ease-in-out infinite alternate; */<br>}<br>&lt;/style&gt;<br>&lt;script type='text/javascript'&gt;<br>// http://www.rjmprogramming.com.au/HTMLCSS/flowchart.html?venn=Y<br>//&feedback=Feedback<br>//&recim=the-venn<br>//&emailcc=rmetcalfe15%40gmail.com<br>//&emailto=rmetcalfe15%40gmail.com<br>var vennis='', feedback='', recim='', emailcc='', emailto='', equ='=', xfeedback='';<br>if (document.URL.indexOf('feedback') != -1 && document.URL.indexOf('feedback=') == -1) { equ=encodeURIComponent('=');  }<br><br><br>//https://www.rjmprogramming.com.au/HTMLCSS/flowchart.html?feedback=test+it%7Enow&recim=ghfd&emailcc=rmetcalfe15%40gmail.com&emailto=Rmetcalfe15%40gmail.com<br><br>feedback=location.search.split('feedback' + equ)[1] ? decodeURIComponent((location.search).split('feedback' + equ)[1].split('&')[0].split('----')[0]).replace(/\+/g,' ') : '';<br>if (equ != "=") { xfeedback=feedback; }<br>vennis=(location.search + xfeedback).split('venn' + equ)[1] ? decodeURIComponent((location.search + xfeedback).split('venn' + equ)[1].split('&')[0].split('----')[0]) : '';<br>recim=(location.search + xfeedback).split('recim' + equ)[1] ? decodeURIComponent((location.search + xfeedback).split('recim' + equ)[1].split('&')[0].split('----')[0]) : '';<br>emailcc=(location.search + xfeedback).split('emailcc' + equ)[1] ? decodeURIComponent((location.search + xfeedback).split('emailcc' + equ)[1].split('&')[0].split('----')[0]) : '';<br>emailto=(location.search + xfeedback).split('emailto' + equ)[1] ? decodeURIComponent((location.search + xfeedback).split('emailto' + equ)[1].split('&')[0].split('----')[0]) : '';<br><br>var ciss=' class=glow', doglow=true, xciss=' class=cglow';<br>var idarr=[];<br>var loosetext=false;<br>var undoid=-1;<br>var redoid=-1;<br>var documentURL=document.URL.replace('.php','.html');<br>var xcv=documentURL.split(String.fromCharCode(35))[0].split(String.fromCharCode(63))[0].replace(dfrom,dto)+'?venn=Mind%20Map';<br>var ambeingsupervised=false;<br>var bodyclick=true, nonbodyclick=0, div1=null, div2=null, dval='';<br>var x=0,y=0,lastx=0,lasty=0,icnt=0,jcnt=0;<br>var wording="Start", shape="oval";<br>var wwok=true;<br>var myselsc='', urlis='';<br>var mcnt=0;<br>var wasglow='';<br>var fx=0, fy=0;<br>var rectwas, rectnow;<br>var sxoff=0, syoff=0;<br>var xoff=0, yoff=0;<br>var jnameis='';<br>var dystyle='', dystylecss='';<br>var acglow='youllneverfindthis';<br>var bcglow='glow';<br>var acolour="youllneverfindthis";<br>var bcolour=" style='background-color:lightgreen;";<br>var aclass="youllneverfindthis";<br>var bclass=" class='cglow";<br>var prevxoff=0, prevyoff=0;<br>var outst='';<br>var bris='&lt;br&gt;';<br>var htext='&nbsp;&lt;input style=background-color:lightgreen; id=itext type=button onclick="bodyclick=false; event.stopPropagation(); loosetext=true; prevxoff=xoff; prevyoff=yoff; xoff=0; yoff=0; setTimeout(butlater, 1500); " value=Text&gt;&lt;/input&gt;';<br>var gpreb='';<br>var ncol=0;<br>var vscnt=0;<br>var cat='?';<br>var noeolp='Now other end of line please.&nbsp;&nbsp;';<br>var wdef='';<br>var bcols=['red','yellow','green','blue','cyan','magenta','pink','lightblue','lightgreen','pink','#ffc0cb','lightpink','#ffb6c1'<br>,'hotpink','#ff69b4'<br>,'deeppink','#ff1493'<br>,'palevioletred','#db7093'<br>,'mediumvioletred','#c71585'<br>,'lightsalmon','#ffa07a'<br>,'salmon','#fa8072'<br>,'darksalmon','#e9967a'<br>,'lightcoral','#f08080'<br>,'indianred','#cd5c5c'<br>,'crimson','#dc143c'<br>,'firebrick','#b22222'<br>,'darkred','#8b0000'<br>,'red','#ff0000'<br>,'orangered','#ff4500'<br>,'tomato','#ff6347'<br>,'coral','#ff7f50'<br>,'darkorange','#ff8c00'<br>,'orange','#ffa500'<br>,'yellow','#ffff00'<br>,'lightyellow','#ffffe0'<br>,'lemonchiffon','#fffacd'<br>,'lightgoldenrodyellow','#fafad2'<br>,'papayawhip','#ffefd5'<br>,'moccasin','#ffe4b5'<br>,'peachpuff','#ffdab9'<br>,'palegoldenrod','#eee8aa'<br>,'khaki','#f0e68c'<br>,'darkkhaki','#bdb76b'<br>,'gold','#ffd700'<br>,'cornsilk','#fff8dc'<br>,'blanchedalmond','#ffebcd'<br>,'bisque','#ffe4c4'<br>,'navajowhite','#ffdead'<br>,'wheat','#f5deb3'<br>,'burlywood','#deb887'<br>,'tan','#d2b48c'<br>,'rosybrown','#bc8f8f'<br>,'sandybrown','#f4a460'<br>,'goldenrod','#daa520'<br>,'darkgoldenrod','#b8860b'<br>,'peru','#cd853f'<br>,'chocolate','#d2691e'<br>,'saddlebrown','#8b4513'<br>,'sienna','#a0522d'<br>,'brown','#a52a2a'<br>,'maroon','#800000'<br>,'olive','#808000'<br>,'olivedrab','#6b8e23'<br>,'yellowgreen','#9acd32'<br>,'limegreen','#32cd32'<br>,'lime','#00ff00'<br>,'lawngreen','#7cfc00'<br>,'chartreuse','#7fff00'<br>,'greenyellow','#adff2f'<br>,'springgreen','#00ff7f'<br>,'mediumspringgreen','#00fa9a'<br>,'lightgreen','#90ee90'<br>,'palegreen','#98fb98'<br>,'darkseagreen','#8fbc8f'<br>,'mediumseagreen','#3cb371'<br>,'seagreen','#2e8b57'<br>,'forestgreen','#228b22'<br>,'green','#008000'<br>,'darkgreen','#006400'<br>,'mediumaquamarine','#66cdaa'<br>,'aqua','#00ffff'<br>,'cyan','#00ffff'<br>,'lightcyan','#e0ffff'<br>,'paleturquoise','#afeeee'<br>,'aquamarine','#7fffd4'<br>,'turquoise','#40e0d0'<br>,'mediumturquoise','#48d1cc'<br>,'darkturquoise','#00ced1'<br>,'lightseagreen','#20b2aa'<br>,'cadetblue','#5f9ea0'<br>,'darkcyan','#008b8b'<br>,'teal','#008080'<br>,'lightsteelblue','#b0c4de'<br>,'powderblue','#b0e0e6'<br>,'lightblue','#add8e6'<br>,'skyblue','#87ceeb'<br>,'lightskyblue','#87cefa'<br>,'deepskyblue','#00bfff'<br>,'dodgerblue','#1e90ff'<br>,'cornflowerblue','#6495ed'<br>,'steelblue','#4682b4'<br>,'royalblue','#4169e1'<br>,'blue','#0000ff'<br>,'mediumblue','#0000cd'<br>,'darkblue','#00008b'<br>,'navy','#000080'<br>,'midnightblue','#191970'<br>,'thistle','#d8bfd8'<br>,'plum','#dda0dd'<br>,'violet','#ee82ee'<br>,'orchid','#da70d6'<br>,'fuchsia','#ff00ff'<br>,'magenta','#ff00ff'<br>,'mediumorchid','#ba55d3'<br>,'mediumpurple','#9370db'<br>,'blueviolet','#8a2be2'<br>,'darkviolet','#9400d3'<br>,'darkorchid','#9932cc'<br>,'darkmagenta','#8b008b'<br>,'purple','#800080'<br>,'indigo','#4b0082'<br>,'darkslateblue','#483d8b'<br>,'rebeccapurple','#663399'<br>,'slateblue','#6a5acd'<br>,'mediumslateblue','#7b68ee'<br>,'snow','#fffafa'<br>,'honeydew','#f0fff0'<br>,'mintcream','#f5fffa'<br>,'azure','#f0ffff'<br>,'aliceblue','#f0f8ff'<br>,'ghostwhite','#f8f8ff'<br>,'whitesmoke','#f5f5f5'<br>,'seashell','#fff5ee'<br>,'beige','#f5f5dc'<br>,'oldlace','#fdf5e6'<br>,'floralwhite','#fffaf0'<br>,'ivory','#fffff0'<br>,'antiquewhite','#faebd7'<br>,'linen','#faf0e6'<br>,'lavenderblush','#fff0f5'<br>,'mistyrose','#ffe4e1'<br>,'gainsboro','#dcdcdc'<br>,'lightgrey','#d3d3d3'<br>,'silver','#c0c0c0'<br>,'darkgray','#a9a9a9'<br>,'gray','#808080'<br>,'dimgray','#696969'<br>,'lightslategray','#778899'<br>,'slategray','#708090'<br>,'darkslategray','#2f4f4f'];<br><br>var inp="Flowchart";<br>var withvenn="?venn=y", withoutvenn="";<br>var venn="Venn Diagram", novenn='Flowchart"&gt;&lt;/input&gt;&nbsp;&lt;input id=itbut2 style=display:inline-block; type=button onclick=location.href=documentURL.split(String.fromCharCode(35))[0].split(String.fromCharCode(63))[0].replace(dfrom,dto)+withoutvenn; value="Mind Map"&gt;&lt;/input&gt;';<br>var dfrom='.php', dto='.html';<br>var preh1is=location.search.split('venn=')[1] ? decodeURIComponent(location.search.split('venn=')[1].split('&')[0]) : '';<br>var h1is='&lt;h1 style=display:inline-block; id="myemail"&gt;&lt;/h1&gt;&nbsp;&lt;h1 style=display:inline-block; id="myh1"&gt;Flowchart&lt;/h1&gt;&nbsp;or&nbsp;&lt;input style=display:inline-block; id=itbut type=button onclick=location.href=documentURL.split(String.fromCharCode(35))[0].split(String.fromCharCode(63))[0].replace(dfrom,dto)+withvenn; value="Venn Diagram"&gt;&lt;/input&gt;';<br>h1is=location.search.split('venn=')[1] ? '&lt;h1 style=display:inline-block; id="myemail"&gt;&lt;/h1&gt;&nbsp;&lt;h1 style=display:inline-block; id="myh1"&gt;' + venn + '&lt;/h1&gt;&nbsp;or&nbsp;&lt;input id=itbut style=display:inline-block; type=button onclick=location.href=documentURL.split(String.fromCharCode(35))[0].split(String.fromCharCode(63))[0].replace(dfrom,dto)+withoutvenn; value="' + novenn + '"&gt;&lt;/input&gt;' : h1is;<br>if (h1is.indexOf('"myh1"&gt;Venn') != -1) { if (eval('' + preh1is.length) &gt; 1) { inp=decodeURIComponent(location.search.split('venn=')[1].split('&')[0]); cat="rectangle";  wording=cat;   noeolp='Is this a new rectangle pointing or you want to place value?&nbsp;&nbsp;';    } else { inp="Venn Diagram"; cat="circle"; wording=cat; noeolp='Is this a new circle pointing or you want to place value?&nbsp;&nbsp;'; } }<br>var tgsps=[], tgspsop=[], tgspsopwhat=[];<br><br><br>/**<br> * Create string from HTML entities<br> */<br>String.fromHtmlEntities = function(string) {<br>    return (string+"").replace(/&#\d+;/gm,function(s) {<br>        return String.fromCharCode(s.match(/\d+/gm)[0]);<br>    })<br>};<br><br>if (!String.fromCodePoint) {   // thanks to http://xahlee.info/js/js_unicode_code_point.html<br>// ES6 Unicode Shims 0.1 , © 2012 Steven Levithan , MIT License<br>    String.fromCodePoint = function fromCodePoint () {<br>        var chars = [], point, offset, units, i;<br>        for (i = 0; i &lt; arguments.length; ++i) {<br>            point = arguments[i];<br>            offset = point - 0x10000;<br>            units = point &gt; 0xFFFF ? [0xD800 + (offset &gt;&gt; 10), 0xDC00 + (offset & 0x3FF)] : [point];<br>            chars.push(String.fromCharCode.apply(null, units));<br>        }<br>        return chars.join("");<br>    }<br>}<br><br> function throbbingspans() {<br>   var isps, jsps;<br>   if (tgsps.length == 0) {<br>     var sps=document.getElementsByTagName('span');<br>     for (isps=0; isps&lt;sps.length; isps++) {<br>        if (('' + sps[isps].style.opacity) != '') {<br>          if (eval('' + sps[isps].style.opacity) &lt; 1.0) {<br>            tgsps.push(sps[isps]);<br>            tgspsop.push(eval('' + sps[isps].style.opacity));<br>            tgspsopwhat.push(eval('0.10'));<br>          }<br>        }<br>     }<br>   } <br>   if (tgsps.length != 0) {<br>     for (jsps=0; jsps&lt;tgsps.length; jsps+=2) {<br>       if (tgspsop[jsps] &gt; 0.12 && tgspsop[jsps] &lt; 0.88 && tgspsop[1 + jsps] &gt; 0.12 && tgspsop[1 + jsps] &lt; 0.88) { // && tgspsop[jsps] &gt;= tgspsop[1 + jsps]) {<br>         tgspsop[jsps]+=tgspsopwhat[jsps];<br>         tgspsop[1 + jsps]-=tgspsopwhat[1 + jsps];<br>         tgsps[jsps].style.opacity='' + tgspsop[jsps];<br>         tgsps[1 + jsps].style.opacity='' + tgspsop[1 + jsps];<br>       } else if (tgspsop[jsps] &gt; 0.12 && tgspsop[jsps] &lt; 0.88 && tgspsop[1 + jsps] &gt; 0.12 && tgspsop[1 + jsps] &lt; 0.88) { // && tgspsop[jsps] &lt;= tgspsop[1 + jsps]) {<br>         tgspsop[jsps]-=tgspsopwhat[jsps];<br>         tgspsop[1 + jsps]+=tgspsopwhat[1 + jsps];<br>         tgsps[jsps].style.opacity='' + tgspsop[jsps];<br>         tgsps[1 + jsps].style.opacity='' + tgspsop[1 + jsps];<br>       } else if (tgspsop[jsps] &gt; 0.88) {<br>         tgspsop[jsps]-=0.1;<br>         tgspsop[1 + jsps]+=0.1;<br>         tgsps[jsps].style.opacity='' + tgspsop[jsps];<br>         tgsps[1 + jsps].style.opacity='' + tgspsop[1 + jsps];<br>         tgspsopwhat[jsps]=-tgspsopwhat[jsps];<br>         tgspsopwhat[1 + jsps]=-tgspsopwhat[1 + jsps];<br>       } else if (tgspsop[1 + jsps] &gt; 0.88) {<br>         tgspsop[jsps]+=0.1;<br>         tgspsop[1 + jsps]-=0.1;<br>         tgsps[jsps].style.opacity='' + tgspsop[jsps];<br>         tgsps[1 + jsps].style.opacity='' + tgspsop[1 + jsps];<br>         tgspsopwhat[jsps]=-tgspsopwhat[jsps];<br>         tgspsopwhat[1 + jsps]=-tgspsopwhat[1 + jsps];<br>       } else if (tgspsop[1 + jsps] &lt; 0.12) {<br>         tgspsop[jsps]-=0.1;<br>         tgspsop[1 + jsps]+=0.1;<br>         tgsps[jsps].style.opacity='' + tgspsop[jsps];<br>         tgsps[1 + jsps].style.opacity='' + tgspsop[1 + jsps];<br>         tgspsopwhat[jsps]=-tgspsopwhat[jsps];<br>         tgspsopwhat[1 + jsps]=-tgspsopwhat[1 + jsps];<br>       } else if (tgspsop[jsps] &lt; 0.12) {<br>         tgspsop[jsps]+=0.1;<br>         tgspsop[1 + jsps]-=0.1;<br>         tgsps[jsps].style.opacity='' + tgspsop[jsps];<br>         tgsps[1 + jsps].style.opacity='' + tgspsop[1 + jsps];<br>         tgspsopwhat[jsps]=-tgspsopwhat[jsps];<br>         tgspsopwhat[1 + jsps]=-tgspsopwhat[1 + jsps];<br>      }<br>     }<br>     setTimeout(throbbingspans, 500);<br>   }<br> }<br> <br>function overdiv(adiv, acol) {<br>       if (inp == "Mind Map") {<br>         bcolour=' style="background-color:' + acol + ';';<br>       }<br>       if (adiv.className == 'diamond') {<br>            adiv.style.borderTop='70px solid ' + acol;       <br>            adiv.style.borderBottom='70px solid ' + acol;   <br>       } else {<br>            adiv.style.backgroundColor=acol;<br>       }<br>       return adiv;<br>}<br><br>function somuchmore(inst) {<br>       var mycol='', r=0, g=0, b=0, arr='0123456789abcdef'.split('');<br>       outst=inst;<br>       if (h1is.indexOf('"myh1"&gt;Venn') != -1) { <br>       outst+='&lt;div id=dcolour style=display:inline-block;&gt;&lt;input onclick=notc(); id=icolour type="color" onchange="overdiv(div1,this.value);" value="#90ee90"&gt;&lt;/input&gt;&lt;/div&gt;&nbsp;&nbsp;&lt;div id=dpf style=display:NONE;&gt;&lt;input onclick="wnotc(); setTimeout(preprocess,12000);" style=display:inline-block; id=file type=file name=file&gt;&lt;/input&gt;&lt;span class=readBytesButtons&gt;&lt;button style=display:none; data-endbyte=4 data-startbyte=0&gt;1-5&lt;/button&gt;&lt;button style=display:none; data-endbyte=14 data-startbyte=5&gt;6-15&lt;/button&gt;&lt;button style=display:none; data-endbyte=7 data-startbyte=6&gt;7-8&lt;/button&gt;&lt;button name=button id=button value=Process data-endbyte=0 data-startbyte=0&gt;Process&lt;/button&gt;&lt;/span&gt;&lt;/div&gt;';<br>       } else if (idarr.length == 0 && inst == '') {<br>       outst+='&lt;div id=dcolour style=display:inline-block;&gt;&lt;input onclick=notc(); id=icolour type="color" onchange="overdiv(div1,this.value);" value="#90ee90"&gt;&lt;/input&gt;&lt;/div&gt;&nbsp;&nbsp;&lt;div id=dpf style=display:NONE;&gt;&lt;input onclick="wnotc(); setTimeout(preprocess,12000);" style=display:inline-block; id=file type=file name=file&gt;&lt;/input&gt;&lt;span class=readBytesButtons&gt;&lt;button style=display:none; data-endbyte=4 data-startbyte=0&gt;1-5&lt;/button&gt;&lt;button style=display:none; data-endbyte=14 data-startbyte=5&gt;6-15&lt;/button&gt;&lt;button style=display:none; data-endbyte=7 data-startbyte=6&gt;7-8&lt;/button&gt;&lt;button name=button id=button value=Process data-endbyte=0 data-startbyte=0&gt;Process&lt;/button&gt;&lt;/span&gt;&lt;/div&gt;';<br>       } else if (inst != '' && div1 == null) {<br>       outst+='&lt;div id=dcolour style=display:inline-block;&gt;&lt;input onclick=notc(); id=icolour type="color" onchange="overdiv(div1,this.value);" value="#90ee90"&gt;&lt;/input&gt;&lt;/div&gt;&nbsp;&nbsp;&lt;div id=dpf style=display:NONE;&gt;&lt;input onclick="wnotc(); setTimeout(preprocess,12000);" style=display:inline-block; id=file type=file name=file&gt;&lt;/input&gt;&lt;span class=readBytesButtons&gt;&lt;button style=display:none; data-endbyte=4 data-startbyte=0&gt;1-5&lt;/button&gt;&lt;button style=display:none; data-endbyte=14 data-startbyte=5&gt;6-15&lt;/button&gt;&lt;button style=display:none; data-endbyte=7 data-startbyte=6&gt;7-8&lt;/button&gt;&lt;button name=button id=button value=Process data-endbyte=0 data-startbyte=0&gt;Process&lt;/button&gt;&lt;/span&gt;&lt;/div&gt;';<br>       } else {<br>       if (inst == '') { div1=document.getElementById(idarr[eval(-1 + idarr.length)]); }<br>       mycol=('' + div1.style.backgroundColor);<br>       if (mycol == '') {<br>       if (div1.outerHTML.indexOf('background-color:') != -1) {<br>         mycol=div1.outerHTML.split('background-color:')[1].split(';')[0].trim();<br>       } else if (div1.outerHTML.indexOf(' class="circle"') != -1) {<br>         mycol='#ffc0cb';<br>       } else if (div1.outerHTML.indexOf(' class="oval"') != -1) {<br>         mycol='#90ee90';<br>       } else if (div1.outerHTML.indexOf(' class="diamond"') != -1) {<br>         mycol='#ffff00';<br>       } else if (div1.outerHTML.indexOf(' class="rectangle"') != -1) {<br>         mycol='#add8e6';<br>       } else {<br>         mycol='#90ee90';<br>       }<br>       }<br>       if (mycol.indexOf('rgb') != -1) {<br>           r=eval(mycol.split('(')[1].split(',')[0].trim());<br>           g=eval(mycol.split('(')[1].split(',')[1].trim());<br>           b=eval(mycol.split('(')[1].split(',')[2].split(')')[0].split(',')[0].trim());<br>           //alert('r=' + r + ' and g=' + g + ' and b=' + b);<br>           mycol ='#' + arr[(r-(r % 16)) / 16] + arr[r % 16] + arr[(g-(g % 16))  / 16] + arr[g % 16] + arr[(b-(b % 16))  / 16] + arr[b % 16];<br>       }<br>       outst+='&lt;div id=dcolour style=display:inline-block;&gt;&lt;input onclick=notc(); id=icolour type="color" onchange="overdiv(div1,this.value);" value="' + mycol + '"&gt;&lt;/input&gt;&lt;/div&gt;&nbsp;&nbsp;&lt;div id=dpf style=display:NONE;&gt;&lt;input onclick="wnotc(); setTimeout(preprocess,12000);" style=display:inline-block; id=file type=file name=file&gt;&lt;/input&gt;&lt;span class=readBytesButtons&gt;&lt;button style=display:none; data-endbyte=4 data-startbyte=0&gt;1-5&lt;/button&gt;&lt;button style=display:none; data-endbyte=14 data-startbyte=5&gt;6-15&lt;/button&gt;&lt;button style=display:none; data-endbyte=7 data-startbyte=6&gt;7-8&lt;/button&gt;&lt;button name=button id=button value=Process data-endbyte=0 data-startbyte=0&gt;Process&lt;/button&gt;&lt;/span&gt;&lt;/div&gt;';<br>       if (inst == '' && document.getElementById('dcolour')) {<br>         ncol++;<br>         document.getElementById('dcolour').innerHTML='&lt;input onclick=notc(); id=icolour' + ncol + ' type="color" onchange="overdiv(div1,this.value);" value="' + mycol + '"&gt;&lt;/input&gt;';<br>         //alert(document.getElementById('dcolour').innerHTML);<br>       } <br>       }<br>       //alert(outst);<br>       return inst;<br>}<br><br>function tfc(intb) {<br>       var outtb=intb.replace(';','').trim();<br>       if (outtb.length == 7) {<br>         if (outtb.substring(0,1) == '#') {<br>           if (outtb.toLowerCase().substring(1).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(/a/g,'').replace(/b/g,'').replace(/c/g,'').replace(/d/g,'').replace(/e/g,'').replace(/f/g,'') == '') {<br>               if (div1 != null) {<br>                 overdiv(div1,outtb);<br>                 document.getElementById('dstart').innerHTML=cat;<br>                 return cat;<br>               }<br>           }<br>         }<br>       }<br>       return intb;<br>}<br><br>function preprocess() {<br>      //alert(254);<br>    if (document.getElementById("file").value != '') {<br>       //alert(2254);<br>       eh();<br>   document.getElementById('button').click();<br><br>      //alert(354);<br>    document.getElementById("file").value='';<br>      //alert(454);<br>    bodyclick=true;<br>    //nonbodyclick=0;<br>    }<br>}<br><br>function process(infilecontents) {<br>      //alert(754);<br>    if (infilecontents != null) {<br>    //alert(99);<br>      //alert(1754);<br>        notc();<br>      if (div1.outerHTML.indexOf('diamond') != -1) {<br>        if (gpreb == '') {<br>        div1.style.backgroundImage="URL(data:image/png;base64," + btoa(infilecontents) + ")";<br>        } else {<br>        div1.style.background="linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,0.8)),URL(data:image/png;base64," + btoa(infilecontents) + ")";<br>        }<br>        gpreb='';<br>      alert(2754);<br>        document.getElementById('dcontentd').innerHTML+=div1.outerHTML.replace('diamond','oval').replace(' id="', ' id="z').replace(' style="', ' style="opacity:0.1;z-index:90;');<br>      //alert(document.getElementById('z' + div1.id).outerHTML);<br>        idarr.push('z' + div1.id);<br>      } else {<br>        if (gpreb == '') {<br>        div1.style.backgroundImage="URL('data:image/png;base64," + btoa(infilecontents) + "')";<br>        } else {<br>        div1.style.background="linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,0.8)),URL('data:image/png;base64," + btoa(infilecontents) + "')";<br>        }<br>        gpreb='';<br>      }<br>        <br>    //alert(999);<br>        //document.getElementById('dpf').style.display='inline-block';<br>    //alert(9999);<br>    wording=cat;<br>    nonbodyclick=0;<br>    document.getElementById('dsave').innerHTML=document.getElementById('dsave').innerHTML.replace(somuchmore(noeolp), '');<br>    }<br>}<br><br>function readBlob(opt_startByte, opt_stopByte) {<br><br>    //alert(33);<br>    wnotc();<br>    var files = document.getElementById("file").files;<br>    //alert(333);<br>    if (!files.length) {<br>      //alert("Please select a file!");<br>      return;<br>    } else {<br>      //alert(54);<br>      //setTimeout(preprocess, 3000);<br>      w = files[0].name;<br>      //document.getElementById("fil").value = w;<br>    }<br><br>    var file = files[0];<br>    var start = parseInt(opt_startByte) || 0;<br>    var stop = parseInt(opt_stopByte) || file.size - 1;<br>    <br>    //alert(stop);<br><br>    var reader = new FileReader();<br><br>    // If we use onloadend, we need to check the readyState.<br>    reader.onloadend = function(evt) {<br>      if (evt.target.readyState == FileReader.DONE) { // DONE == 2<br>    //alert(77);<br>        process(evt.target.result);<br>    //alert(777);<br>      }<br>    };<br><br>    var blob = file.slice(start, stop + 1);<br>    reader.readAsBinaryString(blob);<br>}<br><br>function eh() {<br>  //alert(45);<br>  document.querySelector('.readBytesButtons').addEventListener('click', function(evt) {<br>  //alert(145);<br>    //alert(2);<br>    wnotc();<br>    if (evt.target.tagName.toLowerCase() == 'button') {<br>      var startByte = evt.target.getAttribute('data-startbyte');<br>      var endByte = evt.target.getAttribute('data-endbyte');<br>    //alert(22);<br>      readBlob(startByte, endByte);<br>    //alert(222);<br>    }<br>  }, false);<br>}<br><br>function doundo() {<br>       notc();<br>       if (undoid &gt;= 0) {<br>         redoid=undoid;<br>         document.getElementById(idarr[undoid]).style.display='none';<br>         document.getElementById('iredo').style.display='inline-block';<br>         undoid--;<br>         if (undoid &lt; 0) {<br>           document.getElementById('iundo').style.display='none';<br>         }<br>       }<br>}<br><br>function doredo() {<br>       notc();<br>       if (redoid &gt;= 0 && redoid &lt; idarr.length) {<br>         undoid=redoid;<br>         document.getElementById(idarr[redoid]).style.display='block';<br>         document.getElementById('iundo').style.display='inline-block';<br>         redoid++;<br>       }<br>}<br><br>function recxy(event) {<br>       var isok=true;<br>       //if (document.getElementById('dpf')) {<br>       //  if (('' + document.getElementById('dpf').style.display).toLowerCase().indexOf('block') != -1) { alert('cliCk ' + wording + ' ' + bodyclick); }<br>       //}<br>       if (event.touches) { // thanks to https://stackoverflow.com/questions/24567441/how-do-i-detect-two-fingers-at-touchstart-in-javascript<br>         if (event.touches.length &gt; 1) {  isok=false; }<br>       }<br>       if (isok) { <br>       if (x == 0 && y == 0 && lastx == 0 && lasty == 0) {<br><br>       if (event.touches) {<br>         var touches1 = event.changedTouches;<br>         var first1 = touches1[0];<br>         x = first1.clientX;<br>         y = first1.clientY;<br>       } else if (event.clientX || event.clientY) {<br>       x = event.clientX; // - elemLeft;<br>       y = event.clientY; // - elemTop;<br>       } else {<br>       x = event.pageX; // - elemLeft;<br>       y = event.pageY; // - elemTop;<br>       }<br>       lastx=x;<br>       lasty=y;<br>       //document.title='lastx_one';<br>       //if (document.getElementById('dpf')) {<br>       //  if (('' + document.getElementById('dpf').style.display).toLowerCase().indexOf('block') != -1) { alert('Click ' + wording + ' ' + bodyclick); }<br>       //}<br>       setTimeout(xthen, 2000);<br>       setTimeout(andthen, 1000);<br>       } else {<br>       <br>       if (event.touches) {<br>       //document.title='pre lastx_2';<br>         var touches2 = event.changedTouches;<br>         var first2 = touches2[0];<br>         lastx=x;<br>         lasty=y;<br>       //document.title='lastx_2';<br>         fx = first2.clientX;<br>         fy = first2.clientY;<br>       setTimeout(xthen, 2000);<br>       setTimeout(andthen, 1000);<br>       } else if (event.clientX || event.clientY) {<br>       if (x != event.clientX || y != event.clientY) {<br>       lastx=x;<br>       lasty=y;<br>       //document.title='lastX_2';<br>       //if (document.getElementById('dpf')) {<br>       //  if (('' + document.getElementById('dpf').style.display).toLowerCase().indexOf('block') != -1) { alert('ClIck ' + wording + ' ' + bodyclick); }<br>       //}<br>       setTimeout(xthen, 2000);<br>       setTimeout(andthen, 1000);<br>       //} else {<br>       //document.title+=' ! ';<br>       }<br>       } else {<br>       if (x != event.pageX || y != event.pageY) {<br>       lastx=x;<br>       lasty=y;<br>       //document.title='LastX_2';<br>       //if (document.getElementById('dpf')) {<br>       //  if (('' + document.getElementById('dpf').style.display).toLowerCase().indexOf('block') != -1) { alert('clicK ' + wording + ' ' + bodyclick); }<br>       //}<br>       setTimeout(xthen, 2000);<br>       setTimeout(andthen, 1000);<br>       //} else {<br>       //document.title+=' ? ';<br>       }<br>       }<br>       <br>       if (event.touches) {<br>         var touches3 = event.changedTouches;<br>         var first3 = touches3[0];<br>         //lastx=x;<br>         //lasty=y;<br>         x = first3.clientX;<br>         y = first3.clientY;<br>       } else if (event.clientX || event.clientY) {<br>       x = event.clientX; // - elemLeft;<br>       y = event.clientY; // - elemTop;<br>       } else {<br>       x = event.pageX; // - elemLeft;<br>       y = event.pageY; // - elemTop;<br>       }<br>       }<br>       //alert('x=' + eval(sxoff + xoff + x) + ' and y=' + y);<br>       }<br> }<br> <br> function butlater() {<br>       bodyclick=true;<br>       xoff=prevxoff;<br>       yoff=prevyoff;<br>}<br> <br> function butlaterstill() {<br>       loosetext=false;<br> }<br> <br> function clickme(dois) {<br>     bodyclick=false;<br>     if (nonbodyclick == 0) {<br>       div1=dois;<br>     } else if (nonbodyclick &gt; 0) {<br>       if (dois.id == div1.id) {<br>       //document.title+=' n ' + dois.id + '*';<br>       nonbodyclick--;<br>       } else {<br>       div2=dois;<br>       }<br>     } else if (nonbodyclick &lt; 0) {<br>       div1=dois;<br>       nonbodyclick=0;<br>     }<br>     if (h1is.indexOf('"myh1"&gt;Venn') != -1) { <br>         bodyclick=false;<br>         loosetext=false;<br>         nonbodyclick--;<br>         wdef='';<br>         var vdtitle='', vspare;<br>         if (dois.innerHTML == '') {<br>          wdef=prompt('Enter Venn Diagram circle title (and can separate its integer value by ~ or use it for line feeds), else will plot a new circle', '');<br>          if (wdef == null) { wdef=''; }<br>          if (wdef.indexOf('~') != -1) { vspare=wdef.split('~')[eval(-1 + wdef.split('~').length)];  vdtitle=wdef.substring(0, eval(-1 + eval('' + wdef.length) - eval('' + vspare.length))).replace(/\~/g,'&lt;br&gt;') + '&lt;br&gt;';  wdef=vspare;  }<br>         } <br>         if (wdef == '') { wdef=prompt('If you enter an integer, will show this, else will plot a new circle', ''); }<br>         if (wdef == null) { wdef=''; }<br>         if ((wdef + ' ').substring(0,1) &gt;= '0' && (wdef + ' ').substring(0,1) &lt;= '9') {<br>           //alert(div1.outerHTML + ' ' + '&lt;span style="position:absolute;top:' + eval(syoff + yoff + y) + 'px;left:' + eval(sxoff + xoff + x) + 'px;"&gt;' + wdef + '&lt;/span&gt;');<br>           if (vdtitle != '') { dois.innerHTML='&nbsp;'; }<br>           idarr.push("sp" + vscnt);<br>           document.getElementById('dcontent').innerHTML+='&lt;span id=sp' + vscnt + ' style="z-index:56;position:absolute;top:' + eval(syoff + y) + 'px;left:' + eval(sxoff + x) + 'px;"&gt;' + vdtitle + wdef + '&lt;/span&gt;';<br>           vscnt++;<br>           wdef='';<br>           nonbodyclick=-1;<br>           setTimeout(butlater, 1500);<br>         } else {<br>           bodyclick=true;<br>           nonbodyclick=-1;<br>           wdef="";<br>           andthen();<br>         }<br>     }<br>     nonbodyclick++;<br> }<br> <br> function resetit() {<br>   bodyclick=true;<br> }<br>  <br>function getOffset(el) { // thanks to https://stackoverflow.com/questions/8672369/how-to-draw-a-line-between-two-divs<br>    var rect = el.getBoundingClientRect();<br>    return {<br>        left: rect.left + window.pageXOffset,<br>        top: rect.top + window.pageYOffset,<br>        width: rect.width || el.offsetWidth,<br>        height: rect.height || el.offsetHeight<br>    };<br>}<br> <br>function connect() { // div1, div2) { //, color, thickness) { // draw a line connecting elements<br>    wording=cat;<br>    var huhm=false; //navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i);<br>    var notwithin=true;<br>    var thisrect;<br>    var thickness = 0;<br>    var ioff=0; <br>    var off1 = 0;<br>    var off2 = 0;<br>    off1 = getOffset(div1);<br>    off2 = getOffset(div2);<br>    // bottom right<br>    var x1 = off1.left + off1.width;<br>    var y1 = off1.top + off1.height;<br>    notwithin=true;<br>    if (huhm) {<br>    thisrect=div1.getBoundingClientRect();<br>    if (lastx &gt;= thisrect.left && lastx &lt;= eval(thisrect.left + thisrect.width) && lasty &gt;= thisrect.top && lasty &lt;= eval(thisrect.top + thisrect.height)) {<br>      notwithin=false;<br>    } else {<br>      x1=eval(thisrect.left + thisrect.width / 2);<br>      y1=eval(thisrect.top + thisrect.height / 2);<br>    }<br>    }<br>    if (notwithin && huhm) {<br>    x2=x2;<br>    } else {<br>    x1=lastx;<br>    y1=lasty;<br>    }<br>    // top right<br>    var x2 = off2.left + off2.width;<br>    var y2 = off2.top;<br>    notwithin=true;<br>    if (huhm) {<br>    thisrect=div2.getBoundingClientRect();<br>    if (lastx &gt;= thisrect.left && lastx &lt;= eval(thisrect.left + thisrect.width) && lasty &gt;= thisrect.top && lasty &lt;= eval(thisrect.top + thisrect.height)) {<br>      notwithin=false;<br>    } else {<br>      x2=eval(thisrect.left + thisrect.width / 2);<br>      y2=eval(thisrect.top + thisrect.height / 2);<br>    }<br>    }<br>    if (notwithin && huhm) {<br>    x2=x2;<br>    } else {<br>    x2=x;<br>    y2=y;<br>    }<br>    // distance<br>    var length = Math.sqrt(((x2-x1) * (x2-x1)) + ((y2-y1) * (y2-y1)));<br>    // center<br>    var cx = ((x1 + x2) / 2) - (length / 2);<br>    var cy = ((y1 + y2) / 2) - (thickness / 2);<br>    // angle<br>    var angle = Math.atan2((y1-y2),(x1-x2))*(180/Math.PI);<br>    // make hr<br>    idarr.push("ld" + mcnt);<br>    undoid=eval(-1 + idarr.length);<br>    document.getElementById('iundo').style.display='inline-block';<br>    //var htmlLine = "&lt;div id=dd" + mcnt + "&gt;&lt;div" + ciss + " id=ld" + mcnt + " style='" + dval + "padding:0px;opacity:0.3; margin:0px; height:4px; position:absolute; background-position:" + eval(sxoff + ioff + cx) + "px " + eval(syoff + ioff + cy) + "px; left:" + eval(sxoff + ioff + cx) + "px; top:" + eval(syoff + ioff + cy) + "px; width:" + length + "px; -moz-transform:rotate(" + angle + "deg); -webkit-transform:rotate(" + angle + "deg); -o-transform:rotate(" + angle + "deg); -ms-transform:rotate(" + angle + "deg); transform:rotate(" + angle + "deg);background: linear-gradient(to left, olive 80%, rgba(255,0,0,1) 20%);'&gt;&nbsp;&nbsp;&lt;/div&gt;&lt;/div&gt;";<br>    var htmlLine = "&lt;div" + ciss + " id=ld" + mcnt + " style='" + dval + "padding:0px;opacity:0.3; margin:0px; height:4px; position:absolute; background-position:" + eval(sxoff + ioff + cx) + "px " + eval(syoff + ioff + cy) + "px; left:" + eval(sxoff + ioff + cx) + "px; top:" + eval(syoff + ioff + cy) + "px; width:" + length + "px; -moz-transform:rotate(" + angle + "deg); -webkit-transform:rotate(" + angle + "deg); -o-transform:rotate(" + angle + "deg); -ms-transform:rotate(" + angle + "deg); transform:rotate(" + angle + "deg);background: linear-gradient(to left, olive 80%, rgba(255,0,0,1) 20%);'&gt;&nbsp;&nbsp;&lt;/div&gt;";<br>    //alert(htmlLine);<br>    mcnt++;<br>    //<br>    // alert(htmlLine);<br>    return htmlLine; //document.body.innerHTML += htmlLine;<br>}<br><br> function xthen() {<br>   if (nonbodyclick &lt; -2) {  nonbodyclick=0;  }<br> }<br> <br> function antiglowit(indivih) {<br>   if (doglow) {<br>     return indivih;<br>   } else {<br>     //alert('Why ' + indivih.replace(' cglow', '').replace(' cglow', '').replace(' glow', '').replace(' glow', '').replace('cglow', '').replace('cglow', '').replace('glow', '').replace('glow', ''));<br>     return indivih.replace(' cglow', '').replace(' cglow', '').replace(' glow', '').replace(' glow', '').replace('cglow', '').replace('cglow', '').replace('glow', '').replace('glow', '');<br>   }<br> }<br><br> function andthen() {<br>   var brbr="&lt;br&gt;&lt;br&gt;", biis='', preb='';<br>       //if (document.getElementById('dpf')) {<br>       //  if (('' + document.getElementById('dpf').style.display).toLowerCase().indexOf('block') != -1) { alert('' + nonbodyclick + ' ' + document.getElementById('secpoint').innerHTML.indexOf('Now other end of line please.') + ' CLICK ' + wording + ' ' + bodyclick); }<br>       //}<br>   if (bodyclick && document.getElementById('secpoint').innerHTML.indexOf(noeolp.split('&')[0]) == -1) {<br>       if (h1is.indexOf('"myh1"&gt;Venn') != -1 && loosetext) { <br>       //  alert('here');<br>        //wwok=true;<br>      if (inp == "Mind Map") {<br>        cat="";<br>      } else {<br>        cat="?";<br>      }<br>       } <br>       if (((h1is.indexOf('"myh1"&gt;Venn') != -1 && loosetext) || (wording.replace('circle','').replace('?','') == '' && nonbodyclick &gt;= 0))) {<br>         wording='';<br>         while (wording == '' && wwok) {<br>          if (h1is.indexOf('"myh1"&gt;Venn') != -1 && !loosetext) { cat="circle"; wording=cat; } else {<br>          if (loosetext) {<br>          wording=prompt("What wording do you want? (~ is carriage return)", wdef);<br>          } else {<br>          wording=prompt("What wording do you want? (~ is carriage return) ... optional (space to) URL will be a background image (append ' /browse' to browse for background image) ... later an #ffffff type of colour can change a background colour (should the colour picker not work)", wdef);<br>          if (wording.indexOf('#') != -1 && inp == "Mind Map") {<br>          bcolour=" style='background-color:#" + wording.split('#')[1].split(';')[0] + ';';<br>          wording=wording.split('#')[0];<br>          //alert(bcolour + ' vs ' + acolour);<br>          }<br>          }<br>          }<br>          if (wording == null) { wording=cat; } else { wording=tfc(wording); }<br>         }<br>       }<br>       if (wording.replace('?','') != '') {<br>         if (wording.toLowerCase().indexOf(' http') != -1) {<br>           if (wording.split(' http')[0].split(' HTTP')[0].split(' Http')[0] != '') { preb='linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,0.8)),'; }<br>           biis='background:' + preb + 'URL(' + 'http' + wording.replace(' Http',' http').replace(' HTTP',' http').split(' http')[1] + ');';<br>           wording=wording.split(' http')[0].split(' HTTP')[0].split(' Http')[0];<br>           if ((biis.replace(');','') + '.jpg').toLowerCase().indexOf('/browse.') != -1) { <br>             //alert(222);  <br>             biis=''; <br>             if (!document.getElementById('dpf')) {<br>         if (document.getElementById('dsave').innerHTML != '') {<br>           if (document.getElementById('dsave').innerHTML.indexOf('&lt;') == -1) {<br>             document.getElementById('dsave').innerHTML+='&lt;input style=display:inline-block;background-color:lightblue; id=iundo type=button onclick=doundo(); value=Undo&gt;&lt;/input&gt;&nbsp;&nbsp;&lt;input style=display:none;background-color:lightblue; id=iredo type=button onclick=doredo(); value=Redo&gt;&lt;/input&gt;&nbsp;&nbsp;' + outst + '&nbsp;&nbsp;&lt;br&gt;&lt;input style=background-color:orange; id=iemail type=button onclick=ifemail(); value="Email/Feedback"&gt;&lt;/input&gt;' + htext + '&nbsp;&nbsp;&lt;input style=background-color:orange; id=isave type=button onclick=ifsave(); value=Save&gt;&lt;/input&gt;';<br>             eh();<br>           } else if (document.getElementById('dsave').innerHTML.indexOf('iemail') != -1 && document.getElementById('dsave').innerHTML.indexOf('isave') == -1) {<br>             document.getElementById('dsave').innerHTML+='&nbsp;&nbsp;&lt;input style=background-color:orange; id=isave type=button onclick=ifsave(); value=Save&gt;&lt;/input&gt;'; // &lt;input style=background-color:orange; id=iemail type=button onclick=ifemail(); value=Email&gt;&lt;/input&gt;';<br>          }<br>         }<br>             }<br>             //document.getElementById('dpf').style.display='inline-block'; <br>             wnotc(); <br>             gpreb=wording;<br>             document.getElementById('file').click();  <br>             setTimeout(preprocess, 12000); <br>           }<br>         } else if (wording.toLowerCase().indexOf(' //') != -1) {<br>           if (wording.split(' //')[0] != '') { preb='linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,0.8)),'; }<br>           biis='background:' + preb + 'URL(' + document.URL.split(':')[0] + '://' + wording.split(' //')[1] + ');';<br>           wording=wording.split(' //')[0];<br>           if ((biis.replace(');','') + '.jpg').toLowerCase().indexOf('/browse.') != -1) { <br>             //alert(22);  <br>             biis=''; <br>             if (!document.getElementById('dpf')) {<br>         if (document.getElementById('dsave').innerHTML != '') {<br>           if (document.getElementById('dsave').innerHTML.indexOf('&lt;') == -1) {<br>             document.getElementById('dsave').innerHTML+='&lt;input style=display:inline-block;background-color:lightblue; id=iundo type=button onclick=doundo(); value=Undo&gt;&lt;/input&gt;&nbsp;&nbsp;&lt;input style=display:none;background-color:lightblue; id=iredo type=button onclick=doredo(); value=Redo&gt;&lt;/input&gt;&nbsp;&nbsp;' + outst + '&nbsp;&nbsp;&lt;br&gt;&lt;input style=background-color:orange; id=iemail type=button onclick=ifemail(); value="Email/Feedback"&gt;&lt;/input&gt;' + htext + '&nbsp;&nbsp;&lt;input style=background-color:orange; id=isave type=button onclick=ifsave(); value=Save&gt;&lt;/input&gt;';<br>             eh();<br>           } else if (document.getElementById('dsave').innerHTML.indexOf('iemail') != -1 && document.getElementById('dsave').innerHTML.indexOf('isave') == -1) {<br>             document.getElementById('dsave').innerHTML+='&nbsp;&nbsp;&lt;input style=background-color:orange; id=isave type=button onclick=ifsave(); value=Save&gt;&lt;/input&gt;'; // &lt;input style=background-color:orange; id=iemail type=button onclick=ifemail(); value=Email&gt;&lt;/input&gt;';<br>          }<br>         }<br>             }<br>             //document.getElementById('dpf').style.display='inline-block';  <br>             wnotc(); <br>             gpreb=wording;<br>             document.getElementById('file').click();   <br>             setTimeout(preprocess, 12000); <br>           }<br>         } else if (wording.toLowerCase().indexOf(' /') != -1) {<br>         //alert(1);<br>           if (wording.split(' /')[0] != '') { preb='linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,0.8)),'; }<br>         //alert(11);<br>           biis='background:' + preb + 'URL(' + document.URL.split('flowchart.')[0] + wording.split(' /')[1] + ');';<br>         //alert(biis);<br>           wording=wording.split(' /')[0];<br>         //alert((biis.replace(');','') + '.jpg').toLowerCase().indexOf('/browse.'));<br>           if ((biis.replace(');','') + '.jpg').toLowerCase().indexOf('/browse.') != -1) { <br>             //alert(2); <br>             biis=''; <br>             if (!document.getElementById('dpf')) {<br>         if (document.getElementById('dsave').innerHTML != '') {<br>           if (document.getElementById('dsave').innerHTML.indexOf('&lt;') == -1) {<br>             document.getElementById('dsave').innerHTML+='&lt;input style=display:inline-block;background-color:lightblue; id=iundo type=button onclick=doundo(); value=Undo&gt;&lt;/input&gt;&nbsp;&nbsp;&lt;input style=display:none;background-color:lightblue; id=iredo type=button onclick=doredo(); value=Redo&gt;&lt;/input&gt;&nbsp;&nbsp;' + outst + '&nbsp;&nbsp;&lt;br&gt;&lt;input style=background-color:orange; id=iemail type=button onclick=ifemail(); value="Email/Feedback"&gt;&lt;/input&gt;' + htext + '&nbsp;&nbsp;&lt;input style=background-color:orange; id=isave type=button onclick=ifsave(); value=Save&gt;&lt;/input&gt;';<br>             eh();<br>           } else if (document.getElementById('dsave').innerHTML.indexOf('iemail') != -1 && document.getElementById('dsave').innerHTML.indexOf('isave') == -1) {<br>             document.getElementById('dsave').innerHTML+='&nbsp;&nbsp;&lt;input style=background-color:orange; id=isave type=button onclick=ifsave(); value=Save&gt;&lt;/input&gt;'; // &lt;input style=background-color:orange; id=iemail type=button onclick=ifemail(); value=Email&gt;&lt;/input&gt;';<br>          }<br>         }<br>             }<br>             //document.getElementById('dpf').style.display='inline-block';  <br>             wnotc(); <br>             gpreb=wording;<br>             document.getElementById('file').click();   <br>             setTimeout(preprocess, 12000); <br>           }<br>         //alert(11111);<br>         }<br>         wording=wording.replace(/~/g, '&lt;br&gt;');<br>         if (loosetext) {<br>           shape="";<br>           //alert('Here');<br>           setTimeout(butlaterstill, 1500); //loosetext=false;<br>         } else if ((wording.trim() + '~').indexOf('?~') != -1) {<br>           shape="diamond";<br>           brbr="&lt;br&gt;";<br>         } else if (wording.trim().toLowerCase() == 'end' || wording.trim().toLowerCase() == 'stop' || wording.trim().toLowerCase() == 'start') {<br>           shape='oval';<br>         } else {<br>           shape='rectangle';<br>         }<br>         icnt++;<br>         wwok=false;<br>         while (document.getElementById('d' + icnt)) {<br>         icnt++;<br>         }<br>         idarr.push("d" + icnt);<br>         undoid=eval(-1 + idarr.length);<br>         if (h1is.indexOf('"myh1"&gt;Venn') != -1) { <br>         if (!loosetext) { shape="circle"; } <br>         var bch=Math.floor(Math.random() * bcols.length);<br>         if (shape == 'diamond') {<br>         document.getElementById('dcontent').innerHTML+=antiglowit(("&lt;div" + xciss.replace(acglow,bcglow) + " id=d" + icnt + " onclick='recxy(event); clickme(this);' class='" + shape + "' style='" + biis + "line-height:20px;background-color:" + bcols[bch] + ";opacity:0.5;position:absolute;left:" + eval(sxoff + xoff + x) + "px;top:" + eval(syoff + yoff + y) + "px;width:" + document.getElementById('idiam').style.width.replace('px','') + "px;height:" + document.getElementById('idiam').style.width.replace('px','') + "px;'&gt;&lt;/div&gt;").replace(acolour,bcolour).replace(aclass,bclass).replace(aclass.replace("'",""),bclass.replace("'","")));<br>         } else if (xciss != '' && document.URL.indexOf('venn=') != -1 && !loosetext) {<br>         //alert('267 ' + aclass + ' vs ' + bclass + ' ... ' + ("&lt;div" + xciss.replace(acglow,bcglow) + " id=d" + icnt + " onclick='recxy(event); clickme(this);' class='" + shape + xciss.replace(acglow,bcglow).replace('class=','') + "' style='" + biis + "line-height:20px;background-color:" + bcols[bch] + ";opacity:0.5;position:absolute;left:" + eval(sxoff + xoff + x) + "px;top:" + eval(syoff + yoff + y) + "px;width:" + document.getElementById('idiam').style.width.replace('px','') + "px;height:" + document.getElementById('idiam').style.width.replace('px','') + "px;'&gt;&lt;/div&gt;"));<br>         document.getElementById('dcontent').innerHTML+=antiglowit(("&lt;div" + xciss.replace(acglow,bcglow) + " id=d" + icnt + " onclick='recxy(event); clickme(this);' class='" + shape + xciss.replace(acglow,bcglow).replace('class=','') + "' style='" + biis + "line-height:20px;background-color:" + bcols[bch] + ";opacity:0.5;position:absolute;left:" + eval(sxoff + xoff + x) + "px;top:" + eval(syoff + yoff + y) + "px;width:" + document.getElementById('idiam').style.width.replace('px','') + "px;height:" + document.getElementById('idiam').style.width.replace('px','') + "px;'&gt;&lt;/div&gt;").replace(acolour,bcolour).replace(aclass,bclass).replace(aclass.replace("'",""),bclass.replace("'","")));<br>         } else if (loosetext) {<br>         //alert(67);<br>         document.getElementById('dcontent').innerHTML+=antiglowit(("&lt;div id=d" + icnt + " onclick='recxy(event); clickme(this);' style='" + biis + "line-height:20px;position:absolute;left:" + eval(sxoff + x) + "px;top:" + eval(syoff + y) + "px;width:" + document.getElementById('idiam').style.width.replace('px','') + "px;height:" + document.getElementById('idiam').style.width.replace('px','') + "px;'&gt;" + wording + "&lt;/div&gt;")); //.replace(acolour,bcolour).replace(aclass,bclass).replace(aclass.replace("'",""),bclass.replace("'",""));<br>         } else {<br>         //alert(767);<br>         document.getElementById('dcontent').innerHTML+=antiglowit(("&lt;div id=d" + icnt + " onclick='recxy(event); clickme(this);' class='" + shape + ciss.replace(acglow,bcglow).replace('class=','') + "' style='" + biis + "line-height:20px;background-color:" + bcols[bch] + ";opacity:0.5;position:absolute;left:" + eval(sxoff + xoff + x) + "px;top:" + eval(syoff + yoff + y) + "px;width:" + document.getElementById('idiam').style.width.replace('px','') + "px;height:" + document.getElementById('idiam').style.width.replace('px','') + "px;'&gt;&lt;/div&gt;").replace(acolour,bcolour).replace(aclass,bclass).replace(aclass.replace("'",""),bclass.replace("'","")));<br>         }<br>         } else {<br>         if (shape == 'diamond') {<br>         var ourtwenty='20';<br>         if (eval('' + wording.split('&lt;br&gt;').length) &gt; 2 && eval('' + wording.split('&lt;br&gt;').length) &lt;= 5) { ourtwenty=('' + eval(45 / eval('' + wording.split('&lt;br&gt;').length))).split('.')[0] + 'px;font-size:' + ('' + eval(-1 + eval(45 / eval('' + wording.split('&lt;br&gt;').length)))).split('.')[0];  }<br>         //alert(967);<br>         document.getElementById('dcontent').innerHTML+=antiglowit(("&lt;div id=d" + icnt + " onclick='clickme(this);' class='" + shape + "' style='" + biis + "line-height:" + ('' + ourtwenty).split('.')[0] + "px;position:absolute;left:" + eval(sxoff + xoff + x) + "px;top:" + eval(syoff + yoff + y) + "px;'&gt;" + brbr + "&nbsp;&nbsp;" + wording + "&lt;/div&gt;").replace(acolour,bcolour).replace(aclass,bclass).replace(aclass.replace("'",""),bclass.replace("'","")));<br>         } else if (xciss != '' && document.URL.indexOf('venn=') != -1 && !loosetext) {<br>         //alert(367);<br>         document.getElementById('dcontent').innerHTML+=antiglowit(("&lt;div id=d" + icnt + " onclick='clickme(this);' class='" + shape + xciss.replace(acglow,bcglow).replace('class=','') + "' style='" + biis + "line-height:20px;position:absolute;left:" + eval(sxoff + xoff + x) + "px;top:" + eval(syoff + yoff + y) + "px;'&gt;" + brbr + "&nbsp;&nbsp;" + wording + "&lt;/div&gt;").replace(acglow,bcglow).replace(acolour,bcolour).replace(aclass,bclass).replace(aclass.replace("'",""),bclass.replace("'","")));<br>         } else if (loosetext) {<br>         //alert(167);<br>         document.getElementById('dcontent').innerHTML+=antiglowit(("&lt;div id=d" + icnt + " onclick='clickme(this);' style='" + biis + "line-height:20px;position:absolute;left:" + eval(sxoff + x) + "px;top:" + eval(syoff + y) + "px;'&gt;" + wording + "&lt;/div&gt;")); //.replace(acolour,bcolour).replace(aclass,bclass).replace(aclass.replace("'",""),bclass.replace("'",""));<br>         } else {<br>         //alert('867 ' + ("&lt;div id=d" + icnt + " onclick='clickme(this);' class='" + shape + ciss.replace('class=','') + "' style='" + biis + "line-height:20px;position:absolute;left:" + eval(sxoff + xoff + x) + "px;top:" + eval(syoff + yoff + y) + "px;'&gt;" + brbr + "&nbsp;&nbsp;" + wording + "&lt;/div&gt;").replace(acglow,bcglow).replace(acolour,bcolour).replace(aclass,bclass).replace(aclass.replace("'",""),bclass.replace("'","")));<br>         document.getElementById('dcontent').innerHTML+=antiglowit(("&lt;div id=d" + icnt + " onclick='clickme(this);' class='" + shape + ciss.replace('class=','') + "' style='" + biis + "line-height:20px;position:absolute;left:" + eval(sxoff + xoff + x) + "px;top:" + eval(syoff + yoff + y) + "px;'&gt;" + brbr + "&nbsp;&nbsp;" + wording + "&lt;/div&gt;").replace(acglow,bcglow).replace(acolour,bcolour).replace(aclass,bclass).replace(aclass.replace("'",""),bclass.replace("'","")));<br>         }<br>         }<br>         somuchmore('');<br>         wording=cat;<br>      if (inp == "Mind Map") {<br>        wording="";<br>        cat="";<br>       xciss=' class=glow';<br>       document.getElementById('dstart').innerHTML=cat;<br>       shape="rectangle";<br>       noeolp='Is this a new rectangle pointing or you want to place value?&nbsp;&nbsp;'; <br>      } <br>         document.getElementById('dstart').innerHTML=wording; <br><br>         nonbodyclick=0;<br>         if (document.getElementById('dsave').innerHTML != '') {<br>           if (document.getElementById('dsave').innerHTML.indexOf('&lt;') == -1) {<br>             document.getElementById('dsave').innerHTML+='&lt;input style=display:inline-block;background-color:lightblue; id=iundo type=button onclick=doundo(); value=Undo&gt;&lt;/input&gt;&nbsp;&nbsp;&lt;input style=display:none;background-color:lightblue; id=iredo type=button onclick=doredo(); value=Redo&gt;&lt;/input&gt;&nbsp;&nbsp;' + outst + '&nbsp;&nbsp;&lt;br&gt;&lt;input style=background-color:orange; id=iemail type=button onclick=ifemail(); value="Email/Feedback"&gt;&lt;/input&gt;' + htext + '&nbsp;&nbsp;&lt;input style=background-color:orange; id=isave type=button onclick=ifsave(); value=Save&gt;&lt;/input&gt;';<br>             eh();<br>           } else if (document.getElementById('dsave').innerHTML.indexOf('iemail') != -1 && document.getElementById('dsave').innerHTML.indexOf('isave') == -1) {<br>             document.getElementById('dsave').innerHTML+='&nbsp;&nbsp;&lt;input style=background-color:orange; id=isave type=button onclick=ifsave(); value=Save&gt;&lt;/input&gt;'; // &lt;input style=background-color:orange; id=iemail type=button onclick=ifemail(); value=Email&gt;&lt;/input&gt;';<br>          }<br>         } //else {<br>   //alert('pre3 ' + document.getElementById('dsave').innerHTML);<br>          //document.getElementById('dsave').innerHTML=' ';<br>         //}<br>         if (document.getElementById('iundo')) {<br>         document.getElementById('iundo').style.display='inline-block';<br>         }<br>         setTimeout(wwokagain, 2000);<br>       }<br>    } else if (nonbodyclick == 1) {<br>       wording=cat;<br>       //document.title+=' xx';<br>       document.getElementById('secpoint').innerHTML=somuchmore(noeolp);<br>       //if (document.title == 'nonbodyclick == 1') {<br>       //document.title='nonbodyclick==1';<br>       //} else {<br>       //document.title='nonbodyclick == 1';<br>       //}<br>       //console.log('nonbodyclick == 1');<br>    } else if (nonbodyclick &lt;= 0) {<br>       nonbodyclick=0;<br>       //alert(134);<br>       //document.title+=' zz' + document.getElementById('secpoint').innerHTML + 'zz ';<br>       document.getElementById('secpoint').innerHTML=document.getElementById('secpoint').innerHTML.replace(somuchmore(noeolp), '');<br>       document.getElementById('dsave').innerHTML=document.getElementById('dsave').innerHTML.replace(somuchmore(noeolp), '');<br>       //document.title='nonbodyclick &lt;= 0';<br>       //console.log('nonbodyclick &lt;= 0');<br>    } else {<br>       //document.title+=' yy';<br>       document.getElementById('secpoint').innerHTML='';<br>       document.getElementById('dcontent').innerHTML+=connect();<br>       bodyclick=true;<br>       nonbodyclick=-5;<br>       //document.title='else';<br>       //console.log('else');<br>    }    <br> }<br> <br> function wwokagain() {<br>    wwok=true;<br> }<br> <br> function ifit(osel) {<br>    if (osel.value != '') {<br>      wording=cat;<br>      jcnt++;<br>      if (inp == "Mind Map") {<br>      document.getElementById('dstart').innerHTML='';<br>      } else {<br>      document.getElementById('dstart').innerHTML='?';<br>      }<br>      if (1 == 1) {<br>      location.href=document.URL.split('?')[0].split('#')[0].replace('.html','.php').replace('.htm','.php') + '?recall=' + encodeURIComponent(osel.value);<br>      } else {<br>      document.getElementById('dcontother').innerHTML+="&lt;iframe style=display:none; id=if" + jcnt + " src='" + document.URL.split('?')[0].split('#')[0].replace('.html','.php').replace('.htm','.php') + '?recall=' + encodeURIComponent(osel.value) + "'&gt;&lt;/iframe&gt;";<br>      }<br>    }<br> }<br><br> function ath() { <br>    location.href=document.URL.split('?')[0].split('#')[0].replace('.html','.php').replace('.htm','.php') + '?recall=' + encodeURIComponent(urlis);<br> }<br> <br> function jfsave(inccis, jnccis) {<br>    if (inccis != '') {<br>    emailcc=inccis;<br>    } else {<br>    emailcc=prompt('Please enter your reply (ie. your) Email Address', emailcc);<br>    }<br>    if (jnccis != '') {<br>    jnameis=jnccis;<br>    } else {<br>    jnameis=prompt('Please enter ' + inp + ' name to Save to (and be able to recall later).', recim);<br>    }<br>    if (jnameis == null) { jnameis=''; } else { jnameis=jnameis.replace(/\-/g,''); }<br>    return jnameis; //ifsave();<br> }<br> <br> function ifsave() {<br>    notc();<br>    var nameis='';<br>    if (jnameis != '') {<br>    nameis=jnameis;<br>    jnameis='';<br>    } else {<br>    nameis=prompt('Please enter ' + inp + ' name to Save to (and be able to recall later).', '');<br>    }<br>    if (nameis != null) {<br>      notc();<br>      jcnt++;<br>      document.getElementById('dcontother').innerHTML+="&lt;iframe style=display:none; id=if" + jcnt + " name=if" + jcnt + " src=''&gt;&lt;/iframe&gt;";<br>      notc();<br>      document.getElementById('dcontother').innerHTML+="&lt;form style=display:none; method=POST target=if" + jcnt + " action=flowchart.php&gt;&lt;input type=hidden name=newsave id=newsave value='" + nameis + "'&gt;&lt;/input&gt;&lt;textarea style=display:none; rows=5 cols=5 name=newsavecontent id=newsavecontent value=''&gt;" + document.getElementById('dcontent').innerHTML.replace(/\&nbsp\;/g,' ').replace(/\&nbsp\;/g,' ') + "&lt;/textarea&gt;&lt;input type=submit id=ifb" + jcnt + " value=Save&gt;&lt;/input&gt;&lt;/fo" + "rm&gt;";<br>      notc();<br>      document.getElementById('isave').value='Saved to ' + nameis.replace(/\ /g,'');<br>      notc();<br>      document.getElementById('ifb' + jcnt).click();<br>      urlis=nameis; //location.href=document.URL.split('?')[0].split('#')[0].replace('.html','.php').replace('.htm','.php') + '?recall=' + encodeURIComponent(nameis);<br>      notc();<br>      setTimeout(ath, 2000);<br>      return nameis.replace(/\ /g,'')<br>    }<br>    return '';<br> }<br> <br> function cce(indu) {<br>   if (emailcc.indexOf('@') != -1 && 1 == 2) {<br>     return 'mailto:' + emailcc;<br>   }<br>   return indu;<br> }<br>  <br> function ifemail() {<br>    notc();<br>    var nameis=prompt('Please enter Email Address (a mix of lowercase and uppercase will setup Feedback email semicolon delimited to optional Email from and Save name)', emailto);<br>    if (nameis != null) {<br>    if (nameis.indexOf('@') != -1) {<br>      notc();<br>      jcnt++;<br>      document.getElementById('dcontother').innerHTML+="&lt;iframe style=display:none; id=if" + jcnt + " name=if" + jcnt + " src=''&gt;&lt;/iframe&gt;";<br>      notc();<br>      if (nameis.toLowerCase() == nameis || nameis.toUpperCase() == nameis) {<br>      document.getElementById('dcontother').innerHTML+="&lt;form style=display:none; method=POST target=if" + jcnt + " action=flowchart.php&gt;&lt;input type=hidden name=newemail id=newemail value='" + nameis + "'&gt;&lt;/input&gt;&lt;textarea style=display:none; rows=5 cols=5 name=newemailcontent id=newemailcontent value=''&gt;" + document.getElementById('dcontent').innerHTML.replace(/\&nbsp\;/g,' ') + "&lt;/textarea&gt;&lt;input type=submit id=ifb" + jcnt + " value=Email&gt;&lt;/input&gt;&lt;/fo" + "rm&gt;";<br>      } else {<br>      jnameis='';<br>      var incc='';<br>      var colbits=nameis.split(';');<br>      nameis=nameis.split(';')[0];<br>      for (var jc=1; jc&lt;colbits.length; jc++) {<br>        if (colbits[jc].indexOf('@') != -1) {<br>          incc=colbits[jc];<br>        } else {<br>          jnameis=colbits[jc].replace(/\-/g,'');<br>        }<br>      }<br>      var recim=jfsave(incc, jnameis); //document.getElementById('isave').click();<br>      if (recim != '') {<br>      var iinp=location.search.split('venn=')[1] ? '&lt;input type=hidden name=venn value="' + decodeURIComponent(location.search.split('venn=')[1].split('&')[0]).split(' ')[0] + '"&gt;&lt;/input&gt;' : '';<br>    //var dbi=String.fromHtmlEntities('&lt;div id=topdiv style=background-color:#f0f0f0;&gt;&lt;h1&gt;' + document.getElementById('myh1').innerHTML.split('&lt;')[0] + '&lt;/h1&gt;' + iinp + '&lt;br&gt;&lt;textarea cols=120 rows=5 name=feedback&gt;&lt;/textarea&gt;&lt;input type=hidden name=recim value="' + recim + '"&gt;&lt;/input&gt;&lt;input type=hidden name=emailcc value="' + emailcc + '"&gt;&lt;/input&gt;&lt;input type=hidden name=emailto value="' + nameis + '"&gt;&lt;/input&gt;&nbsp;&lt;input type=submit value="Respond Noting + equals Space and ~ equals Return"&gt;&lt;/input&gt;&lt;/div&gt;&lt;div id="diamond"' + document.body.innerHTML.split('&lt;div id="diamond"')[1]);<br>      var dbi=String.fromHtmlEntities('&lt;div id=topdiv style=background-color:#f0f0f0;&gt;&lt;h1&gt;' + document.getElementById('myh1').innerHTML.split('&lt;')[0] + '&lt;/h1&gt;&lt;br&gt;&lt;input style="width:50%;" type=text name=feedback&gt;&lt;/input&gt;&lt;input type=hidden name=recim value="' + recim + '"&gt;&lt;/input&gt;&lt;input type=hidden name=emailcc value="' + emailcc + '"&gt;&lt;/input&gt;&lt;input type=hidden name=emailto value="' + nameis + '"&gt;&lt;/input&gt;' + iinp + '&nbsp;&lt;input type=submit value="Respond (Noting ' + String.fromCodePoint(10133) + ' equals Space and ~ equals Return)"&gt;&lt;/input&gt;&lt;/div&gt;&lt;div id="diamond"' + document.body.innerHTML.split('&lt;div id="diamond"')[1]);<br>      var hbi='&lt;style&gt; ' + dystylecss + ' ' + document.head.innerHTML.split('&lt;/sty' + 'le&gt;')[0].split('&lt;sty' + 'le&gt;')[eval(-1 + document.head.innerHTML.split('&lt;/sty' + 'le&gt;')[0].split('&lt;sty' + 'le&gt;').length)] + '&lt;/style&gt;';<br>   if (vennis == '') {<br>      document.getElementById('dcontother').innerHTML+="&lt;form style=display:none; method=POST target=if" + jcnt + " action=emailhtml.php&gt;&lt;input type=hidden name=newemail id=newemail value='" + nameis.toLowerCase() + "'&gt;&lt;/input&gt;&lt;input type=hidden name=inline value=''&gt;&lt;/input&gt;&lt;input type=hidden name=subj value='Feedback for Flow Chart'&gt;&lt;/input&gt;&lt;textarea style=display:none; rows=5 cols=5 name=newemailcontent id=newemailcontent value=''&gt;" + encodeURIComponent('' + '' + '&lt;bo' + 'dy' + dystyle + '&gt;' + hbi + '&lt;form method=GET action=' + cce(document.URL) + '&gt;' + dbi + '&lt;/fo' + 'rm&gt;&lt;/b' + 'ody&gt;') + "&lt;/textarea&gt;&lt;br&gt;&lt;input type=submit id=ifb" + jcnt + " value=Email&gt;&lt;/input&gt;&lt;/fo" + "rm&gt;";<br>   } else if (vennis.length == 1) {<br>      document.getElementById('dcontother').innerHTML+="&lt;form style=display:none; method=POST target=if" + jcnt + " action=emailhtml.php&gt;&lt;input type=hidden name=newemail id=newemail value='" + nameis.toLowerCase() + "'&gt;&lt;/input&gt;&lt;input type=hidden name=inline value=''&gt;&lt;/input&gt;&lt;input type=hidden name=subj value='Feedback for Venn Diagram'&gt;&lt;/input&gt;&lt;textarea style=display:none; rows=5 cols=5 name=newemailcontent id=newemailcontent value=''&gt;" + encodeURIComponent('' + '' + '&lt;bo' + 'dy' + dystyle + '&gt;' + hbi + '&lt;form method=GET action=' + cce(document.URL) + '&gt;' + dbi + '&lt;/fo' + 'rm&gt;&lt;/b' + 'ody&gt;') + "&lt;/textarea&gt;&lt;br&gt;&lt;input type=submit id=ifb" + jcnt + " value=Email&gt;&lt;/input&gt;&lt;/fo" + "rm&gt;";<br>   } else {<br>      document.getElementById('dcontother').innerHTML+="&lt;form style=display:none; method=POST target=if" + jcnt + " action=emailhtml.php&gt;&lt;input type=hidden name=newemail id=newemail value='" + nameis.toLowerCase() + "'&gt;&lt;/input&gt;&lt;input type=hidden name=inline value=''&gt;&lt;/input&gt;&lt;input type=hidden name=subj value='Feedback for Mind Map'&gt;&lt;/input&gt;&lt;textarea style=display:none; rows=5 cols=5 name=newemailcontent id=newemailcontent value=''&gt;" + encodeURIComponent('' + '' + '&lt;bo' + 'dy' + dystyle + '&gt;' + hbi + '&lt;form method=GET action=' + cce(document.URL) + '&gt;' + dbi + '&lt;/fo' + 'rm&gt;&lt;/b' + 'ody&gt;') + "&lt;/textarea&gt;&lt;br&gt;&lt;input type=submit id=ifb" + jcnt + " value=Email&gt;&lt;/input&gt;&lt;/fo" + "rm&gt;";<br>   }<br>      //document.getElementById('dcontother').innerHTML+="&lt;form style=display:none; method=POST target=if" + jcnt + " action=emailhtml.php&gt;&lt;input type=hidden name=newemail id=newemail value='" + nameis.toLowerCase() + "'&gt;&lt;/input&gt;&lt;input type=hidden name=inline value=''&gt;&lt;/input&gt;&lt;input type=hidden name=subj value=Feedback&gt;&lt;/input&gt;&lt;textarea style=display:none; rows=5 cols=5 name=newemailcontent id=newemailcontent value=''&gt;" + encodeURIComponent('' + '' + '&lt;bo' + 'dy&gt;' + hbi + '&lt;form method=GET action=' + cce(document.URL) + '&gt;' + dbi + '&lt;/fo' + 'rm&gt;&lt;/b' + 'ody&gt;') + "&lt;/textarea&gt;&lt;br&gt;&lt;input type=submit id=ifb" + jcnt + " value=Email&gt;&lt;/input&gt;&lt;/fo" + "rm&gt;";<br>      }<br>      }<br>      notc();<br>      document.getElementById('iemail').value='Emailed to ' + nameis;<br>      notc();<br>      document.getElementById('ifb' + jcnt).click();<br>      //urlis=nameis; //location.href=document.URL.split('?')[0].split('#')[0].replace('.html','.php').replace('.htm','.php') + '?recall=' + encodeURIComponent(nameis);<br>      notc();      <br>      if (jnameis != '') {<br>        setTimeout(ifsave, 2000);<br>        //jnameis='';<br>      }<br>      //setTimeout(ath, 2000);<br>    }<br>    }<br> }<br> <br> function minus(hm) {<br>    notc();<br>    var ij=eval('' + document.getElementById('idiam').style.width.replace('px',''));<br>    ij-=hm;<br>    document.getElementById('idiam').style.width='' + ij + 'px';<br> }<br> <br> function plus(hm) {<br>    notc();<br>    var ij=eval('' + document.getElementById('idiam').style.width.replace('px',''));<br>    ij+=hm;<br>    document.getElementById('idiam').style.width='' + ij + 'px';<br> }<br>  <br>  function glowit() {<br>    if (doglow && !loosetext) {<br>      ciss=' class=glow';<br>      xciss=' class=cglow';<br>      if (!doglow) {<br>      document.getElementById('dstyle').innerHTML='';<br>      } else {<br>      document.getElementById('dstyle').innerHTML='&lt;style&gt; .circle {  -webkit-animation: cglow 1s ease-in-out infinite alternate;  -moz-animation: cglow 1s ease-in-out infinite alternate; animation: cglow 1s ease-in-out infinite alternate;   } .oval, .rectangle, .glow { -webkit-animation: glow 1s ease-in-out infinite alternate;  -moz-animation: glow 1s ease-in-out infinite alternate; animation: glow 1s ease-in-out infinite alternate;  } &lt;/style&gt;';<br>      }<br>      if (inp != "Mind Map") {  xciss=' class=glow';  }<br>    } else if (inp != "Mind Map") {<br>      ciss='';<br>      xciss='';<br>      document.getElementById('dstyle').innerHTML='';<br>    }<br>    if (!doglow) {<br>      document.getElementById('dstyle').innerHTML='';<br>    }<br>    document.getElementById('amr').title=document.getElementById('amr').innerHTML;<br>    document.getElementById('amr').innerHTML='This Link';<br>    //document.getElementById('mytable').style.paddingTop='8px';<br>  }<br>  <br> function xyset(tvi) {<br>  if (tvi != '') {<br>    if (tvi.substring(0,1) &gt;= '0' && tvi.substring(0,1) &lt;= '9') {<br>      xoff=eval(-1 * eval(tvi / 2));<br>      yoff=xoff;<br>      prevxoff=xoff;<br>      prevyoff=yoff;<br>      document.getElementById('idiam').style.width='' + Math.floor(eval(tvi / 1)) + 'px';<br>      document.getElementById('dstyle').innerHTML+=' &lt;style&gt; .circle { width:' + Math.floor(eval(tvi / 1)) + 'px !important; height:' + Math.floor(eval(tvi / 1)) + 'px !important; } &lt;/style&gt; ';<br>      //document.title+=' ' + xoff + ',' + yoff;<br>      return false;<br>    }<br>  }<br>  return true;<br> }<br> <br> function lookfornbsp() {<br>   var dih=document.getElementById('xbod').innerHTML;<br>   //alert(dih);<br>   //if (dih.indexOf('&gt;&nbsp;&lt;') != -1) { alert(dih.split('&gt;&nbsp;&lt;')[0]); }<br>   if (document.URL.indexOf('venn=') == -1) {<br>   // Flowchart<br>   dih=dih.replace("&gt;&nbsp;&lt;","&gt;&lt;span title=\"Animated Emoji\" style='opacity:0.5;font-size:32px;'&gt;&#127754;&lt;/span&gt;&lt;span style='margin-left:-32px;opacity:0.5;font-size:32px;'&gt;&#128202;&lt;/span&gt; &lt;");<br>   // Venn Diagram<br>   dih=dih.replace("or&nbsp;","or &lt;span title=\"Animated Emoji\" ontouchdown=\"document.getElementById('itbut').click();\" onmousedown=\"document.getElementById('itbut').click();\" style='opacity:0.5;font-size:32px;'&gt;&#128206;&lt;/span&gt;&lt;span title=\"Animated Emoji\" ontouchdown=\"document.getElementById('itbut').click();\" onmousedown=\"document.getElementById('itbut').click();\" style='margin-left:-32px;opacity:0.5;font-size:32px;'&gt;&#128391;&lt;/span&gt;");<br>   // Mind Map<br>   dih=dih.replace("&gt;&nbsp;&lt;","&gt; &lt;span title=\"Animated Emoji\" ontouchdown=\"document.getElementById('itbut2').click();\" onmousedown=\"document.getElementById('itbut2').click();\" style='opacity:0.5;font-size:32px;'&gt;&#129504;&lt;/span&gt;&lt;span title=\"Animated Emoji\" ontouchdown=\"document.getElementById('itbut2').click();\" onmousedown=\"document.getElementById('itbut2').click();\" style='margin-left:-32px;opacity:0.5;font-size:32px;'&gt;&#128506;&lt;/span&gt;&lt;");<br>   } else if (inp == "Mind Map") {<br>   // Mind Map<br>   dih=dih.replace("&gt;&nbsp;&lt;","&gt;&lt;span title=\"Animated Emoji\" style='opacity:0.5;font-size:32px;'&gt;&#129504;&lt;/span&gt;&lt;span style='margin-left:-32px;opacity:0.5;font-size:32px;'&gt;&#128506;&lt;/span&gt; &lt;");<br>   // Flowchart<br>   dih=dih.replace("or&nbsp;","or &lt;span title=\"Animated Emoji\" ontouchdown=\"document.getElementById('itbut').click();\" onmousedown=\"document.getElementById('itbut').click();\" style='opacity:0.5;font-size:32px;'&gt;&#127754;&lt;/span&gt;&lt;span title=\"Animated Emoji\" ontouchdown=\"document.getElementById('itbut').click();\" onmousedown=\"document.getElementById('itbut').click();\" style='margin-left:-32px;opacity:0.5;font-size:32px;'&gt;&#128202;&lt;/span&gt;");<br>   // Venn Diagram<br>   dih=dih.replace("&gt;&nbsp;&lt;","&gt; &lt;span title=\"Animated Emoji\" ontouchdown=\"document.getElementById('itbut2').click();\" onmousedown=\"document.getElementById('itbut2').click();\" style='opacity:0.5;font-size:32px;'&gt;&#128206;&lt;/span&gt;&lt;span title=\"Animated Emoji\" ontouchdown=\"document.getElementById('itbut2').click();\" onmousedown=\"document.getElementById('itbut2').click();\" style='margin-left:-32px;opacity:0.5;font-size:32px;'&gt;&#128391;&lt;/span&gt;&lt;");<br>   } else { // Venn Diagram<br>   // Venn Diagram<br>   dih=dih.replace("&gt;&nbsp;&lt;","&gt;&lt;span title=\"Animated Emoji\" style='opacity:0.5;font-size:32px;'&gt;&#128206;&lt;/span&gt;&lt;span style='margin-left:-32px;opacity:0.5;font-size:32px;'&gt;&#128391;&lt;/span&gt; &lt;");<br>   // Flowchart<br>   dih=dih.replace("or&nbsp;","or &lt;span title=\"Animated Emoji\" ontouchdown=\"document.getElementById('itbut').click();\" onmousedown=\"document.getElementById('itbut').click();\" style='opacity:0.5;font-size:32px;'&gt;&#127754;&lt;/span&gt;&lt;span title=\"Animated Emoji\" ontouchdown=\"document.getElementById('itbut').click();\" onmousedown=\"document.getElementById('itbut').click();\" style='margin-left:-32px;opacity:0.5;font-size:32px;'&gt;&#128202;&lt;/span&gt;");<br>   // Mind Map<br>   dih=dih.replace("&gt;&nbsp;&lt;","&gt; &lt;span title=\"Animated Emoji\" ontouchdown=\"document.getElementById('itbut2').click();\" onmousedown=\"document.getElementById('itbut2').click();\" style='opacity:0.5;font-size:32px;'&gt;&#129504;&lt;/span&gt;&lt;span title=\"Animated Emoji\" ontouchdown=\"document.getElementById('itbut2').click();\" onmousedown=\"document.getElementById('itbut2').click();\" style='margin-left:-32px;opacity:0.5;font-size:32px;'&gt;&#128506;&lt;/span&gt;&lt;");<br>   }<br><br>   document.getElementById('xbod').innerHTML=dih;<br> }<br> <br> function afterfeed() {<br>   if (af != '') { alert(af); af=''; }<br> }<br> <br> function dofeedb() {<br>   var th='Flowchart';<br>   //document.getElementById('mysel').value=recim;<br>   if (1 == 1) {<br>   if (vennis == '') {<br>   af=('Feedback from ' + emailcc + ' regarding Flowchart (that shows later after OK below) "' + recim + '": ' + feedback.replace(/\+/g, ' ').replace(/\~/g, String.fromCharCode(10)));<br>   } else if (vennis.length == 1) {<br>   af=('Feedback from ' + emailcc + ' regarding Venn Diagram (that shows later after OK below) "' + recim + '": ' + feedback.replace(/\+/g, ' ').replace(/\~/g, String.fromCharCode(10)));<br>   th='Venn Diagram';<br>   } else {<br>   af=('Feedback from ' + emailcc + ' regarding Mind Map (that shows later after OK below) "' + recim + '": ' + feedback.replace(/\+/g, ' ').replace(/\~/g, String.fromCharCode(10)));<br>   th='Mind Map';<br>   }<br>   }<br>   if (vennis != '') {<br>   if (vennis.length == 1) {<br>   location.href=document.URL.split('?')[0].split('#')[0].replace('.html','.php').replace('.htm','.php') + '?recall=' + encodeURIComponent(recim) + '&venn=' + encodeURIComponent(vennis) + '&tryhard=' + encodeURIComponent('Feedback from ' + emailcc + ' regarding ' + th + ' ' + recim + ' is ... ' + String.fromCharCode(10)) + encodeURIComponent(feedback.replace(/\+/g, ' ').replace(/\~/g, String.fromCharCode(10)));<br>   } else {<br>   location.href=document.URL.split('?')[0].split('#')[0].replace('.html','.php').replace('.htm','.php') + '?recall=' + encodeURIComponent(recim) + '&venn=' + encodeURIComponent('Mind Map') + '&tryhard=' + encodeURIComponent('Feedback from ' + emailcc + ' regarding ' + th + ' ' + recim + ' is ... ' + String.fromCharCode(10)) + encodeURIComponent(feedback.replace(/\+/g, ' ').replace(/\~/g, String.fromCharCode(10)));<br>   }<br>   } else {<br>   location.href=document.URL.split('?')[0].split('#')[0].replace('.html','.php').replace('.htm','.php') + '?recall=' + encodeURIComponent(recim) + '&tryhard=' + encodeURIComponent('Feedback from ' + emailcc + ' regarding ' + th + ' ' + recim + ' is ... ' + String.fromCharCode(10)) + encodeURIComponent(feedback.replace(/\+/g, ' ').replace(/\~/g, String.fromCharCode(10)));<br>   }<br>   //document.getElementById('mysel').value=recim;<br>   setTimeout(afterfeed, 5000);<br> }<br> <br> function fboff(instu) {<br>   if (instu.indexOf('?feedback=') != -1) {<br>     if (instu.indexOf('venn=') != -1) {<br>       var oven='venn=' + instu.split('venn=')[1].split('&')[0];<br>       instu=instu.replace(oven, '') + '&' + oven;<br>     }<br>     return instu.split('?feedback=')[0] + '' + '?feedback=' + encodeURIComponent(instu.split('?feedback=')[1].replace(/\ /g,'%2B').replace(/\&/g, '    ')).replace(/\%20\%20\%20\%20/g, '----').replace(/\ /g,'%20');<br>   }<br>   return instu.replace(/\&/g, '----');<br> }<br> <br> function givefeedback(ooverlayif, orecim, oemailto, oemailcc, ofeedback) {<br>    if (ooverlayif) {<br>    // https://www.rjmprogramming.com.au/HTMLCSS/flowchart.html?venn=y&feedback=mnf&recim=thewvenn&emailcc=rmetcalfe15%40gmail.com&emailto=Rmetcalfe15%40gmail.com<br>      if (document.URL.indexOf('realn=') == -1 && document.URL.indexOf(encodeURIComponent('realn=')) == -1) {<br>      if (4 == 4) {<br><br>  var zhr = new XMLHttpRequest();<br>  var zform=new FormData();<br>  zform.append('inline', '');<br>  zform.append('to', oemailto.toLowerCase());<br>  zform.append('bcc', oemailcc.toLowerCase());<br>   var bigstr='';<br>   if (vennis == '') {<br>  zform.append('subj', 'Feedback for Flowchart ' + orecim);<br>  bigstr+='&lt;bo' + 'dy&gt;&lt;h1&gt;Feedback for Flowchart ' + orecim + ' from ' + oemailto.toLowerCase() + '&lt;/h1&gt;&lt;form method=GET action=' + document.URL.split('?')[0] + '&gt;';<br>   } else if (vennis.length == 1) {<br>  zform.append('subj', 'Feedback for Venn Diagram ' + orecim);<br>  bigstr+='&lt;bo' + 'dy&gt;&lt;h1&gt;Feedback for Venn Diagram ' + orecim + ' from ' + oemailto.toLowerCase() + '&lt;/h1&gt;&lt;form method=GET action=' + document.URL.split('?')[0] + '&gt;';<br>   } else {<br>  zform.append('subj', 'Feedback for Mind Map ' + orecim);<br>  bigstr+='&lt;bo' + 'dy&gt;&lt;h1&gt;Feedback for Mind Map ' + orecim + ' from ' + oemailto.toLowerCase() + '&lt;/h1&gt;&lt;form method=GET action=' + document.URL.split('?')[0] + '&gt;';<br>   }<br>   //alert(('&lt;bo' + 'dy&gt;&lt;a target=_blank href="' + fboff(document.URL.replace(/\ /g,'%20') + '&realn=y') + '" title=Feedback&gt;' + feedback.replace(/\+/g,' ').replace(/\~/g,'&lt;br&gt;').replace(/\"/g,'`') + '&lt;/a&gt;&lt;/bo' + 'dy&gt;'));<br><br>//feedback=location.search.split('feedback' + equ)[1] ? decodeURIComponent((location.search + feedback).split('feedback' + equ)[1].split('&')[0].split('----')[0]).replace(/\+/g,'_') : '';<br>//vennis=(location.search + feedback).split('venn' + equ)[1] ? decodeURIComponent((location.search + feedback).split('venn' + equ)[1].split('&')[0].split('----')[0]) : '';<br>//recim=(location.search + feedback).split('recim' + equ)[1] ? decodeURIComponent((location.search + feedback).split('recim' + equ)[1].split('&')[0].split('----')[0]) : '';<br>//emailcc=(location.search + feedback).split('emailcc' + equ)[1] ? decodeURIComponent((location.search + feedback).split('emailcc' + equ)[1].split('&')[0].split('----')[0]) : '';<br>//emailto=(location.search + feedback).split('emailto' + equ)[1] ? decodeURIComponent((location.search + feedback).split('emailto' + equ)[1].split('&')[0].split('----')[0]) : '';<br>  bigstr+='&lt;textarea name=feedback id=tdhuhta cols=100 rows=4 value=""&gt;' + feedback.replace(/\"/g,'`').replace(/\~/g,String.fromCharCode(10)).replace(/\+/g,' ').replace(/\_/g,' ') + '&lt;/textarea&gt;';<br>  //bigstr+='&lt;input type=hidden style=display:none; id=linline name=inline value=""&gt;&lt;/input&gt;';<br>  bigstr+='&lt;input type=hidden style=display:none; name=emailto id=tdto value="' + oemailcc.toLowerCase() + '"&gt;&lt;/input&gt;';<br>  bigstr+='&lt;input type=hidden style=display:none; name=emailcc id=tdbcc value="' + oemailto.toLowerCase() + '"&gt;&lt;/input&gt;';<br>  bigstr+='&lt;input type=hidden style=display:none; name=realn value="y"&gt;&lt;/input&gt;';<br>  bigstr+='&lt;input type=hidden style=display:none; name=recim value="' + orecim + '"&gt;&lt;/input&gt;';<br><br>  if (vennis != '') {  bigstr+='&lt;input type=hidden style=display:none; name=venn value="' + vennis + '"&gt;&lt;/input&gt;';   } <br>  bigstr+='&lt;input type=submit value="Show"&gt;&lt;/input&gt;&lt;/fo' + 'rm&gt;';<br>  bigstr+='&lt;a style=display:none; target=_blank href="' + fboff(document.URL.replace(/\ /g,'%20') + '&realn=y') + '" title=Feedback&gt;' + feedback.replace(/\+/g,' ').replace(/\~/g,'&lt;br&gt;').replace(/\"/g,'`') + '&lt;/a&gt;';<br>  bigstr+='&lt;/bo' + 'dy&gt;';<br>  zform.append('tdhuhta', bigstr);<br>  zhr.open('post', '//www.rjmprogramming.com.au/HTMLCSS/emailhtml.php', true);<br>  //zhr.onreadystatechange = showStuff;<br>  zhr.send(zform);<br><br>      } else {<br>      //document.getElementById('xifemail').action='flowchart.php';<br>      document.getElementById('tdto').value=oemailto.toLowerCase();<br>      //document.getElementById('tdbcc').value=oemailcc.toLowerCase();<br>      document.getElementById('tdsubj').value='Feedback for ' + orecim + '';<br>      //document.getElementById('tdhuhta').innerHTML=encodeURIComponent('&lt;bo' + 'dy&gt;&lt;a target=_blank href="' + document.URL + '&realn=y' + '" title="Feedback for ' + orecim + ' ... click to show that content"&gt;' + ofeedback + '&lt;/a&gt;&lt;/b' + 'ody&gt;');<br>  //alert(document.getElementById('xifemail').outerHTML);<br>      //document.getElementById('xifemail').target='overlayif';<br>      //document.getElementById('xifemail').submit(); //document.getElementById('fsubm').click();<br>      document.getElementById('aiemail').href='mailto:' + oemailto.toLowerCase() + '?subject=' + encodeURIComponent('Feedback for ' + orecim) + '&body=' + encodeURIComponent(feedback + String.fromCharCode(10) + String.fromCharCode(10) + document.URL + '&realn=y');<br>      if (1 == 1) {<br>      document.getElementById('fsubm').click();<br>      } else {<br>      document.getElementById('aiemail').click();<br>      }<br>      }<br>   if (vennis == '') {<br>   alert('Feedback sent to originator of Flow Chart "' + orecim + '" ... ' + oemailcc);<br>   } else if (vennis.length == 1) {<br>   alert('Feedback sent to originator of Venn Diagram "' + orecim + '" ... ' + oemailcc);<br>   } else {<br>   alert('Feedback sent to originator of Mind Map "' + orecim + '" ... ' + oemailcc);<br>   }<br>      //alert('Feedback sent to originator of "' + orecim + '" ... ' + oemailcc);<br>      } else {<br>      ooverlayif.style.position='absolute';<br>      ooverlayif.style.zIndex='56';<br>      ooverlayif.style.left='0px';<br>      ooverlayif.style.top='0px';<br>      ooverlayif.style.width='100%';<br>      ooverlayif.style.height='100%';<br>      //document.getElementById('mysel').value=recim;<br>      //ooverlayif.src=document.URL.replace('.html','.php').split('?')[0] + '?recall=' + encodeURIComponent(orecim);<br>      if (ofeedback != '') { setTimeout(dofeedb, 3000); }<br>      }<br>    }<br> }<br> <br> function onl() {<br>    var prevtitle='';<br>    if (document.getElementById('topdiv')) {<br>      var rc=document.getElementById('topdiv').getBoundingClientRect();<br>      document.getElementById('topdiv').style.maxHeight='' + rc.height + 'px';<br>      document.getElementById('topdiv').style.height='' + rc.height + 'px';<br>    }<br>    setTimeout(glowit, 5000);<br>    rectwas=document.getElementById('myemail').getBoundingClientRect();<br>    if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) {<br>      document.getElementById('xbod').style.position='absolute';<br>      //document.getElementById('xbod').style.top='0px';<br>      //document.getElementById('xbod').style.left='0px';<br>    }<br>    if (preh1is == 'Mind Map' && h1is.indexOf('"myh1"&gt;Venn') != -1 || (h1is.indexOf('"myh1"&gt;Venn') == -1 && document.getElementById('dcontent').innerHTML.replace(/\"/g,'').indexOf('class=circle') != -1)) {<br>       //alert('Mind Map ' + document.getElementById('myh1').innerHTML);<br>       venn='Mind Map';<br>       acglow='cglow';<br>       acolour=" style='";<br>       prevtitle=document.getElementById('myh1').title;<br>       document.getElementById('myh1').innerHTML=document.getElementById('myh1').innerHTML.replace('Flowchart', venn);<br>       document.getElementById('myh1').title=prevtitle;<br>       xcv=documentURL.split(String.fromCharCode(35))[0].split(String.fromCharCode(63))[0].replace(dfrom,dto)+'?venn=y';<br>       novenn='Flowchart"&gt;&lt;/input&gt;&nbsp;&lt;input id=itbut2 style=display:inline-block; type=button onclick="location.href=xcv;" value="Venn Diagram"&gt;&lt;/input&gt;';<br>       document.getElementById('itbut').value=novenn.split('&gt;')[0].split('"')[0].split("'")[0];<br>       document.getElementById('itbut2').value=novenn.split('"')[eval(-2 + novenn.split('"').length)].split('"')[0];<br>       h1is='&lt;h1 style=display:inline-block; id="myemail"&gt;&lt;/h1&gt;&nbsp;&lt;h1 style=display:inline-block; id="myh1"&gt;' + venn + '&lt;/h1&gt;&nbsp;or&nbsp;&lt;input id=itbut style=display:inline-block; type=button onclick=location.href=documentURL.split(String.fromCharCode(35))[0].split(String.fromCharCode(63))[0].replace(dfrom,dto)+withoutvenn; value="' + novenn + '"&gt;&lt;/input&gt;';<br>       withvenn='';<br>       inp="Mind Map";<br>       cat="Mind Map Topic"; <br>       xciss=' class=glow';<br>       document.getElementById('dstart').innerHTML=cat;<br>       wording=cat; <br>       shape="rectangle";<br>       noeolp='Is this a new rectangle pointing or you want to place value?&nbsp;&nbsp;'; <br>    } else if (h1is.indexOf('"myh1"&gt;Venn') != -1 || (h1is.indexOf('"myh1"&gt;Venn') == -1 && document.getElementById('dcontent').innerHTML.replace(/\"/g,'').indexOf('class=circle') != -1)) {<br>       xoff=-100;<br>       yoff=-100;<br>       acglow='youllneverfindthis';<br>       bcglow='cglow';<br>       aclass=" class='glow";<br>       //htext=''; //document.getElementById('itext').style.visibility='hidden';<br>       document.getElementById('myh1').innerHTML=document.getElementById('myh1').innerHTML.replace('Flowchart', venn);<br>       document.getElementById('myh1').title="The position you make a Venn Diagram circle is the centre of a circle diameter the same size as adjustable textbox shown below.";<br>       xcv=documentURL.split(String.fromCharCode(35))[0].split(String.fromCharCode(63))[0].replace(dfrom,dto)+'?venn=Mind%20Map';<br>       document.getElementById('itbut').value=novenn.split('&gt;')[0].split('"')[0].split("'")[0];<br>       document.getElementById('itbut2').value=novenn.split('"')[eval(-2 + novenn.split('"').length)].split('"')[0];<br>       h1is='&lt;h1 style=display:inline-block; id="myemail"&gt;&lt;/h1&gt;&nbsp;&lt;h1 style=display:inline-block; id="myh1"&gt;' + venn + '&lt;/h1&gt;&nbsp;or&nbsp;&lt;input id=itbut style=display:inline-block; type=button onclick=location.href=documentURL.split(String.fromCharCode(35))[0].split(String.fromCharCode(63))[0].replace(dfrom,dto)+withoutvenn; value="' + novenn + '"&gt;&lt;/input&gt;';<br>       withvenn='';<br>       inp="Venn Diagram";<br>       cat="circle"; <br>       wording=cat; <br>       noeolp='Is this a new circle pointing or you want to place value?&nbsp;&nbsp;'; <br>    }<br>    if (h1is.indexOf('"myh1"&gt;Venn') != -1) { document.getElementById('dstart').innerHTML="circle";  document.getElementById('instruction').innerHTML+='&nbsp;&nbsp;Venn Diagram Title:&nbsp;&lt;input title="You can add line feeds via ~ character" id=idiam placeholder="Diameter of Venn Diagram circle" onclick=notc(); style=display:inline-block;width:200px; type=text onblur="if (xyset(this.value)) { document.getElementById(' + "'" + 'dheader' + "'" + ').innerHTML=' + "'" + '&lt;h1&gt;' + "'" + ' + this.value.replace(/~/g,bris) + ' + "'" + '&lt;/h1&gt;' + "'" + '; }"&gt;&lt;/input&gt;&nbsp;&lt;a onclick=minus(10); style=cursor:pointer;&gt;--&lt;/a&gt;&nbsp;&lt;a onclick=minus(1); style=cursor:pointer;&gt;-&lt;/a&gt;&nbsp;&nbsp;&lt;a onclick=plus(1); style=cursor:pointer;&gt;+&lt;/a&gt;&nbsp;&lt;a onclick=plus(10); style=cursor:pointer;&gt;++&lt;/a&gt;'; }<br>    if (document.getElementById('d0') || document.getElementById('d1')) {<br>      document.getElementById('dsave').innerHTML+='&lt;input style=display:inline-block;background-color:lightblue; id=iundo type=button onclick=doundo(); value=Undo&gt;&lt;/input&gt;&nbsp;&nbsp;&lt;input style=display:none;background-color:lightblue; id=iredo type=button onclick=doredo(); value=Redo&gt;&lt;/input&gt;&nbsp;&nbsp;&lt;br&gt;&lt;input style=background-color:orange; id=iemail type=button onclick=ifemail(); value="Email/Feedback"&gt;&lt;/input&gt;' + htext;<br>    }<br>    if (!ambeingsupervised) {<br>      jcnt++;<br>      document.getElementById('dcontother').innerHTML+="&lt;iframe style=display:none; id=if" + jcnt + " src='" + document.URL.split('?')[0].split('#')[0].replace('.html','.php').replace('.htm','.php') + "?rand=" + Math.floor(Math.random() * 123456) + "'&gt;&lt;/iframe&gt;";<br>    }<br>    lookfornbsp();<br>    if (recim != "" && emailcc.indexOf("@") != -1 && emailto.indexOf("@") != -1) {<br>      givefeedback(document.getElementById('overlayif'), recim, emailto, emailcc, feedback.replace(/\ /g,'+'));<br>    }<br>}<br> <br> function wnotc() {<br>  bodyclick=false; <br>  nonbodyclick=-2; <br> }<br> <br> function notc() {<br>  wording=cat;<br>  bodyclick=false; <br>  nonbodyclick=-2; <br>  setTimeout(resetit,1000);<br> }<br> <br> function mysels() {<br>   var xxxx=myselsc;<br>   if (xxxx != '') {<br>   if (document.getElementById('mysel')) {  document.getElementById('mysel').value=xxxx; }<br>   }<br> }<br> <br> function makeroom(what) {<br>   var ourrect=[], idivs;<br>   var sbits=[];<br>   var spref=document.getElementById('selroom').value;<br>   if (what == 3) {<br>        ourrect.push(document.body.getBoundingClientRect());<br>        document.body.style.height='' + eval(eval(spref + '100') + ourrect[0].height) + 'px';<br>        if (dystyle == '') {<br>        dystyle=' style="height:' + '' + eval(eval(spref + '100') + ourrect[0].height) + 'px;"';<br>        dystylecss=' body { height:' + '' + eval(eval(spref + '100') + ourrect[0].height) + 'px; } ';<br>        } else if (dystyle.indexOf('height:') != -1) {<br>        dystyle=dystyle.replace('height:' + dystyle.split('height:')[1].split(';')[0], 'height:' + '' + eval(eval(spref + '100') + ourrect[0].height) + 'px');<br>        dystylecss=dystylecss.replace('height:' + dystylecss.split('height:')[1].split(';')[0], 'height:' + '' + eval(eval(spref + '100') + ourrect[0].height) + 'px');<br>        } else {<br>        dystyle=dystyle.replace(';"', ';height:' + '' + eval(eval(spref + '100') + ourrect[0].height) + 'px;"');<br>        dystylecss=dystylecss.replace(';', '; height:' + '' + eval(eval(spref + '100') + ourrect[0].height) + 'px; ');<br>        }<br>   } else if (what == 2) {<br>        ourrect.push(document.body.getBoundingClientRect());<br>        document.body.style.width='' + eval(eval(spref + '100') + ourrect[0].width) + 'px';<br>        if (dystyle == '') {<br>        dystyle=' style="width:' + '' + eval(eval(spref + '100') + ourrect[0].width) + 'px;"';<br>        dystylecss=' body { width:' + '' + eval(eval(spref + '100') + ourrect[0].width) + 'px; } ';<br>        } else if (dystyle.indexOf('width:') != -1) {<br>        dystyle=dystyle.replace('width:' + dystyle.split('width:')[1].split(';')[0], 'width:' + '' + eval(eval(spref + '100') + ourrect[0].width) + 'px');<br>        dystylecss=dystylecss.replace('width:' + dystylecss.split('width:')[1].split(';')[0], 'width:' + '' + eval(eval(spref + '100') + ourrect[0].width) + 'px');<br>        } else {<br>        dystyle=dystyle.replace(';"', ';width:' + '' + eval(eval(spref + '100') + ourrect[0].width) + 'px;"');<br>        dystylecss=dystylecss.replace(';', '; width:' + '' + eval(eval(spref + '100') + ourrect[0].width) + 'px;  ');<br>        }<br>   } else {<br>   var divs=document.getElementsByTagName('div');<br>   var sdivs=document.getElementsByTagName('span');<br>   for (idivs=0; idivs&lt;divs.length; idivs++) {<br>     if (('' + divs[idivs].style.position).toLowerCase() == 'absolute') {<br>     ourrect.push(divs[idivs].getBoundingClientRect());<br>     } else {<br>     ourrect.push(null);<br>     }<br>   }<br>   for (var isps=0; isps&lt;sdivs.length; isps++) {<br>     if (('' + sdivs[isps].id).indexOf('sp') == 0 && ('' + sdivs[isps].style.position).toLowerCase() == 'absolute') {<br>     if (what == 1) {<br>        sdivs[isps].style.top='' + eval(eval(spref + '100') + eval(('' + sdivs[isps].style.top).replace('px',''))) + 'px';<br>     } else if (what == 0) {<br>        sdivs[isps].style.left='' + eval(eval(spref + '100') + eval(('' + sdivs[isps].style.left).replace('px',''))) + 'px';<br>     }<br>     } <br>   }<br>   for (idivs=0; idivs&lt;divs.length; idivs++) {<br>     if (ourrect[idivs]) {<br>     if (what == 1) {<br>        divs[idivs].style.position='absolute';<br>        if (('' + divs[idivs].id).indexOf('ld') == 0 || ('' + divs[idivs].id).indexOf('sp') == 0 || ('' + divs[idivs].className).toLowerCase().indexOf('diamond') != -1) {<br>        //if (('' + divs[idivs].id).indexOf('sp') == 0) { alert('yes'); }<br>        divs[idivs].style.top='' + eval(eval(spref + '100') + eval(('' + divs[idivs].style.top).replace('px',''))) + 'px';<br>        } else {<br>        divs[idivs].style.top='' + eval(eval(spref + '100') + ourrect[idivs].top) + 'px';<br>        divs[idivs].style.left='' + eval(0 + ourrect[idivs].left) + 'px';<br>        divs[idivs].style.width='' + eval(0 + ourrect[idivs].width) + 'px';<br>        divs[idivs].style.height='' + eval(0 + ourrect[idivs].height) + 'px';<br>        }<br>     } else if (what == 0) {<br>        divs[idivs].style.position='absolute';<br>        if (('' + divs[idivs].id).indexOf('ld') == 0 || ('' + divs[idivs].id).indexOf('sp') == 0 || ('' + divs[idivs].className).toLowerCase().indexOf('diamond') != -1) {<br>        //if (('' + divs[idivs].id).indexOf('sp') == 0) { alert('Yes'); }<br>        divs[idivs].style.left='' + eval(eval(spref + '100') + eval(('' + divs[idivs].style.left).replace('px',''))) + 'px';<br>        } else {<br>        divs[idivs].style.top='' + eval(0 + ourrect[idivs].top) + 'px';<br>        divs[idivs].style.left='' + eval(eval(spref + '100') + ourrect[idivs].left) + 'px';<br>        divs[idivs].style.width='' + eval(0 + ourrect[idivs].width) + 'px';<br>        divs[idivs].style.height='' + eval(0 + ourrect[idivs].height) + 'px';<br>        }<br>     } <br>     }<br>   }<br>   }<br> }<br> <br> <br> window.addEventListener('scroll', function(e){<br>   sxoff=eval('' + window.pageXOffset);<br>   syoff=eval('' + window.pageYOffset);<br>   if (1 == 2) {<br>   rectnow=document.getElementById('myemail').getBoundingClientRect();<br>   sxoff-=eval(eval('' + rectnow.left) - eval('' + rectwas.left));<br>   syoff-=eval(eval('' + rectnow.top) - eval('' + rectwas.top));<br>   sxoff=eval('-' + window.scrollX);<br>   syoff=eval('-' + window.scrollY);<br>   }<br>   //document.getElementById('myh4').innerHTML='' + sxoff + ',' + syoff + ';' + window.scrollX + ',' + window.scrollY;<br> });<br> <br>&lt;/script&gt;<br>&lt;/head&gt;<br>&lt;body id=xbod style='width:100%; height: 100vh;' ontouchdown='recxy(event);' onmousedown='recxy(event);' onload='onl(); throbbingspans();'&gt;<br>&lt;div id=topdiv style='background-color:#f0f0f0;'&gt;&lt;h1 style=display:inline-block; id="myemail"&gt;&lt;/h1&gt;&nbsp;&lt;h1 title="To create link lines click/touch two coloured elements and note that if on the way you make a stopover not on a coloured element the resultant link will go from the stopover to the second coloured element position." style=display:inline-block; id="myh1"&gt;Flowchart&lt;/h1&gt;&nbsp;or&nbsp;&lt;input style=display:inline-block; id=itbut type=button onclick=location.href=documentURL.split(String.fromCharCode(35))[0].split(String.fromCharCode(63))[0].replace(dfrom,dto)+withvenn; value="Venn Diagram"&gt;&lt;/input&gt;&nbsp;&lt;input style=display:inline-block; id=itbut2 type=button onclick="location.href=xcv;" value="Mind Map"&gt;&lt;/input&gt;<br>&lt;h3 style='display:inline-block;'&gt;RJM Programming - January&lt;a class="glow" ontouchstart='event.stopPropagation();' onmousedown='event.stopPropagation();' onclick="event.stopPropagation(); doglow=!doglow; if (!doglow) { if (wasglow == '') { wasglow=bcglow; } bcglow=''; this.className='xglow'; ciss=''; xciss=''; } else { bcglow=wasglow;  this.className='glow'; ciss=' class=glow'; xciss=' class=cglow';   } glowit();  " style="cursor:pointer;text-decoration:none;" title="Click to toggle glow mode"&gt;,&lt;/a&gt; 2019 ... Thanks to &lt;a style='display:inline-block;' target=_blank id=amr title='Enjoy CSS' href='https://enjoycss.com/'&gt;Online CSS3 Code Generator With a Simple Graphical Interface - EnjoyCSS&lt;/a&gt;&nbsp;&nbsp;&lt;table id=mytable style='display:inline-block;'&gt;&lt;tr&gt;&lt;td&gt;Make &lt;select ontouchdown='event.stopPropagation();' onmousedown='event.stopPropagation();' id='selroom'&gt;&lt;option value=''&gt;Room&lt;/option&gt;&lt;option value='-'&gt;Less Room&lt;/option&gt;&lt;/select&gt; at the ...&lt;/td&gt;&lt;td&gt;&lt;input ontouchdown='event.stopPropagation(); makeroom(0);' onmousedown='event.stopPropagation(); makeroom(0);' type=button value='Left'&gt;&lt;/input&gt;&lt;/td&gt;&lt;td&gt;&lt;input ontouchdown='event.stopPropagation(); makeroom(1);' onmousedown='event.stopPropagation(); makeroom(1);' type=button value='Top'&gt;&lt;/input&gt;&lt;/td&gt;&lt;td&gt;&lt;input ontouchdown='event.stopPropagation(); makeroom(2);' onmousedown='event.stopPropagation(); makeroom(2);' type=button value='Right'&gt;&lt;/input&gt;&lt;/td&gt;&lt;td&gt;&lt;input ontouchdown='event.stopPropagation(); makeroom(3);' onmousedown='event.stopPropagation(); makeroom(3);' type=button value='Bottom'&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/h3&gt;<br>&lt;h4 id='instruction' onclick='notc();'&gt;&lt;div onclick='notc();' style='display:inline-block;' id=secpoint&gt;&lt;/div&gt;Click where you want "&lt;div onclick=" if (this.innerHTML.length == 0) { wording=cat; } bodyclick=false; nonbodyclick=-2; setTimeout(resetit,1000); " style='display:inline-block;background-color:pink;' id=dstart contenteditable=true onblur="wording=tfc(this.innerHTML); " title="What wording do you want? (~ is carriage return) ... optional (space to) URL will be a background image (append ' /browse' to browse for background image) ... later an #ffffff type of colour can change a background colour (should the colour picker not work)"&gt;Start&lt;/div&gt;" to be placed&lt;span id=myh4&gt;&lt;/span&gt;&lt;div id="dsave" style="display:inline-block;"&gt;&lt;/div&gt;&lt;/h4&gt;<br>&lt;!--div id="dsave"&gt;&lt;/div--&gt;<br>&lt;br&gt;&lt;/div&gt;<br>&lt;div id="diamond" class="diamond" style='display:none;'&gt;&lt;/div&gt;&lt;div id="oval" class="oval" style='display:none;'&gt;&lt;/div&gt;&lt;div id="rectangle" class="rectangle" style='display:none;'&gt;&lt;/div&gt;&lt;div id="circle" class="circle" style='display:none;'&gt;&lt;/div&gt;<br>&lt;div id="dcontent"&gt;&lt;div id="dheader"&gt;&lt;/div&gt;&lt;/div&gt;<br>&lt;div id="dcontentd"&gt;&lt;/div&gt;<br>&lt;div id="dcontother"&gt;&lt;/div&gt;<br>&lt;div id="dstyle"&gt;&lt;/div&gt;<br>&lt;input type=text style='position:absolute;top:-200px;left:-200px;' value=''&gt;&lt;/input&gt;<br>&lt;iframe id=overlayif name=overlayif style='display:none;' src=&gt;&lt;/iframe&gt;<br>&lt;iframe id=iemail name=iemail style='display:none;' src="//www.rjmprogramming.com.au/HTMLCSS/emailhtml.php"&gt;&lt;/iframe&gt;<br>&lt;a target=_blank id=aiemail name=iemail style='display:none;' href="mailto:"&gt;Email&lt;/a&gt;<br>&lt;p&gt;&lt;/p&gt;<br>&lt;/body&gt;<br>&lt;/html&gt;<br>