<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta id='myviewport' name='viewport' content='width=device-width, initial-scale=1, minimum-scale=0.1, maximum-scale=8, user-scalable=yes' >
<title>Interfacing to Google Charts Image Chart Venn Chart or Scatter Chart or GraphViz Chart - RJM Programming - November, 2023 ... thanks to https://stackoverflow.com/questions/18012420/draw-diagonal-lines-in-div-background-with-css</title>
<style>
html body { margin: 0 0 0 0; }
table { margin: 0 0 0 0; }
Given thattr { margin: 0 0 0 0; }
#tdleft { margin: 0 0 0 0; }
#myvenn { margin: 0 0 0 0; border-right: 1px dotted pink; border-bottom: 1px dotted pink; }
#dtext { margin: 0 0 0 0; }
.orect { margin: 0 0 0 0; }
.crect { margin: 0 0 0 0; }
.crerect { margin: 0 0 0 0; }
.ocirc { margin: 0 0 0 0; }
.ccirc { margin: 0 0 0 0; }
html body { padding: 0 0 0 0; }
table { padding: 0 0 0 0; }
tr { padding: 0 0 0 0; }
#tdleft { padding: 0 0 0 0; background-color: #eeeeee; background-image: url('//developers.google.com/static/chart/image/images/chart_172.png'); background-repeat: no-repeat; background-size: contain; }
#myvenn { padding: 0 0 0 0; }
#dtext { padding: 0 0 0 0; }
.orect { padding: 0 0 0 0; }
.crect { padding: 0 0 0 0; }
.crerect { padding: 0 0 0 0; }
.ocirc { padding: 0 0 0 0; }
.ccirc { padding: 0 0 0 0; }
canvas { padding: 0 0 0 0; margin: 0 0 0 0; border-top: 1px dotted pink; border-right: 1px dotted pink; border-bottom: 1px dotted pink; }
#fsangle { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewport='0 0 100 100' style='font-family:Verdana;font-size:10px;'><text y='50%'> \00B0</text></svg>"); background-repeat: no-repeat; background-position: center right; }
button { border-radius: 300px; padding: 1 12 1 12; }
.crossedtotl {
background:
linear-gradient(to top left,
rgba(127,127,127,0) 0%,
rgba(127,127,127,0) calc(50% - 0.8px),
rgba(127,127,127,1) 50%,
rgba(127,127,127,0) calc(50% + 0.8px),
rgba(127,127,127,0) 100%);
}
.crossedtotr {
background:
linear-gradient(to top right,
rgba(127,127,127,0) 0%,
rgba(127,127,127,0) calc(50% - 0.8px),
rgba(127,127,127,1) 50%,
rgba(127,127,127,0) calc(50% + 0.8px),
rgba(127,127,127,0) 100%);
}
.boldoption {
font-weight: bold;
}
</style>
<script type=text/javascript>
var venn_def="graph V {~~ node [shape=circle fontsize=12]~~ A [height=1 fillcolor=\"#90806090\" style=\"filled\" pos=\"184,144\" label=\"\" xlabel=\"A\" xlp=\"184,144\"]~~ B [height=1 fillcolor=\"#82927290\" style=\"filled\" pos=\"236,144\" label=\"\" xlabel=\"B\" xlp=\"232,150\"]~~ C [height=1 fillcolor=\"#66b69690\" style=\"filled\" pos=\"209,96\" label=\"\" xlabel=\"C\" xlp=\"202,96\"]~~ mylabelABC [shape=plaintext pos=\"0,0\" label=\"\" xlabel=\"\" xlp=\"210,126\"]~~ mylabelAB [shape=plaintext pos=\"0,0\" label=\"\" xlabel=\"\" xlp=\"210,148\"]~~ mylabelAC [shape=plaintext pos=\"0,0\" label=\"\" xlabel=\"\" xlp=\"200,120\"]~~ mylabelBC [shape=plaintext pos=\"0,0\" label=\"\" xlabel=\"\" xlp=\"220,120\"]~~ mylabel [shape=plaintext pos=\"0,0\" label=\"\" xlabel=\"My Venn Diagram\" xlp=\"84,160\"]~~}~~##";
var imagechartthere=true, exstring='', exstr='';
var alturl='';
var vals=[];
var firstpromptvenn=false;
var thescript='<scr' + 'ipt type="text/javascript">' + String.fromCharCode(10) + ' function youralert(othiso, oblurbo) { ' + String.fromCharCode(10) + " var yesno=confirm('' + oblurbo); " + String.fromCharCode(10) + String.fromCharCode(10) + ' } ' + String.fromCharCode(10) + '</sc' + 'ript>';
var scripteditor=' <details style=display:inline-block; id=detsed title="Edit your image event logic" onclick="fillindetsed(this);"><summary id=sumsed title="Edit your image event logic"><img title="Edit your image event logic" src=/MarkItUp/greenpen.png></img></summary></details>';
var done=false;
var pjsbih='', lastpjsbih='';
var prefixandon='';
var dtextis='dtext';
var obsuffix='';
var pretherest='';
var wasthing='', wasid='';
var newtherest='';
var tmod='';
var colchange='';
var cht=location.search.split('cht=')[1] ? decodeURIComponent(location.search.split('cht=')[1].split('&')[0]) : "b"; //"v";
if ((cht + ' ').substring(0,1) == 'p' && cht != 'p') { pretherest=cht.substring(1); }
//if ((cht + ' ').substring(0,2) == 'bv' && cht != 'bv') { pretherest=cht.substring(2); if (1 == 1) { cht='bv'; } }
if ((cht + ' ').substring(0,1) == 'bv'.substring(0,1) && cht != 'bv'.substring(0,1)) { pretherest=cht.substring(1); if (1 == 1) { cht='bv'.substring(0,1); } }
if ((cht + ' ').substring(0,1) == 'l' && cht != 'l') { pretherest=cht.substring(1); if (1 == 1) { cht='l'; } }
if ((cht + ' ').substring(0,1) == 'r' && cht != 'r') { pretherest=cht.substring(1); if (1 == 1) { cht='r'; } }
var ccode=location.search.split('chld=')[1] ? decodeURIComponent(location.search.split('chld=')[1].split('&')[0]) : "";
var ctype=location.search.split('type=')[1] ? decodeURIComponent(location.search.split('type=')[1].split('&')[0]) : cht;
var cname=(ctype.substring(0,1) == 'v' ? 'Venn Chart' : (ctype == 's' ? 'Scatter Chart' : (ctype == 'gv' ? 'GraphViz Chart' :
(ctype.substring(0,1) == 'p' ? 'Pie Chart' :
((ctype + ' ').substring(0,2).substring(0,1) == 'bv'.substring(0,1) ? 'Bar Chart' : (ctype.substring(0,1) == 'l' ? 'Line Chart' :
(ctype == 'map' ? 'Map Chart' :
(ctype == 'gom' ? 'Google-O-Meter Chart' :
(ctype == 'r' ? 'Radar Chart' :
'')))))))));
var cencodename=(ctype.substring(0,1) == 'v' ? 'Venn%20Diagram' : (ctype == 's' ? 'Scatter%20Chart' : (ctype == 'gv' ? 'GraphViz%20Chart' :
(ctype.substring(0,1) == 'p' ? 'Pie%20Chart' :
((ctype + ' ').substring(0,2).substring(0,1) == 'bv'.substring(0,1) ? 'Bar%20Chart' : (ctype.substring(0,1) == 'l' ? 'Line%20Chart' :
(ctype == 'map' ? 'Map%20Chart' :
(ctype == 'gom' ? 'Google-O-Meter%20Chart' :
(ctype == 'r' ? 'Radar%20Chart' :
'')))))))));
var chdt=(ctype.substring(0,1) == 'v' ? '&chd=t:' : (ctype == 's' ? '&chd=t:' : (ctype == 'gv' ? '&chl=' :
(ctype.substring(0,1) == 'p' ? pretherest + '&chd=t:' :
((ctype + ' ').substring(0,2).substring(0,1) == 'bv'.substring(0,1) ? '&chd=t:' : (ctype.substring(0,1) == 'l' ? '&chd=t:' :
(ctype == 'map' ? '' :
(ctype == 'gom' ? '&chd=t:' :
(ctype == 'r' ? pretherest + '&chd=t:' :
'')))))))));
var chdeq=(ctype.substring(0,1) == 'v' ? '&chd=' : (ctype == 's' ? '&chd=' : (ctype == 'gv' ? '&chl=' :
(ctype.substring(0,1) == 'p' ? '&chd=' :
((ctype + ' ').substring(0,2).substring(0,1) == 'bv'.substring(0,1) ? '&chd=' : (ctype.substring(0,1) == 'l' ? '&chd=' :
(ctype == 'map' ? '&chld=' :
(ctype == 'gom' ? '&chld=' :
(ctype == 'r' ? '&chd=' :
'')))))))));
var tc=(ctype.substring(0,1) == 'v' ? 't:' : (ctype == 's' ? 't:' : (ctype == 'gv' ? '' :
(ctype.substring(0,1) == 'p' ? 't:' :
((ctype + ' ').substring(0,2).substring(0,1) == 'bv'.substring(0,1) ? 't:' : (ctype.substring(0,1) == 'l' ? 't:' :
(ctype == 'map' ? '' :
(ctype == 'gom' ? 't:' :
(ctype == 'r' ? 't:' :
'')))))))));
var chdl=(ctype.substring(0,1) == 'v' ? '&chdl=' : (ctype == 's' ? '&chdl=' : (ctype == 'gv' ? '' :
(ctype.substring(0,1) == 'p' ? '&chdl=' :
((ctype + ' ').substring(0,2).substring(0,1) == 'bv'.substring(0,1) ? '&chbh=' : (ctype.substring(0,1) == 'l' ? '&chbh=' :
(ctype == 'map' ? '' :
(ctype == 'gom' ? '&chdl=' :
(ctype == 'r' ? '&chxt=x&chxl=' :
'')))))))));
var prenchtt=(ctype.substring(0,1) == 'v' ? venn_def.replace(/\ \&\ /g, ' and ') + '100,80,60,30,30,30,10' : (ctype == 's' ? '12,87,75,41,23,96,68,71,34,9|98,60,27,34,56,79,58,74,18,76|84,23,69,81,47,94,60,93,64,54' : (ctype == 'gv' ? 'graph{C_0--H_0[type=s];C_0--H_1[type=s];C_0--H_2[type=s];C_0--C_1[type=s];C_1--H_3[type=s];C_1--H_4[type=s];C_1--H_5[type=s]}' :
(ctype.substring(0,1) == 'p' ? '1,2,3,4' :
((ctype + ' ').substring(0,2).substring(0,1) == 'bv'.substring(0,1) ? '5,5,5|10,10,10|15,15,15' : (ctype.substring(0,1) == 'l' ? '5,45,5|10,60,10|15,85,15' :
(ctype == 'map' ? '' :
(ctype == 'gom' ? '20,40,60' :
(ctype == 'r' ? '10,20,30,40,50' :
'')))))))));
var preachtt=(ctype.substring(0,1) == 'v' ? 'A|B|C' : (ctype == 's' ? 'Cats|Dogs' : (ctype == 'gv' ? '' :
(ctype.substring(0,1) == 'p' ? 'January|February|March|April' :
((ctype + ' ').substring(0,2).substring(0,1) == 'bv'.substring(0,1) ? '15,4,15' : (ctype.substring(0,1) == 'l' ? '15,4,15' :
(ctype == 'map' ? '' :
(ctype == 'gom' ? 'A|B|C' :
(ctype == 'r' ? '0:|1|2|3|4|5|6' :
'')))))))));
var defchco=(ctype.substring(0,1) == 'v' ? 'ff0000,00ff00,0000ff' : (ctype == 's' ? 'FF0000|0000FF&chxt=x,y' : (ctype == 'gv' ? '' :
(ctype.substring(0,1) == 'p' ? 'ff0000,00ff00,0000ff,ff00ff' :
((ctype + ' ').substring(0,2).substring(0,1) == 'bv'.substring(0,1) ? '4D89F9,C6D9FD,C6FDD9&chxt=x,y' : (ctype.substring(0,1) == 'l' ? '3D89F9.B6D9FD,B6FDD9&chxt=x,y' :
(ctype == 'map' ? '' :
(ctype == 'gom' ? 'ff0000,00ff00,0000ff' :
(ctype == 'r' ? 'FF0000,FF9900,ff0a00,00ffb0,000cff' :
'')))))))));
var prechtt=(ctype.substring(0,1) == 'v' ? chdt + prenchtt + chdl + preachtt : (ctype == 's' ? chdt + prenchtt + chdl + preachtt + '&chxt=x,y' : (ctype == 'gv' ? chdt + prenchtt :
(ctype.substring(0,1) == 'p' ? chdt + prenchtt + chdl + preachtt :
((ctype + ' ').substring(0,2).substring(0,1) == 'bv'.substring(0,1) ? chdt + prenchtt + chdl + preachtt : (ctype.substring(0,1) == 'l' ? chdt + prenchtt + chdl + preachtt :
(ctype == 'map' ? '' :
(ctype == 'gom' ? chdt + prenchtt + chdl + preachtt :
(ctype == 'r' ? chdt + prenchtt + chdl + preachtt :
'')))))))));
var promptone=(ctype.substring(0,1) == 'v' ? "Enter delimited values string for Venn Diagram such that ... " + String.fromCharCode(10) + "For QuickCharts adjust the Dot code (where ~~ is line feed and wording is controlled via those xlabel attributes (within which \\n can signify a line feed) for maximum of 3 circles) and where hashes separate the Google Charts Image Chart Venn Chart first three values specify the sizes of three circles: A, B, & C. For chart with only two circles, specify zero for the third value." + String.fromCharCode(10) + "The fourth value specifies the size of the intersection of A and B." + String.fromCharCode(10) + "The fifth value specifies the size of the intersection of A and C. For a chart with only two circles, do not specify a value here." + String.fromCharCode(10) + "The sixth value specifies the size of the intersection of B and C. For a chart with only two circles, do not specify a value here." + String.fromCharCode(10) + "The seventh value specifies the size of the common intersection of A, B, and C. For a chart with only two circles, do not specify a value here." + String.fromCharCode(10) + String.fromCharCode(10) + "" : (ctype == 's' ? "Enter delimited values string for Scatter Chart" : (ctype == 'gv' ? "Enter delimited values string for GraphViz Chart" :
(ctype.substring(0,1) == 'p' ? "Enter delimited values string for Pie Chart" :
((ctype + ' ').substring(0,2).substring(0,1) == 'bv'.substring(0,1) ? "Enter v for Vertical or h for Horizontal then one of g for Group or s for Stacked or o for Overlapped Bar Chart look then a space and then enter delimited values string for Bar Chart. Here is a Candlestick and horizontal Bar Chart idea eg. hg 1:20,10,15,25,17,30|0,5,10,7,12,6|35,25,45,47,24,46|15,40,30,27,39,54|70,55,63,59,80,6 Here is a vertical Bar Chart and Box Chart idea vs 1:-1,5,10,7,12,-1|-1,25,30,27,24,-1|-1,40,45,47,39,-1|-1,55,63,59,80,-1|-1,30,40,35,30,-1|-1,-1,5,70,90,-1|-1,-1,-1,80,5,-1&chm=F,FF9900,0,1:4,40|H,0CBF0B,0,1:4,1:20|H,000000,4,1:4,1:40|H,0000FF,3,1:4,1:20|o,FF0000,5,-1,7|o,FF0000,6,-1,7 Prefix just the delimited string you enter by 1: to additionally display Candlestick/Box Charts or by 0: to only display Candlestick/Box Chart" :
(ctype.substring(0,1) == 'l' ? "Enter c for Even or s for Sparklines or xy for Just XY Line Chart look then a space and then enter delimited values string for Line Chart. Here is a Candlestick and Line Chart idea eg. c 1:20,10,15,25,17,30|0,5,10,7,12,6|35,25,45,47,24,46|15,40,30,27,39,54|70,55,63,59,80,6 Here is a Line Chart and Box Chart idea s 1:-1,5,10,7,12,-1|-1,25,30,27,24,-1|-1,40,45,47,39,-1|-1,55,63,59,80,-1|-1,30,40,35,30,-1|-1,-1,5,70,90,-1|-1,-1,-1,80,5,-1&chm=F,FF9900,0,1:4,40|H,0CBF0B,0,1:4,1:20|H,000000,4,1:4,1:40|H,0000FF,3,1:4,1:20|o,FF0000,5,-1,7|o,FF0000,6,-1,7 Prefix just the delimited string you enter by 1: to additionally display Candlestick/Box Charts or by 0: to only display Candlestick/Box Chart" :
(ctype == 'map' ? "" :
(ctype == 'gom' ? "Enter delimited values string for Google-O-Meter Chart" :
(ctype == 'r' ? "Enter delimited values string for Radar Chart but prefix with an s for smooth lines" :
"")))))))));
var oneprompt=(ctype.substring(0,1) == 'v' ? "Enter delimited values string for your Venn Diagram collaborations, optionally, such that ... " + String.fromCharCode(10) + "For QuickCharts adjust the Dot code (where ~~ is line feed) where hash separates the Google Charts Image Chart Venn Chart first three values specify the sizes of three circles: A, B, & C. For chart with only two circles, specify zero for the third value." + String.fromCharCode(10) + "The fourth value specifies the size of the intersection of A and B." + String.fromCharCode(10) + "The fifth value specifies the size of the intersection of A and C. For a chart with only two circles, do not specify a value here." + String.fromCharCode(10) + "The sixth value specifies the size of the intersection of B and C. For a chart with only two circles, do not specify a value here." + String.fromCharCode(10) + "The seventh value specifies the size of the common intersection of A, B, and C. For a chart with only two circles, do not specify a value here." + String.fromCharCode(10) + String.fromCharCode(10) + "" : (ctype == 's' ? "Enter delimited values string for Scatter Chart" : (ctype == 'gv' ? "Enter delimited values string for GraphViz Chart" :
(ctype.substring(0,1) == 'p' ? "Enter delimited values string for Pie Chart" :
((ctype + ' ').substring(0,2).substring(0,1) == 'bv'.substring(0,1) ? "Enter g for Grouped or s for Stacked or o for Overlapped Bar Chart look then a space and then enter delimited values string for Bar Chart. Here is a Candlestick and Bar Chart idea eg. g 1:20,10,15,25,17,30|0,5,10,7,12,6|35,25,45,47,24,46|15,40,30,27,39,54|70,55,63,59,80,6 Here is a vertical Bar Chart and Box Chart idea vs 1:-1,5,10,7,12,-1|-1,25,30,27,24,-1|-1,40,45,47,39,-1|-1,55,63,59,80,-1|-1,30,40,35,30,-1|-1,-1,5,70,90,-1|-1,-1,-1,80,5,-1&chm=F,FF9900,0,1:4,40|H,0CBF0B,0,1:4,1:20|H,000000,4,1:4,1:40|H,0000FF,3,1:4,1:20|o,FF0000,5,-1,7|o,FF0000,6,-1,7 Prefix just the delimited string you enter by 1: to additionally display Candlestick/Box Charts or by 0: to only display Candlestick/Box Chart" :
(ctype.substring(0,1) == 'l' ? "Enter c for Even or s for Sparklines or xy for Just XY Line Chart look then a space and then enter delimited values string for Line Chart. Here is a Candlestick and Line Chart idea eg. c 1:20,10,15,25,17,30|0,5,10,7,12,6|35,25,45,47,24,46|15,40,30,27,39,54|70,55,63,59,80,6 Here is a Line Chart and Box Chart idea s 1:-1,5,10,7,12,-1|-1,25,30,27,24,-1|-1,40,45,47,39,-1|-1,55,63,59,80,-1|-1,30,40,35,30,-1|-1,-1,5,70,90,-1|-1,-1,-1,80,5,-1&chm=F,FF9900,0,1:4,40|H,0CBF0B,0,1:4,1:20|H,000000,4,1:4,1:40|H,0000FF,3,1:4,1:20|o,FF0000,5,-1,7|o,FF0000,6,-1,7 Prefix just the delimited string you enter by 1: to additionally display Candlestick/Box Charts or by 0: to only display Candlestick/Box Chart" :
(ctype == 'map' ? "" :
(ctype == 'gom' ? "Enter delimited values string for Google-O-Meter Chart" :
(ctype == 'r' ? "Enter delimited values string for Radar Chart but prefix with an s for smooth lines" :
"")))))))));
var asktwo=(ctype.substring(0,1) == 'v' ? true : (ctype == 's' ? true : (ctype == 'gv' ? false :
(ctype.substring(0,1) == 'p' ? true :
((ctype + ' ').substring(0,2).substring(0,1) == 'bv'.substring(0,1) ? true : (ctype.substring(0,1) == 'l' ? true :
(ctype == 'map' ? false :
(ctype == 'gom' ? true :
(ctype == 'r' ? true :
false)))))))));
var answersuffix=(ctype.substring(0,1).replace('m','l').replace('b','l').replace('r','l') == 'l' ? '. Please note that optional Dynamic Icons are available via a suffixing string example applied to the second data point such as &chem=y;s=bubble_icon_text_small;d=ski,bb,Wheeee!,FFFFFF;dp=1;ds=0 ' : '');
var agvoh='';
var twopb=(ctype.substring(0,1) == 'p' ? 'Any optional legend or title argument snippets? Optionally prefix by 3 for 3d Pie Chart or by c for Concentric Pie Chart. Eg. 3' + chdl + preachtt + '&chtt=My%20' + cencodename + '&chco=' + defchco : 'Any optional legend or title argument snippets? Eg. ' + chdl + preachtt + '&chtt=My%20' + cencodename + '&chco=' + defchco);
var beforeanswer=(ctype.substring(0,1) == 'l' ? 'c ' : ((ctype + ' ').substring(0,2).substring(0,1) == 'bv'.substring(0,1) ? 'vg ' : ''));
var emsmlist='';
if ((document.URL.toLowerCase().indexOf('chd=t%3a') == -1 && document.URL.toLowerCase().indexOf('chd=t:') == -1) && document.URL.toLowerCase().indexOf('chd=t') != -1 && document.URL.toLowerCase().indexOf('%3a') != -1) {
tmod=document.URL.toLowerCase().split('chd=t')[1].split('%3')[0];
//tc='t' + tmod + ':';
//chdt=chdt.replace('t:', 't' + tmod + ':');
//answer=answer.trim().replace(tmod + ':','');
//therest+='&chm=F,,1,1:4,20';
} else if ((document.URL.toLowerCase().indexOf('chd=t%3a') == -1 && document.URL.toLowerCase().indexOf('chd=t:') == -1) && document.URL.toLowerCase().indexOf('chd=t') != -1 && document.URL.toLowerCase().substring(8).indexOf(':') != -1) {
tmod=document.URL.toLowerCase().split('chd=t')[1].split(':')[0];
//tc='t' + tmod + ':';
//chdt=chdt.replace('t:', 't' + tmod + ':');
//answer=answer.trim().replace(tmod + ':','');
//therest+='&chm=F,,1,1:4,20';
}
var atend="<canvas id=sharecanvas style=display:none;></canvas><input type=hidden id=uniquifier value=''></input><input type=hidden id=emlist value=''></input><a style=display:none; id=ainvite href='mailto:?subject=Demonstration%20of%20Interfacing%20to%20Google%20Charts%20Image%20Chart%20" + encodeURIComponent(cname) + "%20via%20" + encodeURIComponent('RJM Programming') + "%20...&body='>Invite</a><a style=display:none; id=sinvite href='sms:&body='>Invite</a><iframe name=fif id=fif style=display:none; src=//www.rjmprogramming.com.au/ITblog/550/350/?huh=huh></iframe><form target=fif id=postcc action='//www.rjmprogramming.com.au/ITblog/" + Math.min(550,window.innerWidth) + "/" + Math.min(350,window.innerHeight) + "/?cht=" + ctype + "' method=POST style=display:none;><input type=hidden id=canvcont name=canvcont value=''></input><input style=display:none; type=submit id=subcc></input></form><div style=display:none;><label for='shareurl'><input type=button onclick='downloadmaybe(); shareurl();' id='sbut' value='Share URL Link'></input>: </label><input onblur=changeu(this.value); title='Suffix by hashtag 1 is text and hashtag 2 is title' style='width:45%;' type=url value='' placeholder='https://www.rjmprogramming.com.au/ITblog/#RJM Programming Blog#IT Blog' id=shareurl ondblclick='this.value=trythis(this.placeholder);'></input><br><br><span> ... and/or ... </span><br><br><label for='files'><input type=button onclick=document.getElementById('share').click(); value='Share media or document files'></input>: </label><input id='files' type='file' accept='image/*,video/*,audio/*,application/*,text/*' multiple></div><br><br><button id='share' type='button'>Share your media or documents or link!</button><output id='output'></output><scr" + "ipt type='text/javascript' src='/web_share_api_test.js?canv" + "asshare=as_necessary9867654' defer></scr" + "ipt>";
atend='';
atend="<div id=dmap><map name='mymap' id='mymap'><area id=adef onclick=defclick(event); shape='default' nohref></map>" + thescript + "</div><iframe onload=sofarpj(this); id=pjs style=display:none; src='//www.rjmprogramming.com.au/presentation.json?rand=" + Math.floor(Math.random() * 19878675) + "'></iframe><input type=hidden id=emlist value=''></input><a style=display:none; id=ainvite href='mailto:?subject=Demonstration%20of%20Interfacing%20to%20Google%20Charts%20Image%20Chart%20" + encodeURIComponent(cname) + "%20via%20" + encodeURIComponent('RJM Programming') + "%20...&body='>Invite</a><a style=display:none; id=sinvite href='sms:&body='>Invite</a><iframe name=fif id=fif style=display:none; src=//www.rjmprogramming.com.au/ITblog/550/350/?huh=huh></iframe><form target=fif id=postcc action='//www.rjmprogramming.com.au/ITblog/" + Math.min(550,window.innerWidth) + "/" + Math.min(350,window.innerHeight) + "/?cht=" + ctype + "' method=POST style=display:none;><input type=hidden id=uniquifier name=uniquifier value=''></input><input type=hidden id=mapstuff name=mapstuff value=''></input><input type=hidden id=canvcont name=canvcont value=''></input><input style=display:none; type=submit id=subcc></input></form>"; //"<div style=display:none;><label for='shareurl'><input type=button onclick='downloadmaybe(); shareurl();' id='sbut' value='Share URL Link'></input>: </label><input onblur=changeu(this.value); title='Suffix by hashtag 1 is text and hashtag 2 is title' style='width:45%;' type=url value='' placeholder='https://www.rjmprogramming.com.au/ITblog/#RJM Programming Blog#IT Blog' id=shareurl ondblclick='this.value=trythis(this.placeholder);'></input><br><br><span> ... and/or ... </span><br><br><label for='files'><input type=button onclick=document.getElementById('share').click(); value='Share media or document files'></input>: </label><input id='files' type='file' accept='image/*,video/*,audio/*,application/*,text/*' multiple></div><br><br><button id='share' type='button'>Share your media or documents or link!</button><output id='output'></output><scr" + "ipt type='text/javascript' src='/web_share_api_test.js?canv" + "asshare=as_necessary9867654' defer></scr" + "ipt>";
thescript=location.search.split('cht=')[1] ? decodeURIComponent(location.search.split('cht=')[1].split('&')[0]) : thescript;
var findout=false;
var jufr='';
var vso=null;
try {
if (window.parent) { vso=window.parent; }
} catch(exc) {
vso=null;
}
if (vso != window) {
if (parent.document.URL.indexOf('/ITblog') != -1) {
if (chd != '') {
atend=atend;
} else {
atend="<div id=dmap><map name='mymap' id='mymap'><area id=adef onclick=\" defclick(event); if (!done) { done=false; if (atstart) { normalcall=false; ask(null); normalcall=true; atstart=false; } else { ask(event); } } \" shape='default' nohref>" + thescript + "</map></div><iframe onload=sofarpj(this); id=pjs style=display:none; src='//www.rjmprogramming.com.au/presentation.json?rand=" + Math.floor(Math.random() * 19878675) + "'></iframe><input type=hidden id=emlist value=''></input><a style=display:none; id=ainvite href='mailto:?subject=Demonstration%20of%20Interfacing%20to%20Google%20Charts%20Image%20Chart%20" + encodeURIComponent(cname) + "%20via%20" + encodeURIComponent('RJM Programming') + "%20...&body='>Invite</a><a style=display:none; id=sinvite href='sms:&body='>Invite</a><iframe name=fif id=fif style=display:none; src=//www.rjmprogramming.com.au/ITblog/550/350/?huh=huh></iframe><form target=fif id=postcc action='//www.rjmprogramming.com.au/ITblog/" + Math.min(550,window.innerWidth) + "/" + Math.min(350,window.innerHeight) + "/?cht=" + ctype + "' method=POST style=display:none;><input type=hidden id=uniquifier name=uniquifier value=''></input><input type=hidden id=mapstuff name=mapstuff value=''></input><input type=hidden id=canvcont name=canvcont value=''></input><input style=display:none; type=submit id=subcc></input></form>"; //"<div style=display:none;><label for='shareurl'><input type=button onclick='downloadmaybe(); shareurl();' id='sbut' value='Share URL Link'></input>: </label><input onblur=changeu(this.value); title='Suffix by hashtag 1 is text and hashtag 2 is title' style='width:45%;' type=url value='' placeholder='https://www.rjmprogramming.com.au/ITblog/#RJM Programming Blog#IT Blog' id=shareurl ondblclick='this.value=trythis(this.placeholder);'></input><br><br><span> ... and/or ... </span><br><br><label for='files'><input type=button onclick=document.getElementById('share').click(); value='Share media or document files'></input>: </label><input id='files' type='file' accept='image/*,video/*,audio/*,application/*,text/*' multiple></div><br><br><button id='share' type='button'>Share your media or documents or link!</button><output id='output'></output><scr" + "ipt type='text/javascript' src='/web_share_api_test.js?canv" + "asshare=as_necessary9867654' defer></scr" + "ipt>";
}
}
} else if (chd != '') {
atend="<div id=dmap><map name='mymap' id='mymap'><area id=adef onclick=\" defclick(event); if (!done) { done=false; if (atstart) { normalcall=false; ask(null); normalcall=true; atstart=false; } else { ask(event); } } \" shape='default' nohref>" + thescript + "</map></div><iframe onload=sofarpj(this); id=pjs style=display:none; src='//www.rjmprogramming.com.au/presentation.json?rand=" + Math.floor(Math.random() * 19878675) + "'></iframe><input type=hidden id=emlist value=''></input><a style=display:none; id=ainvite href='mailto:?subject=Demonstration%20of%20Interfacing%20to%20Google%20Charts%20Image%20Chart%20" + encodeURIComponent(cname) + "%20via%20" + encodeURIComponent('RJM Programming') + "%20...&body='>Invite</a><a style=display:none; id=sinvite href='sms:&body='>Invite</a><iframe name=fif id=fif style=display:none; src=//www.rjmprogramming.com.au/ITblog/550/350/?huh=huh></iframe><form target=fif id=postcc action='//www.rjmprogramming.com.au/ITblog/" + Math.min(550,window.innerWidth) + "/" + Math.min(350,window.innerHeight) + "/?cht=" + ctype + "' method=POST style=display:none;><input type=hidden id=uniquifier name=uniquifier value=''></input><input type=hidden id=mapstuff name=mapstuff value=''></input><input type=hidden id=canvcont name=canvcont value=''></input><input style=display:none; type=submit id=subcc></input></form>"; //"<div style=display:none;><label for='shareurl'><input type=button onclick='downloadmaybe(); shareurl();' id='sbut' value='Share URL Link'></input>: </label><input onblur=changeu(this.value); title='Suffix by hashtag 1 is text and hashtag 2 is title' style='width:45%;' type=url value='' placeholder='https://www.rjmprogramming.com.au/ITblog/#RJM Programming Blog#IT Blog' id=shareurl ondblclick='this.value=trythis(this.placeholder);'></input><br><br><span> ... and/or ... </span><br><br><label for='files'><input type=button onclick=document.getElementById('share').click(); value='Share media or document files'></input>: </label><input id='files' type='file' accept='image/*,video/*,audio/*,application/*,text/*' multiple></div><br><br><button id='share' type='button'>Share your media or documents or link!</button><output id='output'></output><scr" + "ipt type='text/javascript' src='/web_share_api_test.js?canv" + "asshare=as_necessary9867654' defer></scr" + "ipt>";
} else {
atend=atend;
}
var annowin=null, myfscol='', tcolbit='', origmap='';
var agscript="<canvas id=agcanvas style=display:none;></canvas>";
//"<scr" + "ipt type=text/javascript> v" + "ar ii=0, uniquif='', snapshots=[], elem=null, elemcontext=null, oimg=null; functi" + "on canvinit() { alert(43); elem=document.getElementById('agcanvas'); elemcontext=elem.getContext('2d'); elem.width=elem.width; elemcontext.drawImage(document.getElementById('talkimg'),0,0); if (ii == 0) { snapshots.push(elem.toDataURL()); document.getElementById('tdtr').style.background='url(' + snapshots[ii] + ');'; ii=1; setInterval(canvinit, 9000); } else { elem.width=elem.width; elemcontext.drawImage(document.getElementById('talkimg'),0,0); if (document.getElementById('tdtr').outerHTML.indexOf(elem.toDataURL()) == -1) { snapshots.push(elem.toDataURL()); document.getElementById('tdtr').style.background+=',url(' + snapshots[ii] + ');'; ii++; } } } setTime" + "out(canvinit, 3000); </scr" + "ipt>";
//while (agscript.indexOf(String.fromCharCode(10)) != -1) {
// agscript=agscript.replace(String.fromCharCode(10), ' ');
//}
var singhex='#777777';
var singcword='gray';
var singrval=127;
var singgval=127;
var singbval=127;
var fsx='0', fsxcss='';
var lastbit=" <button title='Other complex canvas annotation functionalities (forgoes the simpler ones above) ...' id=annobut onclick=\"document.getElementById('tdleft').style.verticalAlign='top'; setTimeout(prerepaint, 12000); if (arest.length != 0) { if (document.getElementById('myvenn').src.indexOf(arest) == -1) { pdivhide(); document.getElementById('myvenn').src=lessthannt(document.getElementById('myvenn').src.split(arest.substring(0,5))[0] + arest); document.getElementById('tdleft').style.verticalAlign='top'; } } annowin=window.open('/HTMLCSS/user_of_signature_signature.htm?elemode=img','_blank','top=445,left=620,width=900,height=440'); \" style=\"background-color:yellow;display:inline-block;\">More Annotations &<br>Broadcast Talk Possibilities</button><span id=spanprenchtt></span> <div id=sbshare style=display:inline-block;><button id=bshare onclick=repaint(this); style=display:none;>Repaint <font size=1>(but lose sharing emojis above)</font><br>also way to Broadcast Talk</button></div><br><br><div id=divcanvas style=display:none;><canvas id=bottomcanvas></canvas></div>";
var fszbit=' <span id=spanfsz></span><select id=fsz onchange="xfsz=huhnothing(this.value);"><option value=".10">10px</option><option value=".6">6px</option><option value=".8">8px</option><option value=".9">9px</option><option value=".11">11px</option><option value=".12">12px</option><option value=".14">14px</option><option value=".16">16px</option><option value=".18">18px</option><option value=".20">20px</option><option value=".24">24px</option><option value=".30">30px</option><option value=".36">36px</option><option value=".40">40px</option><option value=".48">48px</option><option value=".50">50px</option><option value=".64">64px</option></select> <input onchange="myfscol=hextoninedec(this.value.replace(String.fromCharCode(35),String.fromCharCode(32)).replace(String.fromCharCode(59),String.fromCharCode(32)).trim());" title=\"\" type=color id=fscol value="' + singhex + '"></input> <input onblur=fsxit(this); onchange=fsxit(this); type=number id=fsangle max=359 step=1 min=0 value=' + fsx + ' title=Angle></input>';
var origemailurl='mailto:?subject=My%20' + cencodename + '%20...%20best%20viewed%20in%20landscape%20...&body=';
var origsmsurl='sms:&body=My%20' + cencodename + '%20...%20best%20viewed%20in%20landscape%20...';
var smsee='';
var chd=location.search.split(chdeq)[1] ? (tc + decodeURIComponent(location.search.split(chdeq)[1].split('&')[0])).replace('t:t:', 't:').replace(/^t\:$/g, '') : "";
var therest=location.search.split(chdeq)[1] ? (pretherest + document.URL.split(document.URL.split('#')[0].split(chdeq)[1].split('&')[0])[1].split('#')[0]) : "";
newtherest=((ctype + ' ').substring(0,2).substring(0,1) == 'bv'.substring(0,1) ? therest : '');
var lasttext='';
var textnum=1;
var asmsurl='', aemailurl='', arest='';
var x=-1, y=-1, xx=-1, yy=-1, lastx=-1, lasty=-1;
var atstart=true;
var normalcall=true;
var mvp=null;
var elemLeft=0; // = elem.offsetLeft;
var elemTop=0; // = elem.offsetTop;
var curno=-1;
var needtohave=2;
var curmode=-1;
var xneeds=[], yneeds=[];
var xfsz='.10', fsy='';
var wascont='';
var canvw=0, canvh=0;
var nowcont='';
var celem=null, ccontext=null, cimg=null;
var scelem=null, sccontext=null, scimg=null;
var dorepaint=false;
var eightthousand=16000;
var lastval='';
var myxhr=null, rawhtml='';
var zhr=null, zform=null;
var inbetween='';
var evn=' data-onload=canvit(this); onclick=';
if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) {
// evn=' data-onload=canvit(this); ontouchdown=';
if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPod|Opera Mini|IEMobile/i)) {
inbetween='</tr><tr>';
}
}
var iijk=0, uniquif=''; snapshots=[], elem=null, elemcontext=null, oimg=null, checkforsquare=2;
function tproc(ota) {
//alert(ota.value);
var tag = document.createElement('script');
if (1 == 1) {
obsuffix='&thescript=' + encodeURIComponent(ota.value);
if (document.getElementById('aemail')) {
hrefcheck(document.getElementById('aemail'));
}
//alert('<scr' + 'ipt type="text/javascript"> ' + String.fromCharCode(10) + ota.value + String.fromCharCode(10) + ' </scr' + 'ipt>');
tag.innerHTML = ' <scr'.substring(0,1) + 'ipt type="text/javascript"> '.slice(-1) + String.fromCharCode(10) + ota.value + String.fromCharCode(10) + ' </scr'.substring(0,1) + 'ipt> '.slice(-1);
document.getElementById('dmap').innerHTML=document.getElementById('mymap').outerHTML + ' <scr' + 'ipt type="text/javascript"> ' + String.fromCharCode(10) + ota.value + String.fromCharCode(10) + ' </scr' + 'ipt> ';
}
var firstScriptTag = document.getElementsByTagName('script')[eval(-1 + document.getElementsByTagName('script').length)];
//alert(tag.outerHTML);
firstScriptTag.insertAdjacentElement("afterend", tag);
//alert(ota.value);
document.getElementById('detsed').open=false;
}
function fillindetsed(odet) {
if (odet.innerHTML.split('</summary>')[1] == '') {
document.getElementById('tdleft').style.verticalAlign='top';
var onls=thescript.split('<scr' + 'ipt type="text/javascript">');
var onlstuff=onls[1].split('</sc' + 'ript>')[0];
xonlstuff=onlstuff;
while (xonlstuff.indexOf(String.fromCharCode(9)) != -1) {
xonlstuff=xonlstuff.replace(String.fromCharCode(9), ' ');
}
xonlstuff=xonlstuff.replace(/\ \ \ /g, ' ');
xonlstuff=xonlstuff.replace(/\ \ \ /g, ' ');
xonlstuff=xonlstuff.replace(/\ \ \ /g, ' ');
odet.innerHTML+='<scr' + 'ipt type="text/javascript">' + "<br><textarea onblur=tproc(this); id=tscript rows=100 cols=80 value=\"\">" + xonlstuff + "</textarea><br></script>";
//odet.innerHTML+='<scr' + 'ipt type="text/javascript">' + "<br><textarea onblur=tproc(this); id=tscript rows=100 cols=80 value=''>" + encodeURIComponent(onlstuff) + "</textarea><br></script>";
//document.getElementById('tscript').value=decodeURIComponent(document.getElementById('tscript').innerHTML);
//document.getElementById('tscript').value=xonlstuff;
}
}
function acton(what) {
if (what == '') {
document.getElementById('dmap').innerHTML='';
setTimeout(function(){ document.getElementById('myvenn').removeAttribute('usemap'); }, 200);
//alert('why');
} else {
document.getElementById('dmap').innerHTML=origmap;
document.getElementById('myvenn').useMap=what;
}
return what;
}
function defclick(evt) {
switch ('' + evt.type) {
case 'click':
alert('Welcome to RJM Programming interfacing to Google Charts Image Chart ' + cname);
break;
default:
switch (('' + evt.type + ' ').substring(0,5)) {
case 'mouse':
document.getElementById('myh3').innerHTML='RJM Programming - November, 2023 ... non-mobile mouse event ' + evt.type + ' called by ' + ('' + evt.target.id);
break;
case 'touch':
document.getElementById('myh3').innerHTML='RJM Programming - November, 2023 ... mobile touch event ' + evt.type + ' called by ' + ('' + evt.target.id);
break;
default:
alert(evt.type);
break;
}
break;
}
}
function dummyfsxo(inv) {
return inv;
}
function fsxo(inv) {
var zrs='';
//alert(' fsx=' + fsx + ' and inv=' + inv);
if (fsx == '0') { return inv; }
var extents=document.getElementsByTagName('p');
var minusn=-2;
if (inv == '') {
minusn=-1;
var beforerectex=extents[eval(minusn + extents.length)].getBoundingClientRect();
var wasfsx=fsxcss;
var wasfs=fsxcss.split('translate(');
if (eval('' + wasfs.length) > 1) {
for (var ikj=1; ikj<wasfs.length; ikj++) {
fsxcss=fsxcss.replace('translate(' + wasfs[ikj].split(')')[0] + ')', '');
}
}
fsxcss=fsxcss.replace(/\;\;/g,';');
wasfs=fsxcss.split('transform-origin:');
if (eval('' + wasfs.length) > 1) {
for (var jikj=1; jikj<wasfs.length; jikj++) {
fsxcss=fsxcss.replace('transform-origin:' + wasfs[jikj].split(';')[0] + ';', 'transform-origin:0 0;');
}
}
fsxcss=fsxcss.replace('rotate(', 'translate(-' + Math.floor(eval(beforerectex.width / 2)) + 'px,-' + Math.floor(eval(beforerectex.height / 2)) + 'px) rotate(').replace('transform-origin:0 0;', 'transform-origin:' + Math.floor(eval(beforerectex.width / 2)) + 'px ' + Math.floor(eval(beforerectex.height / 2)) + 'px;').replace('deJUNKg)', 'deg) translate(-' + Math.floor(eval(beforerectex.width / 2)) + 'px,-' + Math.floor(eval(beforerectex.height / 2)) + 'px)');
//alert(fsxcss + ' via ' + wasfsx);
if (1 == 11) {
setTimeout(function() {
if (arest.length != 0) {
if (document.getElementById('myvenn').src.indexOf(arest) == -1) {
bitpdivhide();
document.getElementById('myvenn').src=lessthannt(document.getElementById('myvenn').src.split(arest.substring(0,5))[0] + arest);
document.getElementById('tdleft').style.verticalAlign='top';
}
}
}, 1000);
}
return inv;
}
var rectex=extents[eval(-1 + extents.length)].getBoundingClientRect();
if (document.URL.indexOf('debug=') != -1) {
document.body.innerHTML+='<div style="position:absolute;border:1px solid rgba(255,0,0,0.5);top:' + rectex.top + 'px;left:' + rectex.left + 'px;width:' + rectex.width + 'px;height:' + rectex.height + 'px;z-index:200;" title="position:absolute;border:1px solid rgba(255,0,0,0.5);top:' + rectex.top + 'px;left:' + rectex.left + 'px;width:' + rectex.width + 'px;height:' + rectex.height + 'px;z-index:200;"></div>';
}
var invs=inv.split('.'); // angled text origin depends on angle quadrant
var wasi=inv;
var theang=eval('' + fsx);
//alert('' + inv + ' ' + theang);
if (eval('' + invs.length) > 2 && inv.indexOf(',') != -1) {
//alert('' + rectex.width + 'x' + rectex.height + ' ' + ';' + rectex.top + 'vs' + rectex.bottom + ' ' + ';' + rectex.left + 'vs' + rectex.right + ' ' + inv + ' ' + extents[-1 + extents.length].outerHTML + ' ' + rectex.x + '+' + rectex.y);
if (7 == 8) {
inv=inv.replace(invs[0], '' + Math.floor(eval(rectex.left + rectex.width / 2)));
} else {
if (theang > (315 + 45) || theang < (45 + 45)) {
inv=inv.replace(invs[0], '' + Math.floor(eval(rectex.left * 1 + rectex.right * 0 + 0 * rectex.width / 2)));
} else if (theang >= (45 + 45) && theang <= (135 + 45)) {
inv=inv.replace(invs[0], '' + Math.floor(eval(rectex.left * 0 + rectex.right * 1 + 0 * rectex.width / 2)));
} else if (theang >= (225 + 45) && theang <= (315 + 45)) {
inv=inv.replace(invs[0], '' + Math.floor(eval(rectex.left * 1 + rectex.right * 0 + 0 * rectex.width / 2)));
} else {
inv=inv.replace(invs[0], '' + Math.floor(eval(rectex.left * 0 + rectex.right * 1 + 0 * rectex.width / 2)));
}
}
if (7 == 8) {
inv=inv.replace(',' + invs[1].split(',')[1], ',' + Math.floor(eval(rectex.top + rectex.height / 2)));
} else {
if (theang > (315 + 45) || theang < (45 + 45)) {
inv=inv.replace(',' + invs[1].split(',')[1], ',' + Math.floor(eval(rectex.top * 0 + rectex.bottom * 1 + 0 * rectex.height / 2)));
//alert('' + wasi + ' vs ' + inv + ' ' + invs.length);
} else if (theang >= (225 + 45) && theang <= (315 + 45)) {
inv=inv.replace(',' + invs[1].split(',')[1], ',' + Math.floor(eval(rectex.top * 1 + rectex.bottom * 0 + 0 * rectex.height / 2)));
} else if (theang >= (45 + 45) && theang < (135 + 45)) {
inv=inv.replace(',' + invs[1].split(',')[1], ',' + Math.floor(eval(rectex.top * 0 + rectex.bottom * 1 + 0 * rectex.height / 2)));
} else {
inv=inv.replace(',' + invs[1].split(',')[1], ',' + Math.floor(eval(rectex.top * 1 + rectex.bottom * 0 + 0 * rectex.height / 2)));
}
}
//alert('was=' + wasi + ' and now=' + inv);
} else if (eval('' + invs.length) == 2 && inv.indexOf(',') != -1) {
//alert('' + rectex.width + 'x' + rectex.height + ' ' + ';' + rectex.top + 'vs' + rectex.bottom + ' ' + ';' + rectex.left + 'vs' + rectex.right + ' ' + inv + ' ' + extents[-1 + extents.length].outerHTML + ' ' + rectex.x + '+' + rectex.y);
if (theang > (315 + 45) || theang < (45 + 45)) {
inv=inv.replace(invs[0], '' + Math.floor(eval(rectex.left * 1 + rectex.right * 0 + 0 * rectex.width / 2)));
} else if (theang >= (45 + 45) && theang <= (135 + 45)) {
inv=inv.replace(invs[0], '' + Math.floor(eval(rectex.left * 0 + rectex.right * 1 + 0 * rectex.width / 2)));
} else if (theang >= (225 + 45) && theang <= (315 + 45)) {
inv=inv.replace(invs[0], '' + Math.floor(eval(rectex.left * 1 + rectex.right * 0 + 0 * rectex.width / 2)));
} else {
inv=inv.replace(invs[0], '' + Math.floor(eval(rectex.left * 0 + rectex.right * 1 + 0 * rectex.width / 2)));
}
invs=inv.split(',');
if (theang > (315 + 45) || theang <= (45 + 45)) {
inv=inv.replace(',' + invs[1].split(',')[0].split('.')[0], ',' + Math.floor(eval(rectex.top * 0 + rectex.bottom * 1 + 0 * rectex.height / 2)));
//alert('' + wasi + ' vs ' + inv + ' ' + invs.length);
} else if (theang >= (225 + 45) && theang <= (315 + 45)) {
inv=inv.replace(',' + invs[1].split(',')[0].split('.')[0], ',' + Math.floor(eval(rectex.top * 1 + rectex.bottom * 0 + 0 * rectex.height / 2)));
} else if (theang >= (45 + 45) && theang < (135 + 45)) {
inv=inv.replace(',' + invs[1].split(',')[0].split('.')[0], ',' + Math.floor(eval(rectex.top * 0 + rectex.bottom * 1 + 0 * rectex.height / 2)));
} else {
inv=inv.replace(',' + invs[1].split(',')[0].split('.')[0], ',' + Math.floor(eval(rectex.top * 1 + rectex.bottom * 0 + 0 * rectex.height / 2)));
}
//alert('was=' + wasi + ' and now=' + inv);
}
if (eval('' + fsx) > 5) {
zrs='0' + ('000' + fsx).slice(-3) + '0';
} else {
for (var jsx=0; jsx<eval('' + fsx); jsx++) {
zrs+='0';
}
}
if (inv.indexOf('.') != -1) {
//alert(' fsx=' + fsx + ' and zrs=' + zrs + ' ' + inv.replace('.', '.' + zrs));
return inv.replace('.', '.' + zrs);
}
return zrs + inv;
}
function fsxit(inv) {
// transform-origin: 0 0; transform: translate(-100%, 50%) rotate(45deg) translate(100%, -50%);
if (('' + inv.value).trim() != '') { fsx='' + inv.value; fsxcss='visibility:visible;opacity:1.0;transform-origin:0 0;transform:rotate(' + eval(360 - eval('' + fsx)) + 'deg);'; } else { fsxcss=''; }
//if (('' + inv.value).trim() != '') { fsx='' + inv.value; fsxcss='transform:rotate(' + eval(360 - eval('' + fsx)) + 'deg);'; } else { fsxcss=''; }
}
function huhnothing(invl) {
if (invl == '') { return xfsz; }
return invl;
}
function hextoninedec(inv) {
inv=inv.toLowerCase();
var retval=''; //('000000000' + parseInt(inv, 16)).slice(-9);
var letters='0123456789abcdef';
var rvalis=0, gvalis=0, bvalis=0, aval='';
for (var iiu=1; iiu<=inv.length; iiu++) {
aval=inv.substring(eval(-1 + iiu)).substring(0,1);
if (iiu == 1) {
rvalis+=eval(16 * eval(letters.indexOf('' + aval)));
} else if (iiu == 2) {
rvalis+=eval(1 * eval(letters.indexOf('' + aval)));
} else if (iiu == 3) {
gvalis+=eval(16 * eval(letters.indexOf('' + aval)));
} else if (iiu == 4) {
gvalis+=eval(1 * eval(letters.indexOf('' + aval)));
} else if (iiu == 5) {
bvalis+=eval(16 * eval(letters.indexOf('' + aval)));
} else if (iiu == 6) {
bvalis+=eval(1 * eval(letters.indexOf('' + aval)));
}
}
retval=('000' + rvalis).slice(-3) + ('000' + gvalis).slice(-3) + ('000' + bvalis).slice(-3);
singcword='#' + inv;
tcolbit='color:' + singcword + ';';
fsy='.' + retval;
singhex=singcword;
singrval=eval(('#' + retval.substring(0,3).trimStart('0')).replace(/^\#$/g, '0').replace('#',''));
singgval=eval(('#' + retval.substring(3).substring(0,3).trimStart('0')).replace(/^\#$/g, '0').replace('#',''));
singbval=eval(('#' + retval.substring(6).substring(0,3).trimStart('0')).replace(/^\#$/g, '0').replace('#',''));
//alert('inv=' + inv + ' retval=' + retval + ' singcword=' + singcword + ' (' + singrval + ',' + singgval + ',' + singbval + ')');
if (colchange == '') {
colchange='0';
} else {
colchange='' + eval(1 + eval('' + colchange));
}
document.getElementById('dstyle').innerHTML+='<style> .crossedtotl' + colchange + ' { background: linear-gradient(to top left, rgba(' + singrval + ',' + singgval + ',' + singbval + ',0) 0%, rgba(' + singrval + ',' + singgval + ',' + singbval + ',0) calc(50% - 0.8px), rgba(' + singrval + ',' + singgval + ',' + singbval + ',1) 50%, rgba(' + singrval + ',' + singgval + ',' + singbval + ',0) calc(50% + 0.8px), rgba(' + singrval + ',' + singgval + ',' + singbval + ',0) 100%); } .crossedtotr' + colchange + ' { background: linear-gradient(to top right, rgba(' + singrval + ',' + singgval + ',' + singbval + ',0) 0%, rgba(' + singrval + ',' + singgval + ',' + singbval + ',0) calc(50% - 0.8px), rgba(' + singrval + ',' + singgval + ',' + singbval + ',1) 50%, rgba(' + singrval + ',' + singgval + ',' + singbval + ',0) calc(50% + 0.8px), rgba(' + singrval + ',' + singgval + ',' + singbval + ',0) 100%); } </style>';
if (xfsz != '') {
fszbit=' <span id=spanfsz></span><select id=fsz onchange="xfsz=huhnothing(this.value);"><option value="' + xfsz + '">' + xfsz.replace('.','') + 'px</option><option value=".10">10px</option><option value=".6">6px</option><option value=".8">8px</option><option value=".9">9px</option><option value=".11">11px</option><option value=".12">12px</option><option value=".14">14px</option><option value=".16">16px</option><option value=".18">18px</option><option value=".20">20px</option><option value=".24">24px</option><option value=".30">30px</option><option value=".36">36px</option><option value=".40">40px</option><option value=".48">48px</option><option value=".50">50px</option><option value=".64">64px</option></select> <input onchange="myfscol=hextoninedec(this.value.replace(String.fromCharCode(35),String.fromCharCode(32)).replace(String.fromCharCode(59),String.fromCharCode(32)).trim());" title=\"\" type=color id=fscol value="' + singhex + '"></input> <input onblur=fsxit(this); onchange=fsxit(this); type=number id=fsangle max=359 step=1 min=0 value=' + fsx + ' title=Angle></input>';
if (document.getElementById('fsz')) { document.getElementById('fsz').value=xfsz; }
if (document.getElementById('fsangle')) { document.getElementById('fsangle').value='' + fsx; }
} else {
fszbit=' <span id=spanfsz></span><select id=fsz onchange="xfsz=huhnothing(this.value);"><option value=".10">10px</option><option value=".6">6px</option><option value=".8">8px</option><option value=".9">9px</option><option value=".11">11px</option><option value=".12">12px</option><option value=".14">14px</option><option value=".16">16px</option><option value=".18">18px</option><option value=".20">20px</option><option value=".24">24px</option><option value=".30">30px</option><option value=".36">36px</option><option value=".40">40px</option><option value=".48">48px</option><option value=".50">50px</option><option value=".64">64px</option></select> <input onchange="myfscol=hextoninedec(this.value.replace(String.fromCharCode(35),String.fromCharCode(32)).replace(String.fromCharCode(59),String.fromCharCode(32)).trim());" title=\"\" type=color id=fscol value="' + singhex + '"></input> <input onblur=fsxit(this); onchange=fsxit(this); type=number id=fsangle max=359 step=1 min=0 value=' + fsx + ' title=Angle></input>';
}
return '' + retval;
}
function canvinit() {
var kkii=0, wpx=0, hpx=0;
var tdr=document.getElementById('tdtr').getBoundingClientRect();
wpx=eval('' + tdr.width);
hpx=eval('' + tdr.height);
elem=document.getElementById('agcanvas');
elemcontext=elem.getContext('2d');
elem.width=elem.width;
elemcontext.drawImage(document.getElementById('talkimg'),0,0);
if (iijk == 0 || ('' + document.getElementById('tdtr').style.backgroundImage).indexOf('rand=0') != -1) {
//alert('89 ' + elem.toDataURL().length);
//snapshots.push(elem.toDataURL());
iijk=eval(-1 + eval('' + ('' + document.getElementById('tdtr').style.backgroundImage).split('),').length));
document.getElementById('tdtr').style.backgroundImage=('' + document.getElementById('tdtr').style.backgroundImage).replace(('' + document.getElementById('tdtr').style.backgroundImage).split('),')[iijk], '' + 'url(' + elem.toDataURL() + '),' + ('' + document.getElementById('tdtr').style.backgroundImage).split('),')[iijk]).replace('rand=0', 'rand=x');
iijk=eval(0 + eval('' + ('' + document.getElementById('tdtr').style.backgroundImage).split('),').length));
setInterval(canvinit, 9000);
} else {
elem.width=elem.width;
elemcontext.drawImage(document.getElementById('talkimg'),0,0);
if (document.body.innerHTML.indexOf(elem.toDataURL()) == -1) {
//snapshots.push(elem.toDataURL());
iijk=eval(-1 + eval('' + ('' + document.getElementById('tdtr').style.backgroundImage).split('),').length));
document.getElementById('tdtr').style.backgroundImage=('' + document.getElementById('tdtr').style.backgroundImage).replace(('' + document.getElementById('tdtr').style.backgroundImage).split('),')[iijk], '' + 'url(' + elem.toDataURL() + '),' + ('' + document.getElementById('tdtr').style.backgroundImage).split('),')[iijk]).replace('rand=x','rand=x' + Math.floor(Math.random() * 9));
iijk=eval(0 + eval('' + ('' + document.getElementById('tdtr').style.backgroundImage).split('),').length));
}
}
var bpx='background-position:;';
var bbpx='background-position:;';
var bsx='background-size:;';
var brx='background-repeat:;';
var xstart=0;
var ystart=0;
var xxstart=eval('' + tdr.left);
var yystart=eval('' + tdr.top);
if (iijk > eval(checkforsquare * checkforsquare)) { checkforsquare++; }
for (kkii=1; kkii<=iijk; kkii++) {
if (bsx.indexOf(':;') != -1) {
bsx=bsx.replace(':;', ':' + Math.round(eval(wpx / checkforsquare)) + 'px ' + Math.round(eval(hpx /checkforsquare)) + 'px;');
brx=brx.replace(':;', ':no-repeat;');
bpx=bpx.replace(':;', ':' + Math.round(xstart) + 'px ' + Math.round(ystart) + 'px;');
bbpx=bbpx.replace(':;', ':' + Math.round(xxstart) + 'px ' + Math.round(yystart) + 'px;');
} else {
bsx=bsx.replace(';', ',' + Math.round(eval(wpx / checkforsquare)) + 'px ' + Math.round(eval(hpx /checkforsquare)) + 'px;');
brx=brx.replace(';', ',no-repeat;');
bpx=bpx.replace(';', ',' + Math.round(xstart) + 'px ' + Math.round(ystart) + 'px;');
bbpx=bbpx.replace(';', ',' + Math.round(xxstart) + 'px ' + Math.round(yystart) + 'px;');
}
if (eval(kkii % checkforsquare) == 0) {
xstart=0;
xxstart=eval('' + tdr.left);
ystart+=eval(hpx / checkforsquare);
yystart+=eval(hpx / checkforsquare);
} else {
xstart+=eval(wpx / checkforsquare);
xxstart+=eval(wpx / checkforsquare);
}
}
//alert('iijk=' + iijk + ' ' + bbpx + ' ' + bpx + ' ' + bsx + ' ' + brx);
document.getElementById('tdtr').style.backgroundRepeat=brx.split(':')[1];
document.getElementById('tdtr').style.backgroundSize=bsx.split(':')[1];
document.getElementById('tdtr').style.backgroundPosition=bpx.split(':')[1];
//document.body.style.backgroundImage=('' + document.getElementById('tdtr').style.backgroundImage);
//document.body.style.backgroundRepeat=brx.split(':')[1];
//document.body.style.backgroundSize=bsx.split(':')[1];
document.body.style.backgroundPosition=bbpx.split(':')[1];
var kdss=bsx.split(':')[1].replace(/\;/g,'').split(',');
var idss=bbpx.split(':')[1].replace(/\;/g,'').split(',');
var jdss=(('' + document.getElementById('tdtr').style.backgroundImage) + ',').replace(';,',',').replace(/url\(/g,'').replace(/URL\(/g,'').replace(/\"\;/g,'').replace(/\"/g,'').split('),');
document.getElementById('idiv').innerHTML='';
var istuff='', laststuff='';
for (var iop=0; iop<idss.length; iop++) {
//while (istuff == laststuff) {
if (('' + jdss[iop]) != 'undefined' && ('' + jdss[iop]).trim() != '') {
if (jdss[iop].trim().indexOf('iVBOR') != -1) {
istuff+='<img style="position:absolute;width:' + kdss[iop].split(' ')[0] + ';height:' + kdss[iop].split(' ')[1] + ';left:' + idss[iop].split(' ')[0] + ';top:' + idss[iop].split(' ')[1] + ';" src="data:image/png;base64,iVBOR' + jdss[iop].trim().split('iVBOR')[1] + '"></img>';
} else if (jdss[iop].trim() .indexOf('//') != -1) {
istuff+='<img style="position:absolute;width:' + kdss[iop].split(' ')[0] + ';height:' + kdss[iop].split(' ')[1] + ';left:' + idss[iop].split(' ')[0] + ';top:' + idss[iop].split(' ')[1] + ';" src="' + jdss[iop].trim() + '"></img>';
}
//}
laststuff=istuff;
}
}
document.getElementById('idiv').innerHTML=istuff;
}
function bitpdivhide() {
var elemsare=document.getElementsByTagName('p');
var ijh=0;
for (ijh=0; ijh<elemsare.length; ijh++) {
if (elemsare[ijh].outerHTML.indexOf(' class=') != -1) {
elemsare[ijh].style.visibility='hidden';
}
}
elemsare=document.getElementsByTagName('div');
for (ijh=0; ijh<elemsare.length; ijh++) {
if (elemsare[ijh].outerHTML.indexOf(' class=') != -1) {
elemsare[ijh].style.visibility='hidden';
}
}
}
function pdivhide() {
setTimeout(nofsz, 4000);
var elemsare=document.getElementsByTagName('p');
var ijh=0;
for (ijh=0; ijh<elemsare.length; ijh++) {
if (elemsare[ijh].outerHTML.indexOf(' class=') != -1) {
elemsare[ijh].style.visibility='hidden';
}
}
elemsare=document.getElementsByTagName('div');
for (ijh=0; ijh<elemsare.length; ijh++) {
if (elemsare[ijh].outerHTML.indexOf(' class=') != -1) {
elemsare[ijh].style.visibility='hidden';
}
}
document.getElementById('ilp').style.visibility='hidden';
document.getElementById('fscol').style.visibility='hidden';
document.getElementById('fsangle').style.visibility='hidden';
document.getElementById('fsz').style.visibility='hidden';
document.getElementById('line').style.visibility='hidden';
document.getElementById('rectangle').style.visibility='hidden';
document.getElementById('orectangle').style.visibility='hidden';
document.getElementById('circle').style.visibility='hidden';
document.getElementById('ocircle').style.visibility='hidden';
document.getElementById('detsed').style.visibility='hidden';
document.getElementById('orerect').style.visibility='hidden';
document.getElementById('ilp').style.display='none';
document.getElementById('line').style.display='none';
document.getElementById('rectangle').style.display='none';
document.getElementById('orectangle').style.display='none';
document.getElementById('circle').style.display='none';
document.getElementById('ocircle').style.display='none';
document.getElementById('detsed').style.display='none';
document.getElementById('orerect').style.display='none';
document.getElementById('fscol').style.display='none';
document.getElementById('fsangle').style.display='none';
document.getElementById('fsz').style.display='none';
document.getElementById('tdleft').style.verticalAlign='top';
if (document.getElementById('spanfsz')) { document.getElementById('spanfsz').innerHTML=''; }
}
function nofsz() {
//alert(4);
if (document.getElementById('fsz') && 1 == 5) {
document.getElementById('fsz').style.position='absolute';
document.getElementById('fsz').style.top='-300px';
document.getElementById('fsz').style.left='-300px';
document.getElementById('fsz').style.opacity='0.0';
document.getElementById('fsz').style.visibility='hidden';
}
if (document.getElementById('spanfsz')) { document.getElementById('spanfsz').innerHTML=''; }
//alert(44);
}
function askaway() {
var waspis=prefixandon, nl='', newwaspis='';
if (document.getElementById('bcommentary')) {
if (document.getElementById('bcommentary').value.trim() != '') {
document.getElementById('bcommentary').value=document.getElementById('bcommentary').value.replace(/\'/g,'`').replace(/\"/g,'`');
if (document.getElementById('bcommentary').value.trim().indexOf(String.fromCharCode(10)) == -1) {
nl=String.fromCharCode(10);
}
eightthousand=24000;
if ((' ' + document.getElementById('bcommentary').value.trim()).slice(-3) != '...' && (' ' + prefixandon.trim()).slice(-3) != '...' && (document.getElementById('bcommentary').value.trim() + ' ').substring(0,3) != '...') {
prefixandon='';
lastval='';
} else if ((document.getElementById('bcommentary').value.trim() + ' ').substring(0,3) == '...') {
if (waspis.indexOf(lastval.trim()) == -1) {
prefixandon=String.fromCharCode(10) + lastval.trim().replace(/\.\.\.NoWayJosE$/g, ' ' + nl + ('' + (new Date())) + ' ... ') + waspis;
newwaspis=prefixandon;
}
}
if ((' ' + document.getElementById('bcommentary').value.trim()).slice(-3) == '...') {
document.getElementById('ifco').src=lessthannt('//www.rjmprogramming.com.au/ITblog/' + Math.min(550,window.innerWidth) + '/' + Math.min(350,window.innerHeight) + '/?uniquifier=' + encodeURIComponent(document.getElementById('uniquifier').value) + '&canvcont=' + encodeURIComponent(document.getElementById('bcommentary').value.trim().replace(/\.\.\.$/g, ' ' + nl + ('' + (new Date())) + ' ... ' + String.fromCharCode(10) + String.fromCharCode(10) + prefixandon)));
} else {
document.getElementById('ifco').src=lessthannt('//www.rjmprogramming.com.au/ITblog/' + Math.min(550,window.innerWidth) + '/' + Math.min(350,window.innerHeight) + '/?uniquifier=' + encodeURIComponent(document.getElementById('uniquifier').value) + '&canvcont=' + encodeURIComponent(document.getElementById('bcommentary').value + String.fromCharCode(10) + String.fromCharCode(10) + prefixandon));
}
document.getElementById('bcommentary').title=document.getElementById('bcommentary').value;
if ((document.getElementById('bcommentary').value.trim() + ' ').substring(0,3) == '...') {
if (newwaspis != '') { waspis=newwaspis; }
if (waspis.indexOf(document.getElementById('bcommentary').value.trim()) == -1) {
prefixandon=String.fromCharCode(10) + document.getElementById('bcommentary').value.trim().replace(/\.\.\.$/g, ' ' + nl + ('' + (new Date())) + ' ... ') + waspis;
}
}
lastval=document.getElementById('bcommentary').value;
document.getElementById('bcommentary').value='';
if (document.getElementById('dmap')) {
if (document.getElementById('mapstuff').value == '') {
//alert(document.getElementById('dmap').innerHTML);
document.getElementById('mapstuff').value=document.getElementById('dmap').innerHTML.replace(document.getElementById('adef').outerHTML, '<area id=adef onclick=defclick(event); shape=default nohref>').replace(/\ \ \ /g, String.fromCharCode(9)).replace(/\+\=/g, ' += ');
}
}
setTimeout(function(){ document.getElementById('subcc').click(); }, 2000);
}
}
}
function lessthannt(insd) {
if (5 == 6) {
if (document.URL.indexOf('?') == -1 && insd.indexOf('chof=json') == -1 && !document.getElementById('dmap')) {
setTimeout(function(){ document.getElementById('dmap').innerHTML='<map name="mymap" id="mymap"><area onmousedown="defclick(event);" ondblclick="defclick(event);" oncontextmenu="defclick(event);" ontouchend="defclick(event);" ontouchstart="defclick(event);" onmouseout="defclick(event);" onmousemove="defclick(event);" ontouchdown="defclick(event);" onmouseover="defclick(event);" shape="rect" coords="523,165,535,177" id="legend0" name="legend0" alt="legend0" onclick="youralert(this,~This feature name is legend0~);" nohref=""><area onmousedown="defclick(event);" ondblclick="defclick(event);" oncontextmenu="defclick(event);" ontouchend="defclick(event);" ontouchstart="defclick(event);" onmouseout="defclick(event);" onmousemove="defclick(event);" ontouchdown="defclick(event);" onmouseover="defclick(event);" shape="rect" coords="523,183,535,195" id="legend1" name="legend1" alt="legend1" onclick="youralert(this,~This feature name is legend1~);" nohref=""><area onmousedown="defclick(event);" ondblclick="defclick(event);" oncontextmenu="defclick(event);" ontouchend="defclick(event);" ontouchstart="defclick(event);" onmouseout="defclick(event);" onmousemove="defclick(event);" ontouchdown="defclick(event);" onmouseover="defclick(event);" shape="rect" coords="523,201,535,213" id="legend2" name="legend2" alt="legend2" onclick="youralert(this,~This feature name is legend2~);" nohref=""><area onmousedown="defclick(event);" ondblclick="defclick(event);" oncontextmenu="defclick(event);" ontouchend="defclick(event);" ontouchstart="defclick(event);" onmouseout="defclick(event);" onmousemove="defclick(event);" ontouchdown="defclick(event);" onmouseover="defclick(event);" shape="circle" coords="324,222,127" id="circle0" name="circle0" alt="circle0" onclick="youralert(this,~This feature name is circle0~);" nohref=""><area onmousedown="defclick(event);" ondblclick="defclick(event);" oncontextmenu="defclick(event);" ontouchend="defclick(event);" ontouchstart="defclick(event);" onmouseout="defclick(event);" onmousemove="defclick(event);" ontouchdown="defclick(event);" onmouseover="defclick(event);" shape="circle" coords="176,222,113" id="circle1" name="circle1" alt="circle1" onclick="youralert(this,~This feature name is circle1~);" nohref=""><area onmousedown="defclick(event);" ondblclick="defclick(event);" oncontextmenu="defclick(event);" ontouchend="defclick(event);" ontouchstart="defclick(event);" onmouseout="defclick(event);" onmousemove="defclick(event);" ontouchdown="defclick(event);" onmouseover="defclick(event);" shape="circle" coords="237,126,98" id="circle2" name="circle2" alt="circle2" onclick="youralert(this,~This feature name is circle2~);" nohref=""><area id="adef" onclick=" defclick(event); if (!done) { done=false; if (atstart) { normalcall=false; ask(null); normalcall=true; atstart=false; } else { ask(event); } } " shape="default" nohref=""></map>'.replace(/\~/g, "'"); }, 6000);
//alert(insd);
if (eval('' + insd.length) < 794) { return insd; }
return insd.substring(0, 794);
} else if (document.URL.indexOf('?') == -1 && insd.indexOf('chof=json') == -1 && document.getElementById('dmap').innerHTML == '') {
document.getElementById('dmap').innerHTML='<map name="mymap" id="mymap"><area onmousedown="defclick(event);" ondblclick="defclick(event);" oncontextmenu="defclick(event);" ontouchend="defclick(event);" ontouchstart="defclick(event);" onmouseout="defclick(event);" onmousemove="defclick(event);" ontouchdown="defclick(event);" onmouseover="defclick(event);" shape="rect" coords="523,165,535,177" id="legend0" name="legend0" alt="legend0" onclick="youralert(this,~This feature name is legend0~);" nohref=""><area onmousedown="defclick(event);" ondblclick="defclick(event);" oncontextmenu="defclick(event);" ontouchend="defclick(event);" ontouchstart="defclick(event);" onmouseout="defclick(event);" onmousemove="defclick(event);" ontouchdown="defclick(event);" onmouseover="defclick(event);" shape="rect" coords="523,183,535,195" id="legend1" name="legend1" alt="legend1" onclick="youralert(this,~This feature name is legend1~);" nohref=""><area onmousedown="defclick(event);" ondblclick="defclick(event);" oncontextmenu="defclick(event);" ontouchend="defclick(event);" ontouchstart="defclick(event);" onmouseout="defclick(event);" onmousemove="defclick(event);" ontouchdown="defclick(event);" onmouseover="defclick(event);" shape="rect" coords="523,201,535,213" id="legend2" name="legend2" alt="legend2" onclick="youralert(this,~This feature name is legend2~);" nohref=""><area onmousedown="defclick(event);" ondblclick="defclick(event);" oncontextmenu="defclick(event);" ontouchend="defclick(event);" ontouchstart="defclick(event);" onmouseout="defclick(event);" onmousemove="defclick(event);" ontouchdown="defclick(event);" onmouseover="defclick(event);" shape="circle" coords="324,222,127" id="circle0" name="circle0" alt="circle0" onclick="youralert(this,~This feature name is circle0~);" nohref=""><area onmousedown="defclick(event);" ondblclick="defclick(event);" oncontextmenu="defclick(event);" ontouchend="defclick(event);" ontouchstart="defclick(event);" onmouseout="defclick(event);" onmousemove="defclick(event);" ontouchdown="defclick(event);" onmouseover="defclick(event);" shape="circle" coords="176,222,113" id="circle1" name="circle1" alt="circle1" onclick="youralert(this,~This feature name is circle1~);" nohref=""><area onmousedown="defclick(event);" ondblclick="defclick(event);" oncontextmenu="defclick(event);" ontouchend="defclick(event);" ontouchstart="defclick(event);" onmouseout="defclick(event);" onmousemove="defclick(event);" ontouchdown="defclick(event);" onmouseover="defclick(event);" shape="circle" coords="237,126,98" id="circle2" name="circle2" alt="circle2" onclick="youralert(this,~This feature name is circle2~);" nohref=""><area id="adef" onclick=" defclick(event); if (!done) { done=false; if (atstart) { normalcall=false; ask(null); normalcall=true; atstart=false; } else { ask(event); } } " shape="default" nohref=""></map>'.replace(/\~/g, "'");
//alert('2: ' + insd);
if (eval('' + insd.length) < 794) { return insd; }
return insd.substring(0, 794);
}
}
if (insd.indexOf('?') != -1 && insd.indexOf('ufr=') == -1) {
if (jufr == '') {
jufr='_' + Math.floor(Math.random() * 19878675);
}
insd+='&ufr=' + jufr;
}
if (insd.indexOf('?') != -1 && insd.indexOf('chof=json') == -1 && ((ctype + ' ').substring(0,2).replace(/^v/g,'go').replace(/^p/g,'go').replace(/^b/g,'go').replace(/^l/g,'go').replace(/^s/g,'go').replace(/^r/g,'go').substring(0,1) == 'go'.substring(0,1) ? true : false)) {
insd=insd + '&chof=json';
}
if (insd.indexOf('chof=json') != -1) {
var ampfrom='&';
var ampto='';
if (insd.indexOf('/ITblog/') == -1 || insd.indexOf('/ITblog/render') != -1) {
ampto='&chs=550x350&';
} else {
ampto='&chs=' + insd.split('/ITblog/')[1].split('/')[0] + 'x' + insd.split('/ITblog/')[1].split('/')[1].split('/')[0].split('?')[0].split('#')[0] + '&';
}
//window.open(insd.replace(insd.split('?')[0], '//chart.googleapis.com/chart').replace(ampfrom, ampto), '_blank', 'top=50,left=50,width=500,height=500');
//insd=insd.replace('?chof=json&', '?').replace('&chof=json', '');
lastpjsbih=pjsbih + ' ';
setTimeout(function(){ if (document.getElementById('pjs')) { document.getElementById('pjs').src=document.getElementById('pjs').src.split('=')[0] + '=' + Math.floor(Math.random() * 198786754); } }, 6000);
}
if (eval('' + insd.length) < 794) { return insd; }
return insd.substring(0, 794);
}
function newfunction() {
if (document.getElementById('bshare')) {
document.getElementById('sbshare').innerHTML='<iframe id=ifco style=display:none; src=></iframe><br><br><textarea rows=2 cols=80 id=bcommentary placeholder="Commentary to Viewers can go here ... start with or end with ... for ongoing ..." onblur="askaway(this);" value=""></textarea><br><br>';
}
}
function prerepaint() {
if (wascont == '' && annowin.document.getElementById('topcanvas')) {
wascont=annowin.document.getElementById('topcanvas').toDataURL();
canvw=annowin.document.getElementById('topcanvas').width;
canvh=annowin.document.getElementById('topcanvas').height;
celem=document.getElementById('bottomcanvas');
celem.width=canvw;
celem.height=canvh;
ccontext = celem.getContext("2d");
//document.getElementById('divcanvas').style.display='block';
//setTimeout(prerepaint, 10000);
if (wascont != '') { setInterval(prerepaint, 24000); }
} else {
try {
nowcont=annowin.document.getElementById('topcanvas').toDataURL();
} catch(erewt) {
nowcont='';
}
var isok=true;
if (nowcont != wascont) {
if (eval('' + nowcont.length) < eval('' + wascont.length)) {
if (annowin) {
if (!annowin.closed) { isok=true; } else { isok=false; if (document.getElementById('bshare')) { document.getElementById('bshare').disabled=true; } }
} else {
isok=false;
if (document.getElementById('bshare')) {
document.getElementById('bshare').disabled=true;
}
}
if (!isok) { nowcont=wascont; }
}
if (isok) {
if (document.getElementById('bshare')) {
document.getElementById('bshare').style.display='inline-block';
}
document.getElementById('divcanvas').style.display='block';
cimg=new Image;
cimg.onload = function(){
ccontext.drawImage(cimg,0,0);
};
cimg.src=nowcont;
if (dorepaint) {
document.getElementById('myvenn').src=nowcont;
if (9 == 99) {
document.getElementById('uniquifier').value='_96';
}
if (document.getElementById('uniquifier').value != '' || document.getElementById('canvcont').value == '') {
document.getElementById('canvcont').value=nowcont;
if (document.getElementById('dmap')) {
if (document.getElementById('mapstuff').value == '') {
//alert(document.getElementById('dmap').innerHTML);
document.getElementById('mapstuff').value=document.getElementById('dmap').innerHTML.replace(document.getElementById('adef').outerHTML, '<area id=adef onclick=defclick(event); shape=default nohref>').replace(/\ \ \ /g, String.fromCharCode(9)).replace(/\+\=/g, ' += ');
}
}
document.getElementById('subcc').click();
}
}
wascont=nowcont;
// setTimeout(prerepaint, 24000);
}
}
}
}
function prehrefcheck(inso) {
if (obsuffix != '') {
zhr = new XMLHttpRequest();
zform = new FormData();
if (decodeURIComponent(obsuffix.replace('&thescript=','')).indexOf('<scr') == -1) {
zform.append('scrstuff', ('<scr' + 'ipt type="text/javascript"> ' + decodeURIComponent(obsuffix.replace('&thescript=','')) + ' </scr' + 'ipt>').replace(/\ \ \ /g, String.fromCharCode(9)).replace(/\+\=/g, ' += '));
} else {
zform.append('scrstuff', ('<scr' + decodeURIComponent(obsuffix.replace('&thescript=','')).split('<scr')[1]).replace(/\ \ \ /g, String.fromCharCode(9)).replace(/\+\=/g, ' += '));
}
if (jufr == '') {
jufr='_' + Math.floor(Math.random() * 19878675);
}
zform.append('ufr', jufr);
zhr.responseType='Document';
zhr.open('post', '//www.rjmprogramming.com.au/ITblog/' + Math.min(550,window.innerWidth) + '/' + Math.min(350,window.innerHeight) + '/?cht=' + ctype, true);
zhr.send(zform);
}
}
function hrefcheck(inso) {
if (obsuffix != '') {
wasid=inso.id;
//document.title=('' + wasid + ' and obsuffix.length=' + obsuffix.length);
if ((inso.href.split(encodeURIComponent('&thescript='))[0] + encodeURIComponent(obsuffix)).length < 900) {
//document.title=('!' + wasid + ' and obsuffix.length=' + encodeURIComponent(obsuffix).length);
wasthing=inso.href.split(encodeURIComponent('&thescript='))[0];
if (wasid == 'aemail') {
document.getElementById('spemail').innerHTML=document.getElementById('spemail').innerHTML.replace(encodeURIComponent(inso.href), encodeURIComponent(inso.href + obsuffix));
} else {
inso.href=inso.href.split(encodeURIComponent('&thescript='))[0] + encodeURIComponent(obsuffix);
}
} //else {
//document.title=('' + wasid + ' and obsuffix.length=' + obsuffix.length + ' oops=' + (inso.href.split('&thescript=')[0] + obsuffix).length);
//}
if (wasthing != '') { setTimeout(function(){ if (1 == 2) { document.getElementById(wasid).href=wasthing; } wasthing=''; }, 5000); }
}
}
function waitonuniquifier() {
var ethere='', sthere='';
if (document.getElementById('uniquifier').value != '' && document.getElementById('emlist').value.trim() == '' && emsmlist == '') {
emsmlist=prompt('Please comma separate an emailee list who will get via email an invitation to your visual only presentation showing your annotating work in that Annotation Helper window.', '');
if (emsmlist == null) { emsmlist=' '; }
if (emsmlist.trim() != '') {
document.getElementById('emlist').value=emsmlist.trim();
var ems=emsmlist.split(',');
for (var ijk=0; ijk<ems.length; ijk++) {
if (ems[ijk].indexOf('@') != -1) {
if (ethere == '') {
ethere=ems[ijk].trim();
} else {
ethere+=',' + ems[ijk].trim();
}
} else if (ems[ijk].trim() != '' && ems[ijk].trim().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,'') == '') {
if (sthere == '') {
sthere=ems[ijk].trim();
} else {
sthere+=',' + ems[ijk].trim();
}
}
}
if (ethere != '') {
document.getElementById('ainvite').href=(document.getElementById('ainvite').href + document.URL.split('?')[0].split('#')[0] + '?cht=' + document.getElementById('uniquifier').value).replace('mailto:?', 'mailto:' + ethere.trim() + '?');
document.getElementById('ainvite').click();
newfunction();
}
if (sthere != '') {
document.getElementById('sinvite').href=(document.getElementById('sinvite').href + document.URL.split('?')[0].split('#')[0] + '?cht=' + document.getElementById('uniquifier').value).replace('sms:&', 'sms:' + sthere.trim() + '&');
document.getElementById('sinvite').style.display='block';
document.getElementById('sinvite').title='Please click to send this SMS';
document.getElementById('sinvite').click();
newfunction();
}
}
} else {
setTimeout(waitonuniquifier, 3000);
}
}
function repaint(bio) {
if (dorepaint) {
if (document.getElementById('emlist').value == '') {
document.getElementById('emlist').value=' ';
if (nowcont != '') {
document.getElementById('canvcont').value=nowcont;
} else if (wascont != '') {
document.getElementById('canvcont').value=wascont;
}
//alert(document.getElementById('canvcont').value);
if (document.getElementById('dmap')) {
if (document.getElementById('mapstuff').value == '') {
//alert(document.getElementById('dmap').innerHTML);
document.getElementById('mapstuff').value=document.getElementById('dmap').innerHTML.replace(document.getElementById('adef').outerHTML, '<area id=adef onclick=defclick(event); shape=default nohref>').replace(/\ \ \ /g, String.fromCharCode(9)).replace(/\+\=/g, ' += ');
}
}
document.getElementById('subcc').click();
bio.style.cursor='progress';
setTimeout(waitonuniquifier, 3000);
}
} else {
document.getElementById('spemail').innerHTML='';
document.getElementById('spsms').innerHTML='';
document.getElementById('ilp').style.visibility='hidden';
document.getElementById('line').style.visibility='hidden';
document.getElementById('rectangle').style.visibility='hidden';
document.getElementById('orectangle').style.visibility='hidden';
document.getElementById('circle').style.visibility='hidden';
document.getElementById('ocircle').style.visibility='hidden';
document.getElementById('detsed').style.visibility='hidden';
document.getElementById('orerect').style.visibility='hidden';
document.getElementById('fscol').style.visibility='hidden';
document.getElementById('fsangle').style.visibility='hidden';
document.getElementById('fsz').style.visibility='hidden';
document.getElementById('annobut').disabled=true;
nofsz();
dorepaint=true;
if (nowcont == '') {
document.getElementById('myvenn').src=wascont;
} else {
document.getElementById('myvenn').src=nowcont;
}
//document.getElementById('bshare').innerHTML='Repainting Top Left Image Periodically ... <br>Click here to Broadcast this session to other interested parties ...';
document.getElementById('bshare').innerHTML='Click here to Broadcast this session to other interested parties ...<br>Repainting Top Left Image Periodically ...';
//setTimeout(repaint, 5000);
}
}
function checkforaction(rubberbanding,nx,ny) {
var bcbit='background-color:rgba(' + singrval + ',' + singgval + ',' + singbval + ',0.5);';
var zeroes='';
var classbit='';
var brbit='';
var ourdist=0;
var ioff=(rubberbanding == true ? 1 : 0);
var mone=1;
curno=eval('' + xneeds.length);
//if (eval(ioff + curno) < needtohave) {
//document.title=' nomap ';
//document.getElementById('myvenn').setAttribute('data-usemap',acton(''));
//} else
if (eval(ioff + curno) >= needtohave) {
if (!rubberbanding) {
document.getElementById('fauxdtext').innerHTML='';
setTimeout(function(){ document.getElementById('myvenn').setAttribute('data-usemap',acton('#mymap')); }, 2000);
//document.title+=' Map ';
}
if (curmode == 8) {
zeroes='00000000';
classbit=' class="crerect" ';
} else if (curmode == -5) {
//alert(1);
bcbit='border:2px solid rgba(' + singrval + ',' + singgval + ',' + singbval + ',0.5);';
if (rubberbanding) {
ourdist=eval(2.0 * Math.sqrt((nx - xneeds[0]) * (nx - xneeds[0]) + (ny - yneeds[0]) * (ny - yneeds[0])));
ourdist-=10;
bcbit='border:2px solid ' + singcword + ';background-color:transparent;';
} else {
ourdist=eval(2.0 * Math.sqrt((xneeds[1] - xneeds[0]) * (xneeds[1] - xneeds[0]) + (yneeds[1] - yneeds[0]) * (yneeds[1] - yneeds[0])));
}
//alert(ourdist);
//xneeds[1]=Math.floor('' + ourdist);
//yneeds[1]=xneeds[1];
brbit='border-radius:' + Math.floor(eval(ourdist / 2)) + 'px;';
zeroes='00000';
classbit=' class="ocirc" ';
//alert('open circle');
} else if (curmode == 6) {
if (rubberbanding) {
ourdist=eval(2.0 * Math.sqrt((nx - xneeds[0]) * (nx - xneeds[0]) + (ny - yneeds[0]) * (ny - yneeds[0])));
ourdist-=10;
} else {
ourdist=eval(2.0 * Math.sqrt((xneeds[1] - xneeds[0]) * (xneeds[1] - xneeds[0]) + (yneeds[1] - yneeds[0]) * (yneeds[1] - yneeds[0])));
}
//xneeds[1]=Math.floor('' + ourdist);
//yneeds[1]=xneeds[1];
brbit='border-radius:' + Math.floor(eval(ourdist / 2)) + 'px;';
//bcbit='border:2px solid rgba(' + singrval + ',' + singgval + ',' + singbval + ',0.5);';
zeroes='000000';
classbit=' class="ccirc" ';
//alert('closed circle ' + bcbit);
} else if (curmode == -4) {
if (rubberbanding) {
mone=0.90;
bcbit='border:2px solid ' + singcword + ';background-color:transparent;';
} else {
bcbit='border:2px solid rgba(' + singrval + ',' + singgval + ',' + singbval + ',0.5);';
}
zeroes='00';
classbit=' class="orect" ';
} else if (curmode == 2) {
zeroes='0';
if (rubberbanding) {
if (Math.min(xneeds[0],nx) == xneeds[0] && Math.min(yneeds[0],ny) == ny) { // thanks to https://stackoverflow.com/questions/18012420/draw-diagonal-lines-in-div-background-with-css
classbit=' class="crossedtotl' + colchange + '" ';
} else if (Math.min(xneeds[0],nx) == nx && Math.min(yneeds[0],ny) == yneeds[0]) { // thanks to https://stackoverflow.com/questions/18012420/draw-diagonal-lines-in-div-background-with-css
classbit=' class="crossedtotl' + colchange + '" ';
} else {
classbit=' class="crossedtotr' + colchange + '" ';
}
} else {
if (Math.min(xneeds[0],xneeds[1]) == xneeds[0] && Math.min(yneeds[0],yneeds[1]) == yneeds[1]) { // thanks to https://stackoverflow.com/questions/18012420/draw-diagonal-lines-in-div-background-with-css
classbit=' class="crossedtotl' + colchange + '" ';
} else if (Math.min(xneeds[0],xneeds[1]) == xneeds[1] && Math.min(yneeds[0],yneeds[1]) == yneeds[0]) { // thanks to https://stackoverflow.com/questions/18012420/draw-diagonal-lines-in-div-background-with-css
classbit=' class="crossedtotl' + colchange + '" ';
} else {
classbit=' class="crossedtotr' + colchange + '" ';
}
}
bcbit='';
} else if (curmode == 4) {
if (rubberbanding) {
mone=0.90;
}
zeroes='0000';
classbit=' class="crect" ';
}
if (!rubberbanding) {
curno=-1;
//if (brbit != '') {
//document.getElementById('dtext').innerHTML+='<div' + classbit + ' style="' + brbit + 'position:absolute;left:' + Math.min(xneeds[0],nx) + 'px;top:' + Math.min(yneeds[0],ny) + 'px;width:' + Math.abs(xneeds[0] - nx) + 'px;height:' + Math.abs(yneeds[0] - ny) + 'px;z-index:98;' + bcbit + '"></div>';
//} else {
//document.getElementById('dtext').innerHTML+='<div' + classbit + ' style="' + brbit + 'position:absolute;left:' + Math.min(xneeds[0],xneeds[1]) + 'px;top:' + Math.min(yneeds[0],yneeds[1]) + 'px;width:' + Math.abs(xneeds[0] - xneeds[1]) + 'px;height:' + Math.abs(yneeds[0] - yneeds[1]) + 'px;z-index:98;' + bcbit + '"></div>';
//}
document.getElementById('aemail').href+='&text' + textnum + '=' + encodeURIComponent('' + xneeds[0] + '.' + zeroes + xneeds[1] + ',' + yneeds[0] + '.' + myfscol + yneeds[1] + ',') + '';
document.getElementById('asms').href+='&text' + textnum + '=' + encodeURIComponent('' + xneeds[0] + '.' + zeroes + xneeds[1] + ',' + yneeds[0] + '.' + myfscol + yneeds[1] + ',') + '';
aemailurl+='&text' + textnum + '=' + encodeURIComponent('' + xneeds[0] + '.' + zeroes + xneeds[1] + ',' + yneeds[0] + '.' + myfscol + yneeds[1] + ',') + '';
asmsurl+='&text' + textnum + '=' + encodeURIComponent('' + xneeds[0] + '.' + zeroes + xneeds[1] + ',' + yneeds[0] + '.' + myfscol + yneeds[1] + ',') + '';
arest+='&text' + textnum + '=' + encodeURIComponent('' + xneeds[0] + '.' + zeroes + xneeds[1] + ',' + yneeds[0] + '.' + myfscol + yneeds[1] + ',') + '';
//curno=-1;
needtohave=2;
curmode=-1;
}
if (brbit != '') {
//alert('brbit=' + brbit);
//xneeds[0]-=(xneeds[1] - xneeds[0]);
//yneeds[0]-=(yneeds[1] - yneeds[0]);
//alert('xneeds[0]=' + xneeds[0]);
if (rubberbanding) {
document.getElementById('fauxdtext').innerHTML='<div' + classbit + ' style="' + brbit + 'z-index:-89;position:absolute;left:' + Math.floor(eval(Math.min(xneeds[0],xneeds[0]) - ourdist / 2)) + 'px;top:' + Math.floor(eval(Math.min(yneeds[0],yneeds[0]) - ourdist / 2)) + 'px;width:' + ourdist + 'px;height:' + ourdist + 'px;z-index:98;' + bcbit + '"></div>';
} else {
document.getElementById('dtext').innerHTML+='<div' + classbit + ' style="' + brbit + 'position:absolute;left:' + Math.floor(eval(Math.min(xneeds[0],xneeds[0]) - ourdist / 2)) + 'px;top:' + Math.floor(eval(Math.min(yneeds[0],yneeds[0]) - ourdist / 2)) + 'px;width:' + ourdist + 'px;height:' + ourdist + 'px;z-index:98;' + bcbit + '"></div>';
}
} else {
if (rubberbanding) {
document.getElementById('fauxdtext').innerHTML='<div' + classbit + ' style="' + brbit + 'z-index:-89;position:absolute;left:' + Math.min(xneeds[0],nx) + 'px;top:' + Math.min(yneeds[0],ny) + 'px;width:' + Math.max(Math.floor(eval(-30 + Math.abs(xneeds[0] - nx))),Math.floor(eval(mone * Math.abs(xneeds[0] - nx)))) + 'px;height:' + Math.max(Math.floor(eval(-30 + Math.abs(yneeds[0] - ny))),Math.floor(eval(mone * Math.abs(yneeds[0] - ny)))) + 'px;z-index:98;' + bcbit + '"></div>';
} else {
document.getElementById('dtext').innerHTML+='<div' + classbit + ' style="' + brbit + 'position:absolute;left:' + Math.min(xneeds[0],xneeds[1]) + 'px;top:' + Math.min(yneeds[0],yneeds[1]) + 'px;width:' + Math.abs(xneeds[0] - xneeds[1]) + 'px;height:' + Math.abs(yneeds[0] - yneeds[1]) + 'px;z-index:98;' + bcbit + '"></div>';
}
}
if (!rubberbanding) {
textnum++;
xneeds=[];
yneeds=[];
//alert('arest=' + arest);
if (xfsz != '') {
fszbit=' <span id=spanfsz></span><select id=fsz onchange="xfsz=huhnothing(this.value);"><option value="' + xfsz + '">' + xfsz.replace('.','') + 'px</option><option value=".10">10px</option><option value=".6">6px</option><option value=".8">8px</option><option value=".9">9px</option><option value=".11">11px</option><option value=".12">12px</option><option value=".14">14px</option><option value=".16">16px</option><option value=".18">18px</option><option value=".20">20px</option><option value=".24">24px</option><option value=".30">30px</option><option value=".36">36px</option><option value=".40">40px</option><option value=".48">48px</option><option value=".50">50px</option><option value=".64">64px</option></select> <input onchange="myfscol=hextoninedec(this.value.replace(String.fromCharCode(35),String.fromCharCode(32)).replace(String.fromCharCode(59),String.fromCharCode(32)).trim());" title=\"\" type=color id=fscol value="' + singhex + '"></input> <input onblur=fsxit(this); onchange=fsxit(this); type=number id=fsangle max=359 step=1 min=0 value=' + fsx + ' title=Angle></input>';
if (document.getElementById('fsz')) { document.getElementById('fsz').value=xfsz; }
if (document.getElementById('fsangle')) { document.getElementById('fsangle').value='' + fsx; }
} else {
fszbit=' <span id=spanfsz></span><select id=fsz onchange="xfsz=huhnothing(this.value);"><option value=".10">10px</option><option value=".6">6px</option><option value=".8">8px</option><option value=".9">9px</option><option value=".11">11px</option><option value=".12">12px</option><option value=".14">14px</option><option value=".16">16px</option><option value=".18">18px</option><option value=".20">20px</option><option value=".24">24px</option><option value=".30">30px</option><option value=".36">36px</option><option value=".40">40px</option><option value=".48">48px</option><option value=".50">50px</option><option value=".64">64px</option></select> <input onchange="myfscol=hextoninedec(this.value.replace(String.fromCharCode(35),String.fromCharCode(32)).replace(String.fromCharCode(59),String.fromCharCode(32)).trim());" title=\"\" type=color id=fscol value="' + singhex + '"></input> <input onblur=fsxit(this); onchange=fsxit(this); type=number id=fsangle max=359 step=1 min=0 value=' + fsx + ' title=Angle></input>';
}
document.getElementById('tdright').innerHTML=" <span id=spemail><a target=_blank href='mailto:?subject=My%20" + cencodename + "%20...%20best%20viewed%20in%20landscape%20...&body=" + encodeURIComponent((document.getElementById('myvenn').src + arest).replace((document.getElementById('myvenn').src + arest).split('?')[0].split('#')[0], document.URL.split('?')[0].split('#')[0])).replace(/\%26/g, '&').replace(/\%3D/g, '=').replace(/\%3d/g, '=') + "' onclick='prehrefcheck(this);' onmouseover='hrefcheck(this);' id=aemail title=Email>📧</a></span> <span id=spsms><a target=_blank onmouseover=\"if (smsee.length == 0 && origsmsurl.indexOf('sms:&') != -1) { smsee=prompt('Please enter SMS number to send to.', ''); if (smsee == null) { smsee=''; } else { origsmsurl=origsmsurl.replace('sms:&','sms:' + smsee + '&'); asmsurl=asmsurl.replace('sms:&','sms:' + smsee + '&'); this.href=asmsurl; hrefcheck(this); } }\" ontouchstart=\"if (smsee.length == 0 && origsmsurl.indexOf('sms:&') != -1) { smsee=prompt('Please enter SMS number to send to.', ''); if (smsee == null) { smsee=''; } else { origsmsurl=origsmsurl.replace('sms:&','sms:' + smsee + '&'); asmsurl=asmsurl.replace('sms:&','sms:' + smsee + '&'); this.href=asmsurl; hrefcheck(this); } }\" href='sms:&body=" + encodeURIComponent((document.getElementById('myvenn').src + arest).replace(document.getElementById('myvenn').src.split('?')[0].split('#')[0], document.URL.split('?')[0].split('#')[0])) + "' onclick=prehrefcheck(this); id=asms title=SMS>📟</a></span><br><br> <input title=\"\" onclick=\"event.stopPropagation();\" id=ilp onblur=\"waitfortwo(0); lasttext=this.value.replace(/\~\~/g, '<br>'); this.title=lasttext; if (!navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) { this.value=''; } if (lasttext != '') { this.placeholder='Click where you want ... ' + lasttext.replace(/\<br\>/g, String.fromCharCode(10)); } mvp.setAttribute('content','initial-scale=1'); document.getElementById('myvenn').scrollIntoView();\" placeholder='Enter text and later click place for it on " + decodeURIComponent(cencodename) + " to left (line feed is ~~)' type=text style=width:450px; value=''></input>" + fszbit + "<br><br> <img id=line src='/MarkItUp/line.png' onclick=\"event.stopPropagation(); this.style.border='1px dott' + 'ed red'; waitfortwo(2);\"></img> <img id=rectangle src='/MarkItUp/rectangle.png' onclick=\"event.stopPropagation(); this.style.border=offit('1px dot' + 'ted red'); waitfortwo(4);\"></img> <img id=orectangle src='/MarkItUp/orectangle.png' onclick=\"event.stopPropagation(); this.style.border=offit('1px dot' + 'ted red'); waitfortwo(-4);\"></img> <img id=circle src='/MarkItUp/circlefill.png' onclick=\"event.stopPropagation(); this.style.border=offit('1px dot' + 'ted red'); waitfortwo(6);\"></img> <img id=ocircle src='/MarkItUp/circle.png' onclick=\"event.stopPropagation(); this.style.border=offit('1px dot' + 'ted red'); waitfortwo(-5);\"></img>" + scripteditor + " <button id=orerect onclick=\"event.stopPropagation(); this.style.border=offit('1px dot' + 'ted red'); waitfortwo(8);\" title=\"Zoom in on rectangle you define via two clicks\" style=display:none;>🔎</button>" + lastbit + atend;
//alert(1);
if (!navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) { document.getElementById('ilp').focus(); }
document.getElementById('ilp').placeholder='Enter text and later click place for it on ' + decodeURIComponent(cencodename) + ' to left (line feed is ~~)';
}
} else if (curmode == 2 && !rubberbanding) {
document.getElementById('line').style.border='1px dashed yellow';
//document.getElementById('myvenn').setAttribute('data-usemap',acton(''));
// document.title=' Nomap ';
} else if (curmode == -4 && !rubberbanding) {
document.getElementById('orectangle').style.border='1px dashed yellow';
//document.getElementById('myvenn').setAttribute('data-usemap',acton(''));
// document.title=' nOmap ';
} else if (curmode == 4 && !rubberbanding) {
document.getElementById('rectangle').style.border='1px dashed yellow';
//document.getElementById('myvenn').setAttribute('data-usemap',acton(''));
// document.title=' NOmap ';
} else if (curmode == -5 && !rubberbanding) {
document.getElementById('ocircle').style.border='1px dashed yellow';
//document.getElementById('myvenn').setAttribute('data-usemap',acton(''));
// document.title=' NoMap ';
} else if (curmode == 6 && !rubberbanding) {
document.getElementById('circle').style.border='1px dashed yellow';
//document.getElementById('myvenn').setAttribute('data-usemap',acton(''));
// document.title=' NomAp ';
} else if (curmode == 8 && !rubberbanding) {
document.getElementById('orerect').style.border='1px dashed yellow';
//document.getElementById('myvenn').setAttribute('data-usemap',acton(''));
// document.title=' NomaP ';
}
}
function xcheckforaction(rubberbanding,nx,ny) {
var bcbit='background-color:rgba(127,127,127,0.5);';
var zeroes='';
var classbit='';
var brbit='';
var ourdist=0;
var ioff=(rubberbanding == true ? 1 : 0);
var mone=1;
curno=eval('' + xneeds.length);
if (eval(ioff + curno) >= needtohave) {
if (!rubberbanding) {
document.getElementById('fauxdtext').innerHTML='';
}
if (curmode == 8) {
zeroes='00000000';
classbit=' class="crerect" ';
} else if (curmode == -5) {
//alert(1);
bcbit='border:2px solid rgba(127,127,127,0.5);';
if (rubberbanding) {
ourdist=eval(2.0 * Math.sqrt((nx - xneeds[0]) * (nx - xneeds[0]) + (ny - yneeds[0]) * (ny - yneeds[0])));
ourdist-=10;
bcbit='border:2px solid gray;background-color:transparent;';
} else {
ourdist=eval(2.0 * Math.sqrt((xneeds[1] - xneeds[0]) * (xneeds[1] - xneeds[0]) + (yneeds[1] - yneeds[0]) * (yneeds[1] - yneeds[0])));
}
//alert(ourdist);
//xneeds[1]=Math.floor('' + ourdist);
//yneeds[1]=xneeds[1];
brbit='border-radius:' + Math.floor(eval(ourdist / 2)) + 'px;';
zeroes='00000';
classbit=' class="ocirc" ';
//alert('open circle');
} else if (curmode == 6) {
if (rubberbanding) {
ourdist=eval(2.0 * Math.sqrt((nx - xneeds[0]) * (nx - xneeds[0]) + (ny - yneeds[0]) * (ny - yneeds[0])));
ourdist-=10;
} else {
ourdist=eval(2.0 * Math.sqrt((xneeds[1] - xneeds[0]) * (xneeds[1] - xneeds[0]) + (yneeds[1] - yneeds[0]) * (yneeds[1] - yneeds[0])));
}
//xneeds[1]=Math.floor('' + ourdist);
//yneeds[1]=xneeds[1];
brbit='border-radius:' + Math.floor(eval(ourdist / 2)) + 'px;';
//bcbit='border:2px solid rgba(127,127,127,0.5);';
zeroes='000000';
classbit=' class="ccirc" ';
//alert('closed circle ' + bcbit);
} else if (curmode == -4) {
if (rubberbanding) {
mone=0.90;
bcbit='border:2px solid gray;background-color:transparent;';
} else {
bcbit='border:2px solid rgba(127,127,127,0.5);';
}
zeroes='00';
classbit=' class="orect" ';
} else if (curmode == 2) {
zeroes='0';
if (rubberbanding) {
if (Math.min(xneeds[0],nx) == xneeds[0] && Math.min(yneeds[0],ny) == ny) { // thanks to https://stackoverflow.com/questions/18012420/draw-diagonal-lines-in-div-background-with-css
classbit=' class="crossedtotl" ';
} else if (Math.min(xneeds[0],nx) == nx && Math.min(yneeds[0],ny) == yneeds[0]) { // thanks to https://stackoverflow.com/questions/18012420/draw-diagonal-lines-in-div-background-with-css
classbit=' class="crossedtotl" ';
} else {
classbit=' class="crossedtotr" ';
}
} else {
if (Math.min(xneeds[0],xneeds[1]) == xneeds[0] && Math.min(yneeds[0],yneeds[1]) == yneeds[1]) { // thanks to https://stackoverflow.com/questions/18012420/draw-diagonal-lines-in-div-background-with-css
classbit=' class="crossedtotl" ';
} else if (Math.min(xneeds[0],xneeds[1]) == xneeds[1] && Math.min(yneeds[0],yneeds[1]) == yneeds[0]) { // thanks to https://stackoverflow.com/questions/18012420/draw-diagonal-lines-in-div-background-with-css
classbit=' class="crossedtotl" ';
} else {
classbit=' class="crossedtotr" ';
}
}
bcbit='';
} else if (curmode == 4) {
if (rubberbanding) {
mone=0.90;
}
zeroes='0000';
classbit=' class="crect" ';
}
if (!rubberbanding) {
curno=-1;
//if (brbit != '') {
//document.getElementById('dtext').innerHTML+='<div' + classbit + ' style="' + brbit + 'position:absolute;left:' + Math.min(xneeds[0],nx) + 'px;top:' + Math.min(yneeds[0],ny) + 'px;width:' + Math.abs(xneeds[0] - nx) + 'px;height:' + Math.abs(yneeds[0] - ny) + 'px;z-index:98;' + bcbit + '"></div>';
//} else {
//document.getElementById('dtext').innerHTML+='<div' + classbit + ' style="' + brbit + 'position:absolute;left:' + Math.min(xneeds[0],xneeds[1]) + 'px;top:' + Math.min(yneeds[0],yneeds[1]) + 'px;width:' + Math.abs(xneeds[0] - xneeds[1]) + 'px;height:' + Math.abs(yneeds[0] - yneeds[1]) + 'px;z-index:98;' + bcbit + '"></div>';
//}
document.getElementById('aemail').href+='&text' + textnum + '=' + encodeURIComponent('' + xneeds[0] + '.' + zeroes + xneeds[1] + ',' + yneeds[0] + '.' + yneeds[1] + ',') + '';
document.getElementById('asms').href+='&text' + textnum + '=' + encodeURIComponent('' + xneeds[0] + '.' + zeroes + xneeds[1] + ',' + yneeds[0] + '.' + yneeds[1] + ',') + '';
aemailurl+='&text' + textnum + '=' + encodeURIComponent('' + xneeds[0] + '.' + zeroes + xneeds[1] + ',' + yneeds[0] + '.' + yneeds[1] + ',') + '';
asmsurl+='&text' + textnum + '=' + encodeURIComponent('' + xneeds[0] + '.' + zeroes + xneeds[1] + ',' + yneeds[0] + '.' + yneeds[1] + ',') + '';
arest+='&text' + textnum + '=' + encodeURIComponent('' + xneeds[0] + '.' + zeroes + xneeds[1] + ',' + yneeds[0] + '.' + yneeds[1] + ',') + '';
}
if (brbit != '') {
//alert('brbit=' + brbit);
//xneeds[0]-=(xneeds[1] - xneeds[0]);
//yneeds[0]-=(yneeds[1] - yneeds[0]);
//alert('xneeds[0]=' + xneeds[0]);
if (rubberbanding) {
document.getElementById('fauxdtext').innerHTML='<div' + classbit + ' style="' + brbit + 'z-index:-89;position:absolute;left:' + Math.floor(eval(Math.min(xneeds[0],xneeds[0]) - ourdist / 2)) + 'px;top:' + Math.floor(eval(Math.min(yneeds[0],yneeds[0]) - ourdist / 2)) + 'px;width:' + ourdist + 'px;height:' + ourdist + 'px;z-index:98;' + bcbit + '"></div>';
} else {
document.getElementById('dtext').innerHTML+='<div' + classbit + ' style="' + brbit + 'position:absolute;left:' + Math.floor(eval(Math.min(xneeds[0],xneeds[0]) - ourdist / 2)) + 'px;top:' + Math.floor(eval(Math.min(yneeds[0],yneeds[0]) - ourdist / 2)) + 'px;width:' + ourdist + 'px;height:' + ourdist + 'px;z-index:98;' + bcbit + '"></div>';
}
} else {
if (rubberbanding) {
document.getElementById('fauxdtext').innerHTML='<div' + classbit + ' style="' + brbit + 'z-index:-89;position:absolute;left:' + Math.min(xneeds[0],nx) + 'px;top:' + Math.min(yneeds[0],ny) + 'px;width:' + Math.floor(eval(mone * Math.abs(xneeds[0] - nx))) + 'px;height:' + Math.floor(eval(mone * Math.abs(yneeds[0] - ny))) + 'px;z-index:98;' + bcbit + '"></div>';
} else {
document.getElementById('dtext').innerHTML+='<div' + classbit + ' style="' + brbit + 'position:absolute;left:' + Math.min(xneeds[0],xneeds[1]) + 'px;top:' + Math.min(yneeds[0],yneeds[1]) + 'px;width:' + Math.abs(xneeds[0] - xneeds[1]) + 'px;height:' + Math.abs(yneeds[0] - yneeds[1]) + 'px;z-index:98;' + bcbit + '"></div>';
}
}
if (!rubberbanding) {
textnum++;
xneeds=[];
yneeds=[];
//alert('arest=' + arest);
if (xfsz != '') {
fszbit=' <span id=spanfsz></span><select id=fsz onchange="xfsz=huhnothing(this.value);"><option value="' + xfsz + '">' + xfsz.replace('.','') + 'px</option><option value=".10">10px</option><option value=".6">6px</option><option value=".8">8px</option><option value=".9">9px</option><option value=".11">11px</option><option value=".12">12px</option><option value=".14">14px</option><option value=".16">16px</option><option value=".18">18px</option><option value=".20">20px</option><option value=".24">24px</option><option value=".30">30px</option><option value=".36">36px</option><option value=".40">40px</option><option value=".48">48px</option><option value=".50">50px</option><option value=".64">64px</option></select> <input onchange="myfscol=hextoninedec(this.value.replace(String.fromCharCode(35),String.fromCharCode(32)).replace(String.fromCharCode(59),String.fromCharCode(32)).trim());" title=\"\" type=color id=fscol value="' + singhex + '"></input> <input onblur=fsxit(this); onchange=fsxit(this); type=number id=fsangle max=359 step=1 min=0 value=' + fsx + ' title=Angle></input>';
if (document.getElementById('fsz')) { document.getElementById('fsz').value=xfsz; }
if (document.getElementById('fsangle')) { document.getElementById('fsangle').value='' + fsx; }
} else {
fszbit=' <span id=spanfsz></span><select id=fsz onchange="xfsz=huhnothing(this.value);"><option value=".10">10px</option><option value=".6">6px</option><option value=".8">8px</option><option value=".9">9px</option><option value=".11">11px</option><option value=".12">12px</option><option value=".14">14px</option><option value=".16">16px</option><option value=".18">18px</option><option value=".20">20px</option><option value=".24">24px</option><option value=".30">30px</option><option value=".36">36px</option><option value=".40">40px</option><option value=".48">48px</option><option value=".50">50px</option><option value=".64">64px</option></select> <input onchange="myfscol=hextoninedec(this.value.replace(String.fromCharCode(35),String.fromCharCode(32)).replace(String.fromCharCode(59),String.fromCharCode(32)).trim());" title=\"\" type=color id=fscol value="' + singhex + '"></input> <input onblur=fsxit(this); onchange=fsxit(this); type=number id=fsangle max=359 step=1 min=0 value=' + fsx + ' title=Angle></input>';
}
document.getElementById('tdright').innerHTML=" <span id=spemail><a target=_blank href='mailto:?subject=My%20" + cencodename + "%20...%20best%20viewed%20in%20landscape%20...&body=" + encodeURIComponent((document.getElementById('myvenn').src + arest).replace((document.getElementById('myvenn').src + arest).split('?')[0].split('#')[0], document.URL.split('?')[0].split('#')[0])).replace(/\%26/g, '&').replace(/\%3D/g, '=').replace(/\%3d/g, '=') + "' onclick='prehrefcheck(this);' onmouseover='hrefcheck(this);' id=aemail title=Email>📧</a></span> <span id=spsms><a target=_blank onmouseover=\"if (smsee.length == 0 && origsmsurl.indexOf('sms:&') != -1) { smsee=prompt('Please enter SMS number to send to.', ''); if (smsee == null) { smsee=''; } else { origsmsurl=origsmsurl.replace('sms:&','sms:' + smsee + '&'); asmsurl=asmsurl.replace('sms:&','sms:' + smsee + '&'); this.href=asmsurl; hrefcheck(this); } }\" ontouchstart=\"if (smsee.length == 0 && origsmsurl.indexOf('sms:&') != -1) { smsee=prompt('Please enter SMS number to send to.', ''); if (smsee == null) { smsee=''; } else { origsmsurl=origsmsurl.replace('sms:&','sms:' + smsee + '&'); asmsurl=asmsurl.replace('sms:&','sms:' + smsee + '&'); this.href=asmsurl; hrefcheck(this); } }\" href='sms:&body=" + encodeURIComponent((document.getElementById('myvenn').src + arest).replace(document.getElementById('myvenn').src.split('?')[0].split('#')[0], document.URL.split('?')[0].split('#')[0])).replace(/\%26/g,'&').replace(/\%3D/g, '=').replace(/\%3d/g, '=') + "' onclick=prehrefcheck(this); id=asms title=SMS>📟</a></span><br><br> <input title=\"\" onclick=\"event.stopPropagation();\" id=ilp onblur=\"waitfortwo(0); lasttext=this.value.replace(/\~\~/g, '<br>'); this.title=lasttext; if (!navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i) || 7 == 7) { this.value=''; } if (lasttext != '') { this.placeholder='Click where you want ... ' + lasttext.replace(/\<br\>/g, String.fromCharCode(10)); } mvp.setAttribute('content','initial-scale=1'); document.getElementById('myvenn').scrollIntoView();\" placeholder='Enter text and later click place for it on " + decodeURIComponent(cencodename) + " to left (line feed is ~~)' type=text style=width:450px; value=''></input>" + fszbit + "<br><br> <img id=line src='/MarkItUp/line.png' onclick=\"event.stopPropagation(); this.style.border=offit('1px dot' + 'ted red'); waitfortwo(2);\"></img> <img id=rectangle src='/MarkItUp/rectangle.png' onclick=\"event.stopPropagation(); this.style.border=offit('1px dot' + 'ted red'); waitfortwo(4);\"></img> <img id=orectangle src='/MarkItUp/orectangle.png' onclick=\"event.stopPropagation(); this.style.border=offit('1px dot' + 'ted red'); waitfortwo(-4);\"></img> <img id=circle src='/MarkItUp/circlefill.png' onclick=\"event.stopPropagation(); this.style.border=offit('1px dot' + 'ted red'); waitfortwo(6);\"></img> <img id=ocircle src='/MarkItUp/circle.png' onclick=\"event.stopPropagation(); this.style.border=offit('1px dot' + 'ted red'); waitfortwo(-5);\"></img>" + scripteditor + " <button id=orerect onclick=\"event.stopPropagation(); this.style.border=offit('1px dot' + 'ted red'); waitfortwo(8);\" title=\"Zoom in on rectangle you define via two clicks\" style=display:none;>🔎</button>" + lastbit + atend;
//alert(1);
if (!navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) { document.getElementById('ilp').focus(); }
document.getElementById('ilp').placeholder='Enter text and later click place for it on ' + decodeURIComponent(cencodename) + ' to left (line feed is ~~)';
}
} else if (curmode == 2 && !rubberbanding) {
document.getElementById('line').style.border='1px dashed yellow';
} else if (curmode == -4 && !rubberbanding) {
document.getElementById('orectangle').style.border='1px dashed yellow';
} else if (curmode == 4 && !rubberbanding) {
document.getElementById('rectangle').style.border='1px dashed yellow';
} else if (curmode == -5 && !rubberbanding) {
document.getElementById('ocircle').style.border='1px dashed yellow';
} else if (curmode == 6 && !rubberbanding) {
document.getElementById('circle').style.border='1px dashed yellow';
} else if (curmode == 8 && !rubberbanding) {
document.getElementById('orerect').style.border='1px dashed yellow';
}
}
function waitfortwo(imode) {
if (imode == 0) {
if (curno == -1) {
xneeds=[];
yneeds=[];
curno=0;
}
document.getElementById('line').disabled=true;
document.getElementById('rectangle').disabled=true;
document.getElementById('orectangle').disabled=true;
document.getElementById('circle').disabled=true;
document.getElementById('ocircle').disabled=true;
document.getElementById('detsed').disabled=true;
document.getElementById('orerect').disabled=true;
if (document.getElementById('tdright').innerHTML.replace(' dotted ',' dashed ').indexOf(' dashed ') != -1 || document.getElementById('ilp').value.trim() != '' || document.getElementById('ilp').placeholder.indexOf(' where you want ...') != -1) {
document.getElementById('myvenn').setAttribute('data-usemap',acton(''));
//document.title=' NomAP ';
}
} else if (imode == -1) {
curno=-1;
document.getElementById('line').disabled=false;
document.getElementById('rectangle').disabled=false;
document.getElementById('orectangle').disabled=false;
document.getElementById('circle').disabled=false;
document.getElementById('ocircle').disabled=false;
document.getElementById('detsed').disabled=false;
document.getElementById('orerect').disabled=false;
//alert('?');
// document.getElementById('myvenn').setAttribute('data-usemap',acton(''));
// document.title=' NoMAP ';
} else {
xneeds=[];
yneeds=[];
curno=0;
curmode=imode;
if (imode == 1) {
needtohave=2;
document.getElementById('myvenn').setAttribute('data-usemap',acton(''));
//document.title=' NOMAP ';
} else if (imode == 4 || imode == -4 || imode == 6 || imode == -5 || imode == 8) {
needtohave=2;
//alert('turn off');
document.getElementById('myvenn').setAttribute('data-usemap',acton(''));
//document.title=' NOMAP ';
}
if (document.getElementById('tdright').innerHTML.replace(' dotted ',' dashed ').indexOf(' dashed ') != -1) {
document.getElementById('myvenn').setAttribute('data-usemap',acton(''));
//document.title=' NomAP ';
}
}
}
function offit(instw) {
document.getElementById('myvenn').setAttribute('data-usemap',acton(''));
//document.title=' NOMAP ';
return instw;
}
function ask(evt) {
var answer='', answertherest='';
if (firstpromptvenn) { return ''; }
if (document.getElementById('ilp')) {
var huh=document.getElementById('ilp').placeholder;
var anotherhuh='';
if (huh.indexOf(' ...') != -1) {
anotherhuh=huh.split(' ...')[1].trim();
if (anotherhuh != '') { document.getElementById('ilp').title=anotherhuh; }
}
// if (navigator.userAgent.match(/iPad/i)) { alert('1 ' + x + ' ' + lasttext + ' normalcall=' + normalcall + ' ... ' + ('' + document.getElementById('ilp').title)); }
if (lasttext == '' && (evt || (x >= 0 && y >= 0)) && normalcall && ('' + document.getElementById('ilp').title) != '') {
lasttext=document.getElementById('ilp').title;
// if (navigator.userAgent.match(/iPad/i)) { alert('10 ' + lasttext + ' normalcall=' + normalcall); }
document.getElementById('ilp').title='';
}
}
if (lasttext != '' && (evt || (x >= 0 && y >= 0)) && normalcall) {
// if (navigator.userAgent.match(/iPad/i)) { alert(11); }
// document.getElementById('ilp').placeholder='Enter text and later click place for it on ' + decodeURIComponent(cencodename) + ' to left (line feed is ~~)';
elemLeft = document.getElementById('myvenn').offsetLeft;
elemTop = document.getElementById('myvenn').offsetTop;
//document.getElementById('myh3').innerHTML+=' ' + elemLeft + ',' + elemTop;
if (!navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i) || 8 == 8) {
if (evt) {
evt = evt || window.event;
//if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) {
// document.title='e.preventDefault(); //2';
//}
evt.preventDefault();
if (evt.touches) {
if (evt.touches[0].pageX) {
//alert('here');
x = evt.touches[0].pageX + document.body.scrollLeft - elemLeft;
y = evt.touches[0].pageY + document.body.scrollTop - elemTop;
//alert('x:' + x + ' and y:' + y);
} else {
//alert('Here');
x = evt.touches[0].clientX + document.body.scrollLeft - elemLeft;
y = evt.touches[0].clientY + document.body.scrollTop - elemTop;
//alert('x:' + x + ' and y:' + y);
}
} else if (evt.clientX || ev.clientY) {
//alert('HERE');
x = evt.clientX + document.body.scrollLeft - elemLeft;
y = evt.clientY + document.body.scrollTop - elemTop;
} else {
//alert('HEre');
x = evt.pageX + document.body.scrollLeft - elemLeft;
y = evt.pageY + document.body.scrollTop - elemTop;
}
}
}
document.getElementById('ilp').placeholder=document.getElementById('ilp').placeholder.replace('Click where you want ','Indicate where you want ');
if (document.getElementById('fauxdtext').innerHTML.indexOf('>' + lasttext + '<') != -1) {
document.getElementById(dtextis).innerHTML+=document.getElementById('fauxdtext').innerHTML;
document.getElementById('fauxdtext').innerHTML='';
x=xneeds[0];
y=yneeds[0];
} else {
//alert(dtextis + ' ' + lasttext);
if (('' + fsx) != '0') {
document.getElementById(dtextis).innerHTML+='<p class=p style="position:absolute;font-size:' + xfsz.replace('.','') + 'px;font-family:Arial;left:-500px;top:-500px;z-index:-98;">' + lasttext + '</p>';
fsxo('');
document.getElementById(dtextis).innerHTML+='<p class=p style="' + fsxcss + tcolbit + 'position:absolute;font-size:' + xfsz.replace('.','') + 'px;font-family:Arial;left:' + x + 'px;top:' + y + 'px;z-index:98;">' + lasttext + '</p>';
} else {
document.getElementById(dtextis).innerHTML+='<p class=p style="' + fsxcss + tcolbit + 'margin-top:-' + eval(xfsz.replace('.','') / 1) + 'px;position:absolute;font-size:' + xfsz.replace('.','') + 'px;font-family:Arial;left:' + x + 'px;top:' + y + 'px;z-index:98;">' + lasttext + '</p>';
}
}
document.getElementById('aemail').href+='&text' + textnum + '=' + encodeURIComponent(fsxo('' + x + dummyfsxo(xfsz) + ',' + y + fsy + ',')) + encodeURIComponent(lasttext.replace(/\<br\>/g, String.fromCharCode(10)));
document.getElementById('asms').href+='&text' + textnum + '=' + encodeURIComponent(fsxo('' + x + dummyfsxo(xfsz) + ',' + y + fsy + ',')) + encodeURIComponent(lasttext.replace(/\<br\>/g, String.fromCharCode(10)));
arest+='&text' + textnum + '=' + encodeURIComponent(fsxo('' + x + dummyfsxo(xfsz) + ',' + y + fsy + ',')) + encodeURIComponent(lasttext.replace(/\<br\>/g, String.fromCharCode(10)));
therest+='&text' + textnum + '=' + encodeURIComponent(fsxo('' + x + dummyfsxo(xfsz) + ',' + y + fsy + ',')) + encodeURIComponent(lasttext.replace(/\<br\>/g, String.fromCharCode(10)));
asmsurl+='&text' + textnum + '=' + encodeURIComponent(fsxo('' + x + dummyfsxo(xfsz) + ',' + y + fsy + ',')) + encodeURIComponent(lasttext.replace(/\<br\>/g, String.fromCharCode(10)));
aemailurl+='&text' + textnum + '=' + encodeURIComponent(fsxo('' + x + dummyfsxo(xfsz) + ',' + y + fsy + ',')) + encodeURIComponent(lasttext.replace(/\<br\>/g, String.fromCharCode(10)));
document.getElementById('tdright').innerHTML=" <span id=spemail><a target=_blank href='mailto:?subject=My%20" + cencodename + "%20...%20best%20viewed%20in%20landscape%20...&body=" + encodeURIComponent((document.getElementById('myvenn').src + arest).replace((document.getElementById('myvenn').src + arest).split('?')[0].split('#')[0], document.URL.split('?')[0].split('#')[0])) + "' onclick='prehrefcheck(this);' onmouseover='hrefcheck(this);' id=aemail title=Email>📧</a></span> <span id=spsms><a target=_blank onmouseover=\"if (smsee.length == 0 && origsmsurl.indexOf('sms:&') != -1) { smsee=prompt('Please enter SMS number to send to.', ''); if (smsee == null) { smsee=''; } else { origsmsurl=origsmsurl.replace('sms:&','sms:' + smsee + '&'); asmsurl=asmsurl.replace('sms:&','sms:' + smsee + '&'); this.href=asmsurl; hrefcheck(this); } }\" ontouchstart=\"if (smsee.length == 0 && origsmsurl.indexOf('sms:&') != -1) { smsee=prompt('Please enter SMS number to send to.', ''); if (smsee == null) { smsee=''; } else { origsmsurl=origsmsurl.replace('sms:&','sms:' + smsee + '&'); asmsurl=asmsurl.replace('sms:&','sms:' + smsee + '&'); this.href=asmsurl; hrefcheck(this); } }\" href='sms:&body=" + encodeURIComponent((document.getElementById('myvenn').src + arest).replace(document.getElementById('myvenn').src.split('?')[0].split('#')[0], document.URL.split('?')[0].split('#')[0])) + "' onclick=prehrefcheck(this); id=asms title=SMS>📟</a></span><br><br> <input title=\"\" onclick=\"event.stopPropagation();\" id=ilp onblur=\"waitfortwo(0); lasttext=this.value.replace(/\~\~/g, '<br>'); this.title=lasttext; if (!navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i) || 7 == 7) { this.value=''; } if (lasttext != '') { this.placeholder='Click where you want ... ' + lasttext.replace(/\<br\>/g, String.fromCharCode(10)); } mvp.setAttribute('content','initial-scale=1'); document.getElementById('myvenn').scrollIntoView();\" placeholder='Enter text and later click place for it on " + decodeURIComponent(cencodename) + " to left (line feed is ~~)' type=text style=width:450px; value=''></input>" + fszbit + "<br><br> <img id=line src='/MarkItUp/line.png' onclick=\"event.stopPropagation(); this.style.border=offit('1px dot' + 'ted red'); waitfortwo(2);\"></img> <img id=rectangle src='/MarkItUp/rectangle.png' onclick=\"event.stopPropagation(); this.style.border=offit('1px dot' + 'ted red'); waitfortwo(4);\"></img> <img id=orectangle src='/MarkItUp/orectangle.png' onclick=\"event.stopPropagation(); this.style.border=offit('1px dot' + 'ted red'); waitfortwo(-4);\"></img> <img id=circle src='/MarkItUp/circlefill.png' onclick=\"event.stopPropagation(); this.style.border=offit('1px dot' + 'ted red'); waitfortwo(6);\"></img> <img id=ocircle src='/MarkItUp/circle.png' onclick=\"event.stopPropagation(); this.style.border=offit('1px dot' + 'ted red'); waitfortwo(-5);\"></img>" + scripteditor + " <button id=orerect onclick=\"event.stopPropagation(); this.style.border=offit('1px dot' + 'ted red'); waitfortwo(8);\" title=\"Zoom in on rectangle you define via two clicks\" style=display:none;>🔎</button>" + lastbit + atend;
//alert( document.getElementById('aemail').outerHTML );
//alert( document.getElementById('asms').outerHTML );
textnum++;
lasttext='';
//xfsz='';
fszbit='';
if (document.getElementById('fsz') && 1 == 7) {
document.getElementById('fsz').style.visibility='hidden';
}
document.getElementById('ilp').title='';
document.getElementById('ilp').value='';
setTimeout(function(){ document.getElementById('myvenn').setAttribute('data-usemap',acton('#mymap')); }, 2000);
//document.title+=' Map ';
x=-1;
y=-1;
waitfortwo(-1);
//alert(11);
if (xfsz != '') {
fszbit=' <span id=spanfsz></span><select id=fsz onchange="xfsz=huhnothing(this.value);"><option value="' + xfsz + '">' + xfsz.replace('.','') + 'px</option><option value=".10">10px</option><option value=".6">6px</option><option value=".8">8px</option><option value=".9">9px</option><option value=".11">11px</option><option value=".12">12px</option><option value=".14">14px</option><option value=".16">16px</option><option value=".18">18px</option><option value=".20">20px</option><option value=".24">24px</option><option value=".30">30px</option><option value=".36">36px</option><option value=".40">40px</option><option value=".48">48px</option><option value=".50">50px</option><option value=".64">64px</option></select> <input onchange="myfscol=hextoninedec(this.value.replace(String.fromCharCode(35),String.fromCharCode(32)).replace(String.fromCharCode(59),String.fromCharCode(32)).trim());" title=\"\" type=color id=fscol value="' + singhex + '"></input> <input onblur=fsxit(this); onchange=fsxit(this); type=number id=fsangle max=359 step=1 min=0 value=' + fsx + ' title=Angle></input>';
if (document.getElementById('fsz')) { document.getElementById('fsz').value=xfsz; }
if (document.getElementById('fsangle')) { document.getElementById('fsangle').value='' + fsx; }
} else {
fszbit=' <span id=spanfsz></span><select id=fsz onchange="xfsz=huhnothing(this.value);"><option value=".10">10px</option><option value=".6">6px</option><option value=".8">8px</option><option value=".9">9px</option><option value=".11">11px</option><option value=".12">12px</option><option value=".14">14px</option><option value=".16">16px</option><option value=".18">18px</option><option value=".20">20px</option><option value=".24">24px</option><option value=".30">30px</option><option value=".36">36px</option><option value=".40">40px</option><option value=".48">48px</option><option value=".50">50px</option><option value=".64">64px</option></select> <input onchange="myfscol=hextoninedec(this.value.replace(String.fromCharCode(35),String.fromCharCode(32)).replace(String.fromCharCode(59),String.fromCharCode(32)).trim());" title=\"\" type=color id=fscol value="' + singhex + '"></input> <input onblur=fsxit(this); onchange=fsxit(this); type=number id=fsangle max=359 step=1 min=0 value=' + fsx + ' title=Angle></input>';
}
if (findout) {
findout=false;
alert('atstart,normalcall=' + atstart + ',' + normalcall);
}
if (!navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) { document.getElementById('ilp').focus(); }
document.getElementById('ilp').placeholder='Enter text and later click place for it on ' + decodeURIComponent(cencodename) + ' to left (line feed is ~~)';
} else if (!evt || !normalcall) {
answer=null;
if (ctype != 'map' && (document.getElementById('mysel') == null ? (document.URL.indexOf('cht=map') != -1 ? 'map' : 'v') : document.getElementById('mysel').value) != 'map') {
if (chd == '') {
firstpromptvenn=true;
answer=prompt(exstring.replace(' ! below ', (' ! ( navigates to http:' + alturl + ' ) below ').replace(' ! ( navigates to http: ) below ',' ! below ')) + promptone + answersuffix, beforeanswer + (chd == '' ? prenchtt : (chd.replace('t:',''))));
if (answer == null) {
setTimeout(function(){ document.getElementById('myvenn').setAttribute('data-usemap',acton('#mymap')); }, 2000);
//document.title+=' Map ';
} else if (answer == '!' && !imagechartthere && alturl != '') {
window.open(alturl, '_blank');
answer=null;
}
if (answer.replace('digraph','graph').substring(0,5) == 'graph' && ctype.substring(0,1) == 'v') {
document.getElementById('incont').value=respan(answer);
document.getElementById('bsubo').click();
}
} else {
firstpromptvenn=true;
answer=prompt(exstring.replace(' ! below ', (' ! ( navigates to http:' + alturl + ' ) below ').replace(' ! ( navigates to http: ) below ',' ! below ')) + oneprompt + answersuffix, beforeanswer + (chd == '' ? prenchtt : (chd.replace('t:',''))));
if (answer == null) {
setTimeout(function(){ document.getElementById('myvenn').setAttribute('data-usemap',acton('#mymap')); }, 2000);
//document.title+=' Map ';
} else if (answer == '!' && !imagechartthere && alturl != '') {
window.open(alturl, '_blank');
answer=null;
}
}
}
vals=[];
if (answer == null) { firstpromptvenn=false; }
if (answer != null) {
answer=answer.trim();
if (ctype == 'r' && (answer + ' ').substring(0,1).toLowerCase() == 's') {
if (pretherest == '') {
chdt='s' + chdt;
}
pretherest='s';
answer=answer.substring(1);
}
if (answer.trim() != '') {
var delimis='';
var blnks=answer.trim().split(' ');
if (eval('' + blnks.length) > 1) {
pretherest=blnks[0];
ctype+=blnks[0];
answer=answer.trim().replace(pretherest + ' ','');
}
// chdt tc RE t: to t0: or t1:
blnks=answer.trim().split(':');
if (eval('' + blnks.length) > 1) {
tmod=blnks[0].split(' ')[eval(-1 + blnks[0].split(' ').length)];
tc='t' + tmod + ':';
chdt=chdt.replace('t:', 't' + tmod + ':');
answer=answer.trim().replace(tmod + ':','');
if (answer.indexOf('&chm=') != -1) {
twopb=twopb.replace('&chbh=15,4,15','');
therest=twopb.replace(twopb.split('&')[0],'').replace('&chbh=15,4,15','');
} else {
therest='&chm=F,,1,1:4,20' + twopb.replace(twopb.split('&')[0],'');
}
if (tmod == '0') {
cencodename=cencodename.replace('Line', 'Candlestick/Box').replace('Bar', 'Candlestick/Box');
cname=cname.replace('Line', 'Candlestick/Box').replace('Bar', 'Candlestick/Box');
therest=therest.replace('Line', 'Candlestick/Box').replace('Bar', 'Candlestick/Box');
twopb=twopb.replace('Line', 'Candlestick/Box').replace('Bar', 'Candlestick/Box');
origemailurl=origemailurl.replace('Line', 'Candlestick/Box').replace('Bar', 'Candlestick/Box');
origsmsurl=origsmsurl.replace('Line', 'Candlestick/Box').replace('Bar', 'Candlestick/Box');
} else if (tmod != '' && tmod != '0') {
cencodename=cencodename.replace('Line', 'Line%20and%20Candlestick').replace('Bar', 'Bar%20and%20Candlestick');
cname=cname.replace('Line', 'Line and Candlestick').replace('Bar', 'Bar and Candlestick');
therest=therest.replace('Line', 'Line%20and%20Candlestick%2fBox').replace('Bar', 'Bar%20and%20Candlestick%2fBox');
twopb=twopb.replace('Line', 'Line%20and%20Candlestick%2fBox').replace('Bar', 'Bar%20and%20Candlestick%2fBox');
origemailurl=origemailurl.replace('Line', 'Line%20and%20Candlestick%2fBox').replace('Bar', 'Bar%20and%20Candlestick%2fBox');
origsmsurl=origsmsurl.replace('Line', 'Line%20and%20Candlestick%2fBox').replace('Bar', 'Bar%20and%20Candlestick%2fBox');
}
}
for (var ii=0; ii<answer.length; ii++) {
if (delimis == '' && (answer.substring(ii).substring(0,1) < '0' || answer.substring(ii).substring(0,1) > '9')) {
delimis=answer.substring(ii).substring(0,1);
}
}
}
if (delimis != '') {
vals=answer.split(delimis);
}
if (ctype != 'v' || (vals.length == 6 || vals.length == 7)) {
answertherest='';
if (ctype == 'vgraph') { asktwo=false; } // new line
if (asktwo && ctype != 'map' && (document.getElementById('mysel') == null ? (document.URL.indexOf('cht=map') != -1 ? 'map' : 'v') : document.getElementById('mysel').value) != 'map') { //document.getElementById('mysel').value != 'map') {
//answertherest=prompt('Any optional legend or title argument snippets? Eg. ' + chdl + preachtt + '&chtt=My%20' + cencodename + '&chco=' + defchco, therest);
answertherest=prompt(twopb, therest);
}
if (answertherest == null) { answertherest=''; }
if (ctype == 'p' && answertherest.trim() != '' && answertherest.trim().split('&')[0].trim() != '') {
ctype+=answertherest.trim().split('&')[0].trim();
answertherest=answertherest.replace(answertherest.split('&')[0], '');
if (document.URL.indexOf('cht=p&') != -1) {
location.href=document.URL.split('?')[0].split('#')[0] + '?cht=' + ctype + chdt + encodeURIComponent(answer).replace(/\%26/g,'&').replace(/\%3D/g, '=').replace(/\%3d/g, '=') + answertherest.trim();
}
} else if (ctype.substring(0,1) == 'p' && pretherest != '' && answertherest.trim() != '' && answertherest.trim().split('&')[0].trim() == '') {
if (chdt.indexOf(pretherest) == 0) { chdt=chdt.replace(pretherest,''); }
pretherest='';
ctype='p';
//var huh=prompt('//www.rjmprogramming.com.au/ITblog/' + Math.min(550,window.innerWidth) + '/' + Math.min(350,window.innerHeight) + '/?cht=' + ctype + chdt + encodeURIComponent(answer).replace(/\%26/g,'&').replace(/\%3D/g, '=').replace(/\%3d/g, '=') + answertherest.trim() + '', 'www.rjmprogramming.com.au/ITblog/' + Math.min(550,window.innerWidth) + '/' + Math.min(350,window.innerHeight) + '/?cht=' + ctype + chdt + encodeURIComponent(answer).replace(/\%26/g,'&').replace(/\%3D/g, '=').replace(/\%3d/g, '=') + answertherest.trim() + '');
//document.getElementById('myvenn').src='//www.rjmprogramming.com.au/ITblog/' + Math.min(550,window.innerWidth) + '/' + Math.min(350,window.innerHeight) + '/?cht=' + ctype + chdt + encodeURIComponent(answer).replace(/\%26/g,'&').replace(/\%3D/g, '=').replace(/\%3d/g, '=') + answertherest.trim() + '';
location.href=document.URL.split('?')[0].split('#')[0] + '?cht=' + ctype + chdt + encodeURIComponent(answer).replace(/\%26/g,'&').replace(/\%3D/g, '=').replace(/\%3d/g, '=') + answertherest.trim();
//alert(5);
//} else if (ctype.substring(0,1) == 'r' && pretherest != '' && answertherest.trim() != '' && answertherest.trim().split('&')[0].trim() == '') {
// if (chdt.indexOf(pretherest) == 0) { chdt=chdt.replace(pretherest,''); }
// pretherest='';
// ctype='r';
//var huh=prompt('//www.rjmprogramming.com.au/ITblog/' + Math.min(550,window.innerWidth) + '/' + Math.min(350,window.innerHeight) + '/?cht=' + ctype + chdt + encodeURIComponent(answer).replace(/\%26/g,'&').replace(/\%3D/g, '=').replace(/\%3d/g, '=') + answertherest.trim() + '', 'www.rjmprogramming.com.au/ITblog/' + Math.min(550,window.innerWidth) + '/' + Math.min(350,window.innerHeight) + '/?cht=' + ctype + chdt + encodeURIComponent(answer).replace(/\%26/g,'&').replace(/\%3D/g, '=').replace(/\%3d/g, '=') + answertherest.trim() + '');
//document.getElementById('myvenn').src='//www.rjmprogramming.com.au/ITblog/' + Math.min(550,window.innerWidth) + '/' + Math.min(350,window.innerHeight) + '/?cht=' + ctype + chdt + encodeURIComponent(answer).replace(/\%26/g,'&').replace(/\%3D/g, '=').replace(/\%3d/g, '=') + answertherest.trim() + '';
// location.href=document.URL.split('?')[0].split('#')[0] + '?cht=' + ctype + chdt + encodeURIComponent(answer).replace(/\%26/g,'&').replace(/\%3D/g, '=').replace(/\%3d/g, '=') + answertherest.trim();
//alert(5);
}
therest=answertherest.trim();
var aone=1;
var plotstring='';
var flds=[];
if (therest.indexOf('&text' + aone + '=') != -1) {
while (therest.indexOf('&text' + aone + '=') != -1) {
if (chd == '') {
plotstring=decodeURIComponent(therest.split('&text' + aone + '=')[1].split('&')[0]);
while (plotstring.indexOf(String.fromCharCode(10)) != -1) {
plotstring=plotstring.replace(String.fromCharCode(10), '<br>');
}
flds=plotstring.split(',');
if (eval('' + flds.length) >= 3) {
document.getElementById(dtextis).innerHTML+='<p class=p style="' + fsxcss + tcolbit + 'margin-top:-' + eval(xfsz.replace('.','') / 2) + 'px;position:absolute;font-size:' + xfsz.replace('.','') + 'px;font-family:Arial;left:' + flds[0] + 'px;top:' + flds[1] + 'px;z-index:98;">' + plotstring.split('' + flds[0] + ',' + flds[1] + ',')[1] + '</p>';
}
}
aone++;
textnum=aone;
}
}
//document.getElementById('myvenn').style.backgroundImage='url(//www.rjmprogramming.com.au/ITblog/' + Math.min(550,window.innerWidth) + '/' + Math.min(350,window.innerHeight) + '/?cht=' + ctype + chdt + encodeURIComponent(answer + therest) + ')';
document.getElementById('myvenn').src=lessthannt('//www.rjmprogramming.com.au/ITblog/' + Math.min(550,window.innerWidth) + '/' + Math.min(350,window.innerHeight) + '/?cht=' + ctype + chdt + encodeURIComponent(answer).replace(/\%26/g,'&').replace(/\%3D/g, '=').replace(/\%3d/g, '=') + therest + '');
if (document.getElementById('tdright').innerHTML == '') {
//document.getElementById('tdright').innerHTML=" <span id=spemail><a target=_blank href='mailto:?subject=My%20" + cencodename + "%20...%20best%20viewed%20in%20landscape%20...&body=" + encodeURIComponent((document.getElementById('myvenn').src + arest).replace(document.getElementById('myvenn').src.split('?')[0].split('#')[0], document.URL.split('?')[0].split('#')[0])) + "' onclick='prehrefcheck(this);' onmouseover='hrefcheck(this);' id=aemail title=Email>📧</a></span> <span id=spsms><a target=_blank onmouseover=\"if (smsee.length == 0 && origsmsurl.indexOf('sms:&') != -1) { smsee=prompt('Please enter SMS number to send to.', ''); if (smsee == null) { smsee=''; } else { origsmsurl=origsmsurl.replace('sms:&','sms:' + smsee + '&'); asmsurl=asmsurl.replace('sms:&','sms:' + smsee + '&'); this.href=asmsurl; hrefcheck(this); } }\" ontouchstart=\"if (smsee.length == 0 && origsmsurl.indexOf('sms:&') != -1) { smsee=prompt('Please enter SMS number to send to.', ''); if (smsee == null) { smsee=''; } else { origsmsurl=origsmsurl.replace('sms:&','sms:' + smsee + '&'); asmsurl=asmsurl.replace('sms:&','sms:' + smsee + '&'); this.href=asmsurl; hrefcheck(this); } }\" href='sms:&body=" + encodeURIComponent((document.getElementById('myvenn').src + arest).replace(document.getElementById('myvenn').src.split('?')[0].split('#')[0], document.URL.split('?')[0].split('#')[0])) + "' onclick=prehrefcheck(this); id=asms title=SMS>📟</a></span><br><br> <input title=\"\" onclick=\"event.stopPropagation();\" id=ilp onblur=\"waitfortwo(0); lasttext=this.value.replace(/\~\~/g, '<br>'); this.title=lasttext; if (!navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i) || 7 == 7) { this.value=''; } if (lasttext != '') { this.placeholder='Click where you want ... ' + lasttext.replace(/\<br\>/g, String.fromCharCode(10)); }\" placeholder='Enter text and later click place for it on " + decodeURIComponent(cencodename) + " to left (line feed is ~~)' type=text style=width:450px; value=''></input>" + fszbit + "<br><br> <img id=line src='/MarkItUp/line.png' onclick=\"event.stopPropagation(); this.style.border=offit('1px dot' + 'ted red'); waitfortwo(2);\"></img> <img id=rectangle src='/MarkItUp/rectangle.png' onclick=\"event.stopPropagation(); this.style.border=offit('1px dot' + 'ted red'); waitfortwo(4);\"></img> <img id=orectangle src='/MarkItUp/orectangle.png' onclick=\"event.stopPropagation(); this.style.border=offit('1px dot' + 'ted red'); waitfortwo(-4);\"></img>" + scripteditor + " <button id=orerect onclick=\"event.stopPropagation(); this.style.border=offit('1px dot' + 'ted red'); waitfortwo(8);\" title=\"Zoom in on rectangle you define via two clicks\" style=display:none;>🔎</button>";
document.getElementById('tdright').innerHTML=" <span id=spemail><a target=_blank href='mailto:?subject=My%20" + cencodename + "%20...%20best%20viewed%20in%20landscape%20...&body=" + encodeURIComponent((document.getElementById('myvenn').src + arest).replace((document.getElementById('myvenn').src + arest).split('?')[0].split('#')[0], document.URL.split('?')[0].split('#')[0])) + "' onclick='prehrefcheck(this);' onmouseover='hrefcheck(this);' id=aemail title=Email>📧</a></span> <span id=spsms><a target=_blank onmouseover=\"if (smsee.length == 0 && origsmsurl.indexOf('sms:&') != -1) { smsee=prompt('Please enter SMS number to send to.', ''); if (smsee == null) { smsee=''; } else { origsmsurl=origsmsurl.replace('sms:&','sms:' + smsee + '&'); asmsurl=asmsurl.replace('sms:&','sms:' + smsee + '&'); this.href=asmsurl; hrefcheck(this); } }\" ontouchstart=\"if (smsee.length == 0 && origsmsurl.indexOf('sms:&') != -1) { smsee=prompt('Please enter SMS number to send to.', ''); if (smsee == null) { smsee=''; } else { origsmsurl=origsmsurl.replace('sms:&','sms:' + smsee + '&'); asmsurl=asmsurl.replace('sms:&','sms:' + smsee + '&'); this.href=asmsurl; hrefcheck(this); } }\" href='sms:&body=" + encodeURIComponent((document.getElementById('myvenn').src + arest).replace(document.getElementById('myvenn').src.split('?')[0].split('#')[0], document.URL.split('?')[0].split('#')[0])) + "' onclick=prehrefcheck(this); id=asms title=SMS>📟</a></span><br><br> <input title=\"\" onclick=\"event.stopPropagation();\" id=ilp onblur=\"waitfortwo(0); lasttext=this.value.replace(/\~\~/g, '<br>'); this.title=lasttext; if (!navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i) || 7 == 7) { this.value=''; } if (lasttext != '') { this.placeholder='Click where you want ... ' + lasttext.replace(/\<br\>/g, String.fromCharCode(10)); } mvp.setAttribute('content','initial-scale=1'); document.getElementById('myvenn').scrollIntoView();\" placeholder='Enter text and later click place for it on " + decodeURIComponent(cencodename) + " to left (line feed is ~~)' type=text style=width:450px; value=''></input>" + fszbit + "<br><br> <img id=line src='/MarkItUp/line.png' onclick=\"event.stopPropagation(); this.style.border=offit('1px dot' + 'ted red'); waitfortwo(2);\"></img> <img id=rectangle src='/MarkItUp/rectangle.png' onclick=\"event.stopPropagation(); this.style.border=offit('1px dot' + 'ted red'); waitfortwo(4);\"></img> <img id=orectangle src='/MarkItUp/orectangle.png' onclick=\"event.stopPropagation(); this.style.border=offit('1px dot' + 'ted red'); waitfortwo(-4);\"></img> <img id=circle src='/MarkItUp/circlefill.png' onclick=\"event.stopPropagation(); this.style.border=offit('1px dot' + 'ted red'); waitfortwo(6);\"></img> <img id=ocircle src='/MarkItUp/circle.png' onclick=\"event.stopPropagation(); this.style.border=offit('1px dot' + 'ted red'); waitfortwo(-5);\"></img>" + scripteditor + " <button id=orerect onclick=\"event.stopPropagation(); this.style.border=offit('1px dot' + 'ted red'); waitfortwo(8);\" title=\"Zoom in on rectangle you define via two clicks\" style=display:none;>🔎</button>" + lastbit + atend;
//alert(111);
if (!navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) { document.getElementById('ilp').focus(); }
document.getElementById('ilp').placeholder='Enter text and later click place for it on ' + decodeURIComponent(cencodename) + ' to left (line feed is ~~)';
}
} else {
alert('Try again.');
ask(null);
}
}
}
atstart=false;
normalcall=true;
firstpromptvenn=false;
}
function selit(osel) {
var extras='';
if (!imagechartthere) {
alturl=osel.options[osel.selectedIndex].getAttribute('data-alturl');
}
if (osel.value != ctype) {
firstpromptvenn=false;
if (osel.value == 'map') {
answersuffix='. Please note that optional Dynamic Icons are available via a suffixing string example applied to the second data point such as &chem=y;s=bubble_icon_text_small;d=ski,bb,NSW%20State%20of%20Wow!,FFFFFF;dp=1;ds=0 ';
extras=prompt(exstring.replace(' ! below ', (' ! ( navigates to http:' + alturl + ' ) below ').replace(' ! ( navigates to http: ) below ',' ! below ')) + 'Enter vertical bar separated country ISO Country and/or Region Code list' + answersuffix + ' eg. AU-NT|AU-NSW|AU-SA|NZ|IN', 'AU-NT|AU-NSW|AU-SA|NZ|IN&chco=B3BCC0|5781AE|FF0000|FFC726|885E80|518274|A3BCC0|4781AE|EF0000|EFC726|785E80|418274');
if (extras == '!' && !imagechartthere && alturl != '') {
if (extras == null) { extras=''; }
//alert('22:' + alturl + ' ... ' + extras);
window.open(alturl, '_blank');
extras='';
}
if (extras != '') { extras='&chld=' + extras; } else { extras='&chld=AU-NT|AU-NSW|AU-SA|NZ|IN'; }
location.href=document.URL.split('?')[0].split('#')[0] + '?type=' + osel.value + extras;
} else {
location.href=document.URL.split('?')[0].split('#')[0] + '?type=' + osel.value + extras;
}
}
}
function bitofonl() {
onl();
if (document.getElementById('tdright').innerHTML == '') {
//document.getElementById('tdright').innerHTML=" <span id=spemail><a target=_blank href='mailto:?subject=My%20" + cencodename + "%20...%20best%20viewed%20in%20landscape%20...&body=" + encodeURIComponent((document.getElementById('myvenn').src + arest).replace(document.getElementById('myvenn').src.split('?')[0].split('#')[0], document.URL.split('?')[0].split('#')[0])) + "' onclick='prehrefcheck(this);' onmouseover='hrefcheck(this);' id=aemail title=Email>📧</a></span> <span id=spsms><a target=_blank onmouseover=\"if (smsee.length == 0 && origsmsurl.indexOf('sms:&') != -1) { smsee=prompt('Please enter SMS number to send to.', ''); if (smsee == null) { smsee=''; } else { origsmsurl=origsmsurl.replace('sms:&','sms:' + smsee + '&'); asmsurl=asmsurl.replace('sms:&','sms:' + smsee + '&'); this.href=asmsurl; hrefcheck(this); } }\" ontouchstart=\"if (smsee.length == 0 && origsmsurl.indexOf('sms:&') != -1) { smsee=prompt('Please enter SMS number to send to.', ''); if (smsee == null) { smsee=''; } else { origsmsurl=origsmsurl.replace('sms:&','sms:' + smsee + '&'); asmsurl=asmsurl.replace('sms:&','sms:' + smsee + '&'); this.href=asmsurl; hrefcheck(this); } }\" href='sms:&body=" + encodeURIComponent((document.getElementById('myvenn').src + arest).replace(document.getElementById('myvenn').src.split('?')[0].split('#')[0], document.URL.split('?')[0].split('#')[0])) + "' onclick=prehrefcheck(this); id=asms title=SMS>📟</a></span><br><br> <input title=\"\" onclick=\"event.stopPropagation();\" id=ilp onblur=\"waitfortwo(0); lasttext=this.value.replace(/\~\~/g, '<br>'); this.title=lasttext; if (!navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i) || 7 == 7) { this.value=''; } if (lasttext != '') { this.placeholder='Click where you want ... ' + lasttext.replace(/\<br\>/g, String.fromCharCode(10)); }\" placeholder='Enter text and later click place for it on " + decodeURIComponent(cencodename) + " to left (line feed is ~~)' type=text style=width:450px; value=''></input>" + fszbit + "<br><br> <img id=line src='/MarkItUp/line.png' onclick=\"event.stopPropagation(); this.style.border=offit('1px dot' + 'ted red'); waitfortwo(2);\"></img> <img id=rectangle src='/MarkItUp/rectangle.png' onclick=\"event.stopPropagation(); this.style.border=offit('1px dot' + 'ted red'); waitfortwo(4);\"></img> <img id=orectangle src='/MarkItUp/orectangle.png' onclick=\"event.stopPropagation(); this.style.border=offit('1px dot' + 'ted red'); waitfortwo(-4);\"></img> <img id=circle src='/MarkItUp/circlefill.png' onclick=\"event.stopPropagation(); this.style.border=offit('1px dot' + 'ted red'); waitfortwo(6);\"></img> <img id=ocircle src='/MarkItUp/circle.png' onclick=\"event.stopPropagation(); this.style.border=offit('1px dot' + 'ted red'); waitfortwo(-5);\"></img>" + scripteditor + " <button id=orerect onclick=\"event.stopPropagation(); this.style.border=offit('1px dot' + 'ted red'); waitfortwo(8);\" title=\"Zoom in on rectangle you define via two clicks\" style=display:none;>🔎</button>";
document.getElementById('tdright').innerHTML="<details title='Annotations'><summary></summary> <span id=spemail><a target=_blank href='mailto:?subject=My%20" + cencodename + "%20...%20best%20viewed%20in%20landscape%20...&body=" + encodeURIComponent((document.getElementById('myvenn').src + arest).replace((document.getElementById('myvenn').src + arest).split('?')[0].split('#')[0], document.URL.split('?')[0].split('#')[0])) + "' onclick='prehrefcheck(this);' onmouseover='hrefcheck(this);' id=aemail title=Email>📧</a></span> <span id=spsms><a target=_blank onmouseover=\"if (smsee.length == 0 && origsmsurl.indexOf('sms:&') != -1) { smsee=prompt('Please enter SMS number to send to.', ''); if (smsee == null) { smsee=''; } else { origsmsurl=origsmsurl.replace('sms:&','sms:' + smsee + '&'); asmsurl=asmsurl.replace('sms:&','sms:' + smsee + '&'); this.href=asmsurl; hrefcheck(this); } }\" ontouchstart=\"if (smsee.length == 0 && origsmsurl.indexOf('sms:&') != -1) { smsee=prompt('Please enter SMS number to send to.', ''); if (smsee == null) { smsee=''; } else { origsmsurl=origsmsurl.replace('sms:&','sms:' + smsee + '&'); asmsurl=asmsurl.replace('sms:&','sms:' + smsee + '&'); this.href=asmsurl; hrefcheck(this); } }\" href='sms:&body=" + encodeURIComponent((document.getElementById('myvenn').src + arest).replace(document.getElementById('myvenn').src.split('?')[0].split('#')[0], document.URL.split('?')[0].split('#')[0])) + "' onclick=prehrefcheck(this); id=asms title=SMS>📟</a></span><br><br> <input title=\"\" onclick=\"event.stopPropagation();\" id=ilp onblur=\"waitfortwo(0); lasttext=this.value.replace(/\~\~/g, '<br>'); this.title=lasttext; if (!navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i) || 7 == 7) { this.value=''; } if (lasttext != '') { this.placeholder='Click where you want ... ' + lasttext.replace(/\<br\>/g, String.fromCharCode(10)); } mvp.setAttribute('content','initial-scale=1'); document.getElementById('myvenn').scrollIntoView();\" placeholder='Enter text and later click place for it on " + decodeURIComponent(cencodename) + " to left (line feed is ~~)' type=text style=width:450px; value=''></input>" + fszbit + "<br><br> <img id=line src='/MarkItUp/line.png' onclick=\"event.stopPropagation(); this.style.border=offit('1px dot' + 'ted red'); waitfortwo(2);\"></img> <img id=rectangle src='/MarkItUp/rectangle.png' onclick=\"event.stopPropagation(); this.style.border=offit('1px dot' + 'ted red'); waitfortwo(4);\"></img> <img id=orectangle src='/MarkItUp/orectangle.png' onclick=\"event.stopPropagation(); this.style.border=offit('1px dot' + 'ted red'); waitfortwo(-4);\"></img> <img id=circle src='/MarkItUp/circlefill.png' onclick=\"event.stopPropagation(); this.style.border=offit('1px dot' + 'ted red'); waitfortwo(6);\"></img> <img id=ocircle src='/MarkItUp/circle.png' onclick=\"event.stopPropagation(); this.style.border=offit('1px dot' + 'ted red'); waitfortwo(-5);\"></img>" + scripteditor + " <button id=orerect onclick=\"event.stopPropagation(); this.style.border=offit('1px dot' + 'ted red'); waitfortwo(8);\" title=\"Zoom in on rectangle you define via two clicks\" style=display:none;>🔎</button>" + lastbit + '</details>' + atend;
//alert(111);
document.getElementById('tdleft').style.verticalAlign='top';
if (!navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) { document.getElementById('ilp').focus(); }
document.getElementById('ilp').placeholder='Enter text and later click place for it on ' + decodeURIComponent(cencodename) + ' to left (line feed is ~~)';
}
}
function talkupdate() {
document.getElementById('talkimg').src='//www.rjmprogramming.com.au/presentation' + cht + '.png?rand=' + Math.floor(Math.random() * 198786754);
document.getElementById('talkimg').title=document.getElementById('talkimg').title.split(' ...')[0] + ' ... ' + ('' + (new Date()));
document.getElementById('talkimgg').src='//www.rjmprogramming.com.au/presentation' + cht + '.gif?rand=' + Math.floor(Math.random() * 198786754);
document.getElementById('talkimgg').title=document.getElementById('talkimgg').title.split(' ...')[0] + ' ... ' + ('' + (new Date()));
setTimeout(talkupdate, eightthousand);
}
function stateChanged() {
if (myxhr.readyState == 4) {
if (myxhr.status == 200) {
console.log('myxhr=' + myxhr);
rawhtml = myxhr.responseText.replace(/\\"/g, '"').replace(/\\'/g, "'");
if (document.getElementById('jdiv')) {
//alert('1:' + rawhtml);
//alert('21111 ' + rawhtml.split('<scr')[1]);
document.getElementById('jdiv').innerHTML=rawhtml.split('<scr')[0]; //xaconto.body.innerHTML;
//alert(31111);
if (document.getElementById('talkimg')) {
document.getElementById('talkimg').useMap='#mymap';
} else {
document.getElementById('myvenn').useMap='#mymap';
}
//alert(41111);
} else {
document.body.innerHTML+=rawhtml.split('<scr')[0]; //xaconto.body.innerHTML;
if (document.getElementById('talkimg')) {
document.getElementById('talkimg').useMap='#mymap';
} else {
document.getElementById('myvenn').useMap='#mymap';
}
}
if (rawhtml.indexOf('<scr') != -1) {
if (1 == 1) {
var tag = document.createElement('script');
var nextsep=rawhtml.split('<scr')[1].split('>')[0] + '>';
//var qw=prompt(rawhtml.split('<scr')[1].split(nextsep)[1].split('</scri')[0],rawhtml.split('<scr')[1].split(nextsep)[1].split('</scri')[0]);
//alert('2:' + rawhtml.split('<scr')[1].split(nextsep)[1].split('</scri')[0]);
tag.innerHTML = rawhtml.split('<scr')[1].split(nextsep)[1].split('</scri')[0];
var firstScriptTag = document.getElementsByTagName('script')[eval(-1 + document.getElementsByTagName('script').length)];
firstScriptTag.insertAdjacentElement("afterend", tag);
}
}
}
}
}
function retry() {
if (!document.getElementById('spanprenchtt')) {
setTimeout(retry, 5000);
} else {
document.getElementById('spanprenchtt').innerHTML=' ' + agvoh;
}
}
function respan(asug) {
agvoh='';
var bsug=asug;
//alert('here');
if (asug == '') {
if (('' + document.getElementById('myvenn').getAttribute('data-style')).indexOf('chd=t:') != -1) {
asug=document.getElementById('myvenn').getAttribute('data-style').split('chd=t:')[1].split('~~##')[0].split('##')[0];
} else if (('' + document.getElementById('myvenn').getAttribute('data-style')).indexOf('graph ') != -1) {
if (('' + document.getElementById('myvenn').getAttribute('data-style')).indexOf('digraph ') != -1) {
asug='digraph ' + document.getElementById('myvenn').getAttribute('data-style').split('digraph ')[1].split('~~##')[0].split('##')[0];
} else {
asug='graph ' + document.getElementById('myvenn').getAttribute('data-style').split('graph ')[1].split('~~##')[0].split('##')[0];
}
}
} else if (asug.indexOf('graph ') == -1) {
asug='';
}
if (('' + asug).indexOf('chd=t:') != -1) {
asug=asug.split('chd=t:')[1].split('~~##')[0].split('##')[0];
}
asug=asug.split('~~##')[0].split('##')[0];
if (asug == '') {
agvoh+="<a style=\"display:INLINE-BLOCK;\" target=\"_blank\" id=\"asa\" title='Recreate' href='//www.rjmprogramming.com.au/venn_diagram_basis.php?title=x%2dx&fmt=png&two=&three=&one=" + encodeURIComponent(prenchtt.split('~~##')[0].replace(/\`/g,String.fromCharCode(34)).replace(/\~\~\~\~/g,'\\n\\n').replace(/\~\~/g,String.fromCharCode(10)).split('##')[0]) + "' rel=\"noopener\">PNG via GraphViz</a> or <a style=\"display:INLINE-BLOCK;\" target=\"_blank\" id=\"sasa\" title='Recreate' href='//www.rjmprogramming.com.au/venn_diagram_basis.php?title=x%2dx&fmt=svg&two=&three=&one=" + encodeURIComponent(prenchtt.split('~~##')[0].replace(/\`/g,String.fromCharCode(34)).replace(/\~\~\~\~/g,'\\n\\n').replace(/\~\~/g,String.fromCharCode(10)).split('##')[0]) + "' rel=\"noopener\">SVG via GraphViz</a> <span style=display:none;>or <a style=\"display:INLINE-BLOCK;\" target=\"_blank\" id=\"hasa\" title='Recreate' href='//www.rjmprogramming.com.au/venn_diagram_basis.php?title=x%2dx&fmt=html&two=&three=&one=" + encodeURIComponent(prenchtt.split('~~##')[0].replace(/\`/g,String.fromCharCode(34)).replace(/\~\~\~\~/g,'\\n\\n').replace(/\~\~/g,String.fromCharCode(10)).split('##')[0]) + " rel=\"noopener\">HTML via GraphViz</a>";
setTimeout(function(){
if (document.getElementById('aemail') && document.getElementById('asms')) {
if (document.getElementById('aemail').href.indexOf('body=') != -1) {
//alert('here1');
document.getElementById('aemail').href=document.getElementById('aemail').href.split('body=')[0] + 'body=' + encodeURIComponent('https://www.rjmprogramming.com.au/venn_diagram_basis.php?doiv=' + encodeURIComponent(document.getElementById('insuffix').value) + '&rand=' + Math.floor(Math.random() * 19897865) + '#title=x%2dx&fmt=svg&two=&three=&one=' + encodeURIComponent(prenchtt.split('~~##')[0].replace(/\`/g,String.fromCharCode(34)).replace(/\~\~\~\~/g,'\\n\\n').replace(/\~\~/g,String.fromCharCode(10)).split('##')[0]));
}
if (document.getElementById('asms').href.indexOf('body=') != -1) {
//alert('here2');
document.getElementById('asms').href=document.getElementById('asms').href.split('body=')[0] + 'body=' + encodeURIComponent('https://www.rjmprogramming.com.au/venn_diagram_basis.php?doiv=' + encodeURIComponent(document.getElementById('insuffix').value) + '&rand=' + Math.floor(Math.random() * 19897865) + '#title=x%2dx&fmt=svg&two=&three=&one=' + encodeURIComponent(prenchtt.split('~~##')[0].replace(/\`/g,String.fromCharCode(34)).replace(/\~\~\~\~/g,'\\n\\n').replace(/\~\~/g,String.fromCharCode(10)).split('##')[0]));
}
//} else {
//alert('0');
}
}, 3000);
} else {
agvoh+="<a style=\"display:INLINE-BLOCK;\" target=\"_blank\" id=\"asa\" title='Recreate' href='//www.rjmprogramming.com.au/venn_diagram_basis.php?title=x%2dx&fmt=png&two=&three=&one=" + encodeURIComponent(asug.split('~~##')[0].replace(/\`/g,String.fromCharCode(34)).replace(/\~\~\~\~/g,'\\n\\n').replace(/\~\~/g,String.fromCharCode(10)).split('##')[0]) + "' rel=\"noopener\">PNG via GraphViz</a> or <a style=\"display:INLINE-BLOCK;\" target=\"_blank\" id=\"sasa\" title='Recreate' href='//www.rjmprogramming.com.au/venn_diagram_basis.php?title=x%2dx&fmt=svg&two=&three=&one=" + encodeURIComponent(asug.split('~~##')[0].replace(/\`/g,String.fromCharCode(34)).replace(/\~\~\~\~/g,'\\n\\n').replace(/\~\~/g,String.fromCharCode(10)).split('##')[0]) + "' rel=\"noopener\">SVG via GraphViz</a> <span style=display:none;>or <a style=\"display:INLINE-BLOCK;\" target=\"_blank\" id=\"hasa\" title='Recreate' href='//www.rjmprogramming.com.au/venn_diagram_basis.php?title=x%2dx&fmt=html&two=&three=&one=" + encodeURIComponent(asug.split('~~##')[0].replace(/\`/g,String.fromCharCode(34)).replace(/\~\~\~\~/g,'\\n\\n').replace(/\~\~/g,String.fromCharCode(10)).split('##')[0]) + " rel=\"noopener\">HTML via GraphViz</a>";
setTimeout(function(){
if (document.getElementById('aemail') && document.getElementById('asms')) {
if (document.getElementById('aemail').href.indexOf('body=') != -1) {
//alert('here3');
document.getElementById('aemail').href=document.getElementById('aemail').href.split('body=')[0] + 'body=' + encodeURIComponent('https://www.rjmprogramming.com.au/venn_diagram_basis.php?doiv=' + encodeURIComponent(document.getElementById('insuffix').value) + '&rand=' + Math.floor(Math.random() * 19897865) + '#title=x%2dx&fmt=svg&two=&three=&one=' + encodeURIComponent(asug.split('~~##')[0].replace(/\`/g,String.fromCharCode(34)).replace(/\~\~\~\~/g,'\\n\\n').replace(/\~\~/g,String.fromCharCode(10)).split('##')[0]));
}
if (document.getElementById('asms').href.indexOf('body=') != -1) {
//alert('here5');
document.getElementById('asms').href=document.getElementById('asms').href.split('body=')[0] + 'body=' + encodeURIComponent('https://www.rjmprogramming.com.au/venn_diagram_basis.php?doiv=' + encodeURIComponent(document.getElementById('insuffix').value) + '&rand=' + Math.floor(Math.random() * 19897865) + '#title=x%2dx&fmt=svg&two=&three=&one=' + encodeURIComponent(asug.split('~~##')[0].replace(/\`/g,String.fromCharCode(34)).replace(/\~\~\~\~/g,'\\n\\n').replace(/\~\~/g,String.fromCharCode(10)).split('##')[0]));
}
//} else {
//alert('00');
}
}, 3000);
}
//alert('here with ' + agvoh);
if (!document.getElementById('spanprenchtt')) {
setTimeout(retry, 5000);
} else {
document.getElementById('spanprenchtt').innerHTML=' ' + agvoh;
}
return bsug;
}
function agraphit(asug) {
if (agvoh != '') { return agvoh; }
var xagvoh='';
//alert('here');
if (asug == '') {
if (('' + document.getElementById('myvenn').getAttribute('data-style')).indexOf('chd=t:') != -1) {
asug=document.getElementById('myvenn').getAttribute('data-style').split('chd=t:')[1].split('~~##')[0].split('##')[0];
} else if (('' + document.getElementById('myvenn').getAttribute('data-style')).indexOf('graph ') != -1) {
if (('' + document.getElementById('myvenn').getAttribute('data-style')).indexOf('digraph ') != -1) {
asug='digraph ' + document.getElementById('myvenn').getAttribute('data-style').split('digraph ')[1].split('~~##')[0].split('##')[0];
} else {
asug='graph ' + document.getElementById('myvenn').getAttribute('data-style').split('graph ')[1].split('~~##')[0].split('##')[0];
}
}
} else if (asug.indexOf('graph ') == -1) {
asug='';
}
if (('' + asug).indexOf('chd=t:') != -1) {
asug=asug.split('chd=t:')[1].split('~~##')[0].split('##')[0];
}
if (asug == '') {
xagvoh+="<a style=\"display:INLINE-BLOCK;\" target=\"_blank\" id=\"asa\" title='Recreate' href='//www.rjmprogramming.com.au/venn_diagram_basis.php?title=x%2dx&fmt=png&two=&three=&one=" + encodeURIComponent(prenchtt.split('~~##')[0].replace(/\`/g,String.fromCharCode(34)).replace(/\~\~\~\~/g,'\\n\\n').replace(/\~\~/g,String.fromCharCode(10)).split('##')[0]) + "' rel=\"noopener\">PNG via GraphViz</a> or <a style=\"display:INLINE-BLOCK;\" target=\"_blank\" id=\"sasa\" title='Recreate' href='//www.rjmprogramming.com.au/venn_diagram_basis.php?title=x%2dx&fmt=svg&two=&three=&one=" + encodeURIComponent(prenchtt.split('~~##')[0].replace(/\`/g,String.fromCharCode(34)).replace(/\~\~\~\~/g,'\\n\\n').replace(/\~\~/g,String.fromCharCode(10)).split('##')[0]) + "' rel=\"noopener\">SVG via GraphViz</a> <span style=display:none;>or <a style=\"display:INLINE-BLOCK;\" target=\"_blank\" id=\"hasa\" title='Recreate' href='//www.rjmprogramming.com.au/venn_diagram_basis.php?title=x%2dx&fmt=html&two=&three=&one=" + encodeURIComponent(prenchtt.split('~~##')[0].replace(/\`/g,String.fromCharCode(34)).replace(/\~\~\~\~/g,'\\n\\n').replace(/\~\~/g,String.fromCharCode(10)).split('##')[0]) + " rel=\"noopener\">HTML via GraphViz</a>";
setTimeout(function(){
if (document.getElementById('aemail') && document.getElementById('asms')) {
if (document.getElementById('aemail').href.indexOf('body=') != -1) {
document.getElementById('aemail').href=document.getElementById('aemail').href.split('body=')[0] + 'body=' + encodeURIComponent('https://www.rjmprogramming.com.au/venn_diagram_basis.php?doiv=' + encodeURIComponent(document.getElementById('insuffix').value) + '&rand=' + Math.floor(Math.random() * 19897865) + '#title=x%2dx&fmt=svg&two=&three=&one=' + encodeURIComponent(prenchtt.split('~~##')[0].replace(/\`/g,String.fromCharCode(34)).replace(/\~\~\~\~/g,'\\n\\n').replace(/\~\~/g,String.fromCharCode(10)).split('##')[0]));
//alert('here5');
}
if (document.getElementById('asms').href.indexOf('body=') != -1) {
document.getElementById('asms').href=document.getElementById('asms').href.split('body=')[0] + 'body=' + encodeURIComponent('https://www.rjmprogramming.com.au/venn_diagram_basis.php?doiv=' + encodeURIComponent(document.getElementById('insuffix').value) + '&rand=' + Math.floor(Math.random() * 19897865) + '#title=x%2dx&fmt=svg&two=&three=&one=' + encodeURIComponent(prenchtt.split('~~##')[0].replace(/\`/g,String.fromCharCode(34)).replace(/\~\~\~\~/g,'\\n\\n').replace(/\~\~/g,String.fromCharCode(10)).split('##')[0]));
//alert('here6');
}
//} else {
//alert('000');
}
}, 3000);
} else {
xagvoh+="<a style=\"display:INLINE-BLOCK;\" target=\"_blank\" id=\"asa\" title='Recreate' href='//www.rjmprogramming.com.au/venn_diagram_basis.php?title=x%2dx&fmt=png&two=&three=&one=" + encodeURIComponent(asug.split('~~##')[0].replace(/\`/g,String.fromCharCode(34)).replace(/\~\~\~\~/g,'\\n\\n').replace(/\~\~/g,String.fromCharCode(10)).split('##')[0]) + "' rel=\"noopener\">PNG via GraphViz</a> or <a style=\"display:INLINE-BLOCK;\" target=\"_blank\" id=\"sasa\" title='Recreate' href='//www.rjmprogramming.com.au/venn_diagram_basis.php?title=x%2dx&fmt=svg&two=&three=&one=" + encodeURIComponent(asug.split('~~##')[0].replace(/\`/g,String.fromCharCode(34)).replace(/\~\~\~\~/g,'\\n\\n').replace(/\~\~/g,String.fromCharCode(10)).split('##')[0]) + "' rel=\"noopener\">SVG via GraphViz</a> <span style=display:none;>or <a style=\"display:INLINE-BLOCK;\" target=\"_blank\" id=\"hasa\" title='Recreate' href='//www.rjmprogramming.com.au/venn_diagram_basis.php?title=x%2dx&fmt=html&two=&three=&one=" + encodeURIComponent(asug.split('~~##')[0].replace(/\`/g,String.fromCharCode(34)).replace(/\~\~\~\~/g,'\\n\\n').replace(/\~\~/g,String.fromCharCode(10)).split('##')[0]) + " rel=\"noopener\">HTML via GraphViz</a>";
setTimeout(function(){
if (document.getElementById('aemail') && document.getElementById('asms')) {
if (document.getElementById('aemail').href.indexOf('body=') != -1) {
//alert('here7');
document.getElementById('aemail').href=document.getElementById('aemail').href.split('body=')[0] + 'body=' + encodeURIComponent('https://www.rjmprogramming.com.au/venn_diagram_basis.php?doiv=' + encodeURIComponent(document.getElementById('insuffix').value) + '&rand=' + Math.floor(Math.random() * 19897865) + '#title=x%2dx&fmt=svg&two=&three=&one=' + encodeURIComponent(asug.split('~~##')[0].replace(/\`/g,String.fromCharCode(34)).replace(/\~\~\~\~/g,'\\n\\n').replace(/\~\~/g,String.fromCharCode(10)).split('##')[0]));
}
if (document.getElementById('asms').href.indexOf('body=') != -1) {
//alert('here8');
document.getElementById('asms').href=document.getElementById('asms').href.split('body=')[0] + 'body=' + encodeURIComponent('https://www.rjmprogramming.com.au/venn_diagram_basis.php?doiv=' + encodeURIComponent(document.getElementById('insuffix').value) + '&rand=' + Math.floor(Math.random() * 19897865) + '#title=x%2dx&fmt=svg&two=&three=&one=' + encodeURIComponent(asug.split('~~##')[0].replace(/\`/g,String.fromCharCode(34)).replace(/\~\~\~\~/g,'\\n\\n').replace(/\~\~/g,String.fromCharCode(10)).split('##')[0]));
}
//} else {
//alert('0000');
}
}, 3000);
}
//alert('here with ' + agvoh);
return xagvoh;
}
function postonl() {
if (prenchtt.replace('digraph','graph').substring(0,5) == 'graph') {
if (document.getElementById('spanprenchtt')) {
document.getElementById('spanprenchtt').innerHTML=' ' + agraphit('' + document.getElementById('myvenn').getAttribute('data-style')) + ' ';
} else if (1 == 6) {
alert('21:' + document.getElementById('myvenn').getAttribute('data-style'));
}
} else if (6 == 4) {
alert('11:' + document.getElementById('myvenn').getAttribute('data-style'));
}
}
function onl() {
if (document.URL.indexOf('?type=v') != -1) {
if (('' + location.search + location.hash).indexOf('renimgis=') != -1 && ('' + location.search + location.hash).indexOf('renimgis=&') == -1) {
document.getElementById('myvenn').src=decodeURIComponent(('' + location.search + location.hash).split('renimgis=')[1].split('#')[0].split('&')[0]);
} else {
document.getElementById('myvenn').src='/defvenn.png';
}
if (prenchtt.replace('digraph','graph').substring(0,5) == 'graph') {
if (document.getElementById('spanprenchtt')) {
document.getElementById('spanprenchtt').innerHTML=' ' + agraphit('' + document.getElementById('myvenn').getAttribute('data-style')) + ' ';
} else {
setTimeout(postonl, 20000);
}
} else {
setTimeout(postonl, 20000);
}
}
if (document.head.innerHTML.indexOf('function defclick(') != -1 && thescript.indexOf('function youralert(') != -1) {
thescript=thescript.replace('function youralert(', ' function defclick(' + document.head.innerHTML.split('function defclick(')[1].split('function ')[0] + ' function youralert(');
}
if (document.getElementById('dmap')) {
origmap=document.getElementById('dmap').innerHTML; // + thescript;
}
//document.getElementById('myvenn').setAttribute('data-usemap',acton('#mymap'));
//document.getElementById('myvenn').setAttribute('data-usemap',acton(''));
if (cht.substring(0,1) == '_') { // client of a talk type of arrangement
cimg=new Image;
cimg.onload = function(){
var honebit="<h2><span onclick=\"location.href=document.URL.split('?')[0].split('#')[0];\" title=Reset style=cursor:pointer;>Interfacing</span> to <a target=_blank href='https://developers.google.com/chart/interactive/docs/index' title='Google Chart Tools provide a perfect way to visualize data on your website. From simple line charts to complex hierarchical tree maps, the chart galley provides a large number of well-designed chart types. Populating your data is easy using the provided client- and server-side tools.'>Google Charts</a> <a target=_blank title='Google Charts Image Chart' href='https://developers.google.com/chart/image/docs/gallery/chart_gall'>Image Chart</a></h2><h4 id=myh3>RJM Programming - November, 2023</h4>";
var hthreebit="";
document.body.style.backgroundColor='transparent';
document.body.innerHTML=agscript.replace("'';", "'" + cht.replace('_','') + "';").replace('<canvas ','<canvas width=' + cimg.width + ' height=' + cimg.height + ' ') + "<table><tr><td><img style='border-right:1px dotted pink;border-bottom:1px dotted pink;' ondblclick=\"window.open(document.URL.split('?')[0].split('#')[0],'_blank','top=50,left=50,width=600,height=600');\" title='Talk image that will update over time (double click for Google Chart Image Chart interfacing) ... " + ("" + (new Date())) + "' id=talkimg src='" + cimg.src + "?rand=" + Math.floor(Math.random() * 198786754) + "' usemap='#mymap'></img></td><td id=tdtr style=\"opacity:0.0;background-image:url(" + cimg.src.replace('presentation_', 'presentation__') + "),url(" + cimg.src + "?rand=0);background-position:0% 0%,50% 0%;background-size:50% 50%,50% 50%;background-repeat:no-repeat,no-repeat;\"></td></tr><tr><td id=tdbl>" + honebit + hthreebit + "</td><td><img style='border-right:1px dotted pink;border-bottom:1px dotted pink;' ondblclick=\"window.open(document.URL.split('?')[0].split('#')[0],'_blank','top=50,left=50,width=600,height=600');\" title='Talk first and last images that will update over time (double click for Google Chart Image Chart interfacing) ... " + ("" + (new Date())) + "' id=talkimgg src='" + cimg.src.replace('.png','.gif') + "?rand=" + Math.floor(Math.random() * 198786754) + "'></img></td></tr></table><div id=idiv></div><iframe onload=mapsofarpj(this); id=mappjs style=display:none; src=></iframe><div id=jdiv></div>";
document.body.style.cursor='progress';
if (cht.substring(0,1) == '_') {
//alert('//www.rjmprogramming.com.au/presentation' + cht + '.html_GETME');
if (1 == 1) {
myxhr = new XMLHttpRequest();
myxhr.open('GET', '//www.rjmprogramming.com.au/presentation' + cht + '.html', true);
myxhr.responseType = "text";
myxhr.onreadystatechange=stateChanged;
myxhr.send(null);
} else {
document.getElementById('mappjs').src='//www.rjmprogramming.com.au/presentation' + cht + '.html';
}
setTimeout(canvinit, 5000);
}
setTimeout(talkupdate, eightthousand);
};
cimg.src='//www.rjmprogramming.com.au/presentation' + cht + '.png';
return '';
}
document.body.addEventListener('touchdown', function(evt){
//alert(8);
evt = evt || window.event;
evt.preventDefault();
elemLeft = document.getElementById('myvenn').offsetLeft;
elemTop = document.getElementById('myvenn').offsetTop;
//document.getElementById('myh3').innerHTML+=' ' + elemLeft + ';' + elemTop;
if (evt.touches) {
if (evt.touches[0].pageX) {
//alert('here');
x = evt.touches[0].pageX + document.body.scrollLeft - elemLeft;
y = evt.touches[0].pageY + document.body.scrollTop - elemTop;
if (x >= 0 && x <= eval(('' + document.getElementById('myvenn').width).replace('px','')) && y >= 0 && y <= eval(('' + document.getElementById('myvenn').height).replace('px',''))) {
if (curno >= 0 && (lastx != x || lasty != y)) {
xneeds.push(x);
yneeds.push(y);
checkforaction(false,-1,-1);
}
lastx=x;
lasty=y;
}
//alert('x:' + x + ' and y:' + y);
} else {
alert('Here');
x = evt.touches[0].clientX + document.body.scrollLeft - elemLeft;
y = evt.touches[0].clientY + document.body.scrollTop - elemTop;
if (x >= 0 && x <= eval(('' + document.getElementById('myvenn').width).replace('px','')) && y >= 0 && y <= eval(('' + document.getElementById('myvenn').height).replace('px',''))) {
if (curno >= 0 && (lastx != x || lasty != y)) {
xneeds.push(x);
yneeds.push(y);
checkforaction(false,-1,-1);
}
lastx=x;
lasty=y;
}
//alert('x:' + x + ' and y:' + y);
}
} else if (evt.clientX || evt.clientY) {
//alert('HERE');
x = evt.clientX + document.body.scrollLeft - elemLeft;
y = evt.clientY + document.body.scrollTop - elemTop;
if (x >= 0 && x <= eval(('' + document.getElementById('myvenn').width).replace('px','')) && y >= 0 && y <= eval(('' + document.getElementById('myvenn').height).replace('px',''))) {
if (curno >= 0 && (lastx != x || lasty != y)) {
xneeds.push(x);
yneeds.push(y);
checkforaction(false,-1,-1);
}
lastx=x;
lasty=y;
}
} else {
//alert('HEre');
x = evt.pageX + document.body.scrollLeft - elemLeft;
y = evt.pageY + document.body.scrollTop - elemTop;
if (x >= 0 && x <= eval(('' + document.getElementById('myvenn').width).replace('px','')) && y >= 0 && y <= eval(('' + document.getElementById('myvenn').height).replace('px',''))) {
if (curno >= 0 && (lastx != x || lasty != y)) {
xneeds.push(x);
yneeds.push(y);
checkforaction(false,-1,-1);
}
lastx=x;
lasty=y;
}
}
});
document.getElementById('myvenn').addEventListener('mousedown', function(evt){
evt = evt || window.event;
evt.preventDefault();
elemLeft = document.getElementById('myvenn').offsetLeft;
elemTop = document.getElementById('myvenn').offsetTop;
//document.title='huh';
if (document.getElementById('ilp')) {
document.getElementById('ilp').placeholder=document.getElementById('ilp').placeholder.replace('Click where you want ','Indicate where you want ');
}
//document.getElementById('myh3').innerHTML+=' ' + elemLeft + ':' + elemTop;
//document.getElementById('myh3').innerHTML+=' ' + document.body.scrollLeft + '.' + document.body.scrollTop;
if (evt.touches) {
if (evt.touches[0].pageX) {
//alert('here');
xx = evt.touches[0].pageX + document.body.scrollLeft - elemLeft;
yy = evt.touches[0].pageY + document.body.scrollTop - elemTop;
if (curno >= 0 && (lastx != xx || lasty != yy)) {
xneeds.push(xx);
yneeds.push(yy);
checkforaction(false,-1,-1);
}
lastx=xx;
lasty=yy;
//alert('x:' + x + ' and y:' + y);
} else {
//alert('Here');
xx = evt.touches[0].clientX + document.body.scrollLeft - elemLeft;
yy = evt.touches[0].clientY + document.body.scrollTop - elemTop;
if (curno >= 0 && (lastx != xx || lasty != yy)) {
xneeds.push(xx);
yneeds.push(yy);
checkforaction(false,-1,-1);
}
lastx=xx;
lasty=yy;
//alert('x:' + x + ' and y:' + y);
}
} else if (evt.clientX || ev.clientY) {
//alert('HERE');
xx = evt.clientX + document.body.scrollLeft - elemLeft;
yy = evt.clientY + document.body.scrollTop - elemTop;
if (curno >= 0 && (lastx != xx || lasty != yy)) {
xneeds.push(xx);
yneeds.push(yy);
checkforaction(false,-1,-1);
}
lastx=xx;
lasty=yy;
} else {
//alert('HEre');
xx = evt.pageX + document.body.scrollLeft - elemLeft;
yy = evt.pageY + document.body.scrollTop - elemTop;
if (curno >= 0 && (lastx != xx || lasty != yy)) {
xneeds.push(xx);
yneeds.push(yy);
checkforaction(false,-1,-1);
}
lastx=xx;
lasty=yy;
}
});
// Rubber banding
document.body.addEventListener('mousemove', function(evt){
evt = evt || window.event;
evt.preventDefault();
elemLeft = document.getElementById('myvenn').offsetLeft;
elemTop = document.getElementById('myvenn').offsetTop;
var ourone=1;
if (document.getElementById('ilp')) {
if ((document.getElementById('ilp').value != '' || document.getElementById('ilp').placeholder.indexOf('Click where you want ...') == 0) && document.getElementById('tdright').innerHTML.indexOf(' dashed ') == -1 && document.getElementById('tdright').innerHTML.indexOf(' dotted ') == -1) {
ourone=0;
}
//if (curno == -1 || curmode == -1 || (document.getElementById('ilp').value == '' && document.getElementById('ilp').placeholder.indexOf(' where you want ...') == -1 && document.getElementById('tdright').innerHTML.indexOf(' dashed ') == -1 && document.getElementById('tdright').innerHTML.indexOf(' dotted ') == -1)) {
// alert('Why ' + needtohave);
// curno=-1;
// needtohave=2;
// curmode=-1;
// return '';
//}
//document.getElementById('myh3').innerHTML+=' ' + elemLeft + ':' + elemTop;
//document.getElementById('myh3').innerHTML+=' ' + document.body.scrollLeft + '.' + document.body.scrollTop;
//document.title='' + curno;
if (evt.touches) {
if (evt.touches[0].pageX) {
//alert('here');
xx = evt.touches[0].pageX + document.body.scrollLeft - elemLeft;
yy = evt.touches[0].pageY + document.body.scrollTop - elemTop;
if ((document.getElementById('ilp').value != '' || document.getElementById('ilp').placeholder.indexOf('Click where you want ...') == 0 || document.getElementById('tdright').innerHTML.indexOf(' dashed ') != -1) && xx >= 0 && xx <= eval(('' + document.getElementById('myvenn').width).replace('px','')) && yy >= 0 && yy <= eval(('' + document.getElementById('myvenn').height).replace('px',''))) {
if (curno == 0 && (lastx != xx || lasty != yy) && !navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) { // text rubber band
console.log('01');
if (('' + fsx) != '0') {
console.log('x0111');
document.getElementById('fauxdtext').innerHTML='<p disabled onmousedown=" document.getElementById(' + "'ilp'" + ').placeholder=document.getElementById(' + "'ilp'" + ').placeholder.replace(' + "'Click where you want ','Indicate where you want '" + '); xneeds.push(' + xx + '); yneeds.push(' + yy + '); ask(event);" class=p style="display:block;text-justify:none;z-index:-987;position:absolute;font-size:' + xfsz.replace('.','') + 'px;font-family:Arial;left:-500px;top:-500px;z-index:-98;">' + lasttext + '</p>';
fsxo('');
document.getElementById('fauxdtext').innerHTML='<p disabled onmousedown=" document.getElementById(' + "'ilp'" + ').placeholder=document.getElementById(' + "'ilp'" + ').placeholder.replace(' + "'Click where you want ','Indicate where you want '" + '); xneeds.push(' + xx + '); yneeds.push(' + yy + '); ask(event);" class=p style="' + fsxcss + tcolbit + 'display:block;text-justify:none;z-index:-987;position:absolute;font-size:' + xfsz.replace('.','') + 'px;font-family:Arial;left:' + xx + 'px;top:' + yy + 'px;z-index:98;">' + lasttext + '</p>';
} else {
console.log('y0111');
document.getElementById('fauxdtext').innerHTML='<p disabled onmousedown=" document.getElementById(' + "'ilp'" + ').placeholder=document.getElementById(' + "'ilp'" + ').placeholder.replace(' + "'Click where you want ','Indicate where you want '" + '); xneeds.push(' + xx + '); yneeds.push(' + yy + '); ask(event);" class=p style="' + fsxcss + tcolbit + 'display:block;text-justify:none;z-index:-987;margin-top:-' + eval(xfsz.replace('.','') / 1) + 'px;position:absolute;font-size:' + xfsz.replace('.','') + 'px;font-family:Arial;left:' + xx + 'px;top:' + yy + 'px;z-index:98;">' + lasttext + '</p>';
}
} else if (curno == ourone && (lastx != xx || lasty != yy)) {
console.log('1');
if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) {
checkforaction(false,xx,yy);
} else {
checkforaction(true,xx,yy);
}
} else if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) {
alert('ourone=' + ourone + ' and curno=' + curno);
}
//lastx=xx;
//lasty=yy;
//alert('x:' + x + ' and y:' + y);
}
} else {
//alert('Here');
xx = evt.touches[0].clientX + document.body.scrollLeft - elemLeft;
yy = evt.touches[0].clientY + document.body.scrollTop - elemTop;
if ((document.getElementById('ilp').value != '' || document.getElementById('ilp').placeholder.indexOf('Click where you want ...') == 0 || document.getElementById('tdright').innerHTML.indexOf(' dashed ') != -1) && xx >= 0 && xx <= eval(('' + document.getElementById('myvenn').width).replace('px','')) && yy >= 0 && yy <= eval(('' + document.getElementById('myvenn').height).replace('px',''))) {
if (curno == 0 && (lastx != xx || lasty != yy) && !navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) { // text rubber band
console.log('011');
if (('' + fsx) != '0') {
console.log('x0111');
document.getElementById('fauxdtext').innerHTML='<p disabled onmousedown=" document.getElementById(' + "'ilp'" + ').placeholder=document.getElementById(' + "'ilp'" + ').placeholder.replace(' + "'Click where you want ','Indicate where you want '" + '); xneeds.push(' + xx + '); yneeds.push(' + yy + '); ask(event);" class=p style="display:block;text-justify:none;z-index:-987;position:absolute;font-size:' + xfsz.replace('.','') + 'px;font-family:Arial;left:-500px;top:-500px;z-index:-98;">' + lasttext + '</p>';
fsxo('');
document.getElementById('fauxdtext').innerHTML='<p disabled onmousedown=" document.getElementById(' + "'ilp'" + ').placeholder=document.getElementById(' + "'ilp'" + ').placeholder.replace(' + "'Click where you want ','Indicate where you want '" + '); xneeds.push(' + xx + '); yneeds.push(' + yy + '); ask(event);" class=p style="' + fsxcss + tcolbit + 'display:block;text-justify:none;z-index:-987;position:absolute;font-size:' + xfsz.replace('.','') + 'px;font-family:Arial;left:' + xx + 'px;top:' + yy + 'px;z-index:98;">' + lasttext + '</p>';
} else {
console.log('y0111');
document.getElementById('fauxdtext').innerHTML='<p disabled onmousedown=" document.getElementById(' + "'ilp'" + ').placeholder=document.getElementById(' + "'ilp'" + ').placeholder.replace(' + "'Click where you want ','Indicate where you want '" + '); xneeds.push(' + xx + '); yneeds.push(' + yy + '); ask(event);" class=p style="' + fsxcss + tcolbit + 'display:block;text-justify:none;z-index:-987;margin-top:-' + eval(xfsz.replace('.','') / 1) + 'px;position:absolute;font-size:' + xfsz.replace('.','') + 'px;font-family:Arial;left:' + xx + 'px;top:' + yy + 'px;z-index:98;">' + lasttext + '</p>';
}
} else if (curno == ourone && (lastx != xx || lasty != yy)) {
console.log('11');
if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) {
checkforaction(false,xx,yy);
} else {
checkforaction(true,xx,yy);
}
}
//lastx=xx;
//lasty=yy;
//alert('x:' + x + ' and y:' + y);
}
}
} else if (evt.clientX || evt.clientY) {
//alert('HERE');
xx = evt.clientX + document.body.scrollLeft - elemLeft;
yy = evt.clientY + document.body.scrollTop - elemTop;
if ((document.getElementById('ilp').value != '' || document.getElementById('ilp').placeholder.indexOf('Click where you want ...') == 0 || document.getElementById('tdright').innerHTML.indexOf(' dashed ') != -1) && xx >= 0 && xx <= eval(('' + document.getElementById('myvenn').width).replace('px','')) && yy >= 0 && yy <= eval(('' + document.getElementById('myvenn').height).replace('px',''))) {
if (curno == 0 && (lastx != xx || lasty != yy) && !navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) { // text rubber band
console.log('0111');
if (('' + fsx) != '0') {
console.log('x0111');
document.getElementById('fauxdtext').innerHTML='<p disabled onmousedown=" document.getElementById(' + "'ilp'" + ').placeholder=document.getElementById(' + "'ilp'" + ').placeholder.replace(' + "'Click where you want ','Indicate where you want '" + '); xneeds.push(' + xx + '); yneeds.push(' + yy + '); ask(event);" class=p style="display:block;text-justify:none;z-index:-987;position:absolute;font-size:' + xfsz.replace('.','') + 'px;font-family:Arial;left:-500px;top:-500px;z-index:-98;">' + lasttext + '</p>';
fsxo('');
document.getElementById('fauxdtext').innerHTML='<p disabled onmousedown=" document.getElementById(' + "'ilp'" + ').placeholder=document.getElementById(' + "'ilp'" + ').placeholder.replace(' + "'Click where you want ','Indicate where you want '" + '); xneeds.push(' + xx + '); yneeds.push(' + yy + '); ask(event);" class=p style="' + fsxcss + tcolbit + 'display:block;text-justify:none;z-index:-987;position:absolute;font-size:' + xfsz.replace('.','') + 'px;font-family:Arial;left:' + xx + 'px;top:' + yy + 'px;z-index:98;">' + lasttext + '</p>';
} else {
console.log('y0111');
document.getElementById('fauxdtext').innerHTML='<p disabled onmousedown=" document.getElementById(' + "'ilp'" + ').placeholder=document.getElementById(' + "'ilp'" + ').placeholder.replace(' + "'Click where you want ','Indicate where you want '" + '); xneeds.push(' + xx + '); yneeds.push(' + yy + '); ask(event);" class=p style="' + fsxcss + tcolbit + 'display:block;text-justify:none;z-index:-987;margin-top:-' + eval(xfsz.replace('.','') / 1) + 'px;position:absolute;font-size:' + xfsz.replace('.','') + 'px;font-family:Arial;left:' + xx + 'px;top:' + yy + 'px;z-index:98;">' + lasttext + '</p>';
}
} else if (curno == ourone && (lastx != xx || lasty != yy)) {
console.log('111');
if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) {
checkforaction(false,xx,yy);
} else {
checkforaction(true,xx,yy);
}
}
//lastx=xx;
//lasty=yy;
}
} else {
//alert('HEre');
xx = evt.pageX + document.body.scrollLeft - elemLeft;
yy = evt.pageY + document.body.scrollTop - elemTop;
if ((document.getElementById('ilp').value != '' || document.getElementById('ilp').placeholder.indexOf(' where you want ...') == 0 || document.getElementById('tdright').innerHTML.indexOf(' dashed ') != -1) && xx >= 0 && xx <= eval(('' + document.getElementById('myvenn').width).replace('px','')) && yy >= 0 && yy <= eval(('' + document.getElementById('myvenn').height).replace('px',''))) {
if (curno == 0 && (lastx != xx || lasty != yy) && !navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) { // text rubber band
console.log('01111');
if (('' + fsx) != '0') {
console.log('x0111');
document.getElementById('fauxdtext').innerHTML='<p disabled onmousedown=" document.getElementById(' + "'ilp'" + ').placeholder=document.getElementById(' + "'ilp'" + ').placeholder.replace(' + "'Click where you want ','Indicate where you want '" + '); xneeds.push(' + xx + '); yneeds.push(' + yy + '); ask(event);" class=p style="display:block;text-justify:none;z-index:-987;position:absolute;font-size:' + xfsz.replace('.','') + 'px;font-family:Arial;left:-500px;top:-500px;z-index:-98;">' + lasttext + '</p>';
fsxo('');
document.getElementById('fauxdtext').innerHTML='<p disabled onmousedown=" document.getElementById(' + "'ilp'" + ').placeholder=document.getElementById(' + "'ilp'" + ').placeholder.replace(' + "'Click where you want ','Indicate where you want '" + '); xneeds.push(' + xx + '); yneeds.push(' + yy + '); ask(event);" class=p style="' + fsxcss + tcolbit + 'display:block;text-justify:none;z-index:-987;position:absolute;font-size:' + xfsz.replace('.','') + 'px;font-family:Arial;left:' + xx + 'px;top:' + yy + 'px;z-index:98;">' + lasttext + '</p>';
} else {
console.log('y0111');
document.getElementById('fauxdtext').innerHTML='<p disabled onmousedown=" document.getElementById(' + "'ilp'" + ').placeholder=document.getElementById(' + "'ilp'" + ').placeholder.replace(' + "'Click where you want ','Indicate where you want '" + '); xneeds.push(' + xx + '); yneeds.push(' + yy + '); ask(event);" class=p style="' + fsxcss + tcolbit + 'display:block;text-justify:none;z-index:-987;margin-top:-' + eval(xfsz.replace('.','') / 1) + 'px;position:absolute;font-size:' + xfsz.replace('.','') + 'px;font-family:Arial;left:' + xx + 'px;top:' + yy + 'px;z-index:98;">' + lasttext + '</p>';
}
} else if (curno == ourone && (lastx != xx || lasty != yy)) {
console.log('1111');
if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) {
checkforaction(false,xx,yy);
} else {
checkforaction(true,xx,yy);
}
}
//lastx=xx;
//lasty=yy;
}
}
}
});
if (document.getElementById('share')) {
// Thanks to https://developer.mozilla.org/en-US/docs/Web/API/Navigator/share
document.getElementById('share').addEventListener('click', async () => {
const files = input.files
if (files.length === 0) {
shareurl();
output.textContent = 'No files selected.'
return
}
// feature detecting navigator.canShare() also implies
// the same for the navigator.share()
if (!navigator.canShare) {
output.textContent = `Your browser doesn't support the Web Share API.`
return
}
if (navigator.canShare({ files })) {
try {
await navigator.share({
files,
title: 'Media or documents',
text: 'Take a look at media or documents below' + String.fromCharCode(10) + String.fromCharCode(10)
})
output.textContent = 'Shared!'
} catch (error) {
output.textContent = `Error: ${error.message}`
}
} else {
output.textContent = `Your system doesn't support sharing these files.`
}
});
}
}
function canvit(ioo) {
scelem=document.getElementById('sharecanvas');
sccontext=scelem.getContext('2d');
scimg=ioo;
scelem.width=ioo.width;
scelem.height=ioo.height;
sccontext.drawImage(ioo, 0, 0);
}
function htmlDecode(input) { // thanks to https://stackoverflow.com/questions/1912501/unescape-html-entities-in-javascript
var e = document.createElement('textarea');
e.innerHTML = input;
// handle case of empty input
return e.childNodes.length === 0 ? "" : e.childNodes[0].nodeValue;
}
function ouralert(oblurb) {
alert(oblurb);
}
function youralert(oarea, oblurb) {
ouralert(oblurb);
}
function mapsofarpj(xiois) {
//alert(('' + xiois.src));
if (xiois.src != '' && ('' + xiois.src).indexOf('presentation') != -1) {
//alert(('' + xiois.src));
var xaconto = (xiois.contentWindow || xiois.contentDocument);
//alert(11);
if (xaconto != null) {
//alert(111);
if (xaconto.document) { xaconto = xaconto.document; }
//alert('1111 ' + xaconto.body.innerHTML);
if (xaconto.body.innerHTML.indexOf('<map') != -1) {
var ihis=xaconto.body.innerHTML;
//while (ihis.indexOf('\"') != -1) {
// ihis=ihis.replace('\"', '')
//}
ihis=htmlDecode(ihis).replace(/\\"/g,'').replace(/\\'/g,"'").replace(/\=\"\"/g,'').replace(/This\"/g,"This").replace(/\;\ nohref/g, ';" nohref');
//alert(ihis);
if (document.getElementById('jdiv')) {
//alert(21111);
document.getElementById('jdiv').innerHTML=ihis; //xaconto.body.innerHTML;
//alert(31111);
document.getElementById('talkimg').useMap='#mymap';
//alert(41111);
} else {
document.body.innerHTML+=ihis; //xaconto.body.innerHTML;
document.getElementById('talkimg').useMap='#mymap';
}
}
}
}
}
function sofarpj(iois) {
var aname='', partsare=[], ipis=0, areabits='', repfrom='', repto='', iv=0, variety=String.fromCharCode(10) + ' var variety=[]; ' + String.fromCharCode(10);
while (thescript.indexOf(' var variety' + ('' + iv).replace(/^0$/g, '') + '=') != -1) {
repfrom='[' + thescript.split(' var variety' + ('' + iv).replace(/^0$/g, '') + '=[')[1].split('];')[0] + '];';
iv++;
}
if (iv > 0) { variety=String.fromCharCode(10) + ' var variety' + iv + '=[]; ' + String.fromCharCode(10); }
if (iois.src != '') {
var aconto = (iois.contentWindow || iois.contentDocument);
if (aconto != null) {
if (aconto.document) { aconto = aconto.document; }
if (aconto.body.innerHTML.indexOf('<scr') != -1 || document.URL.indexOf('ufr=') != -1) {
if (document.URL.indexOf('ufr=') != -1) {
if (!document.getElementById('jdiv')) {
document.body.innerHTML+='<div id=jdiv></div>';
}
//thescript='';
myxhr = new XMLHttpRequest();
myxhr.open('GET', '//www.rjmprogramming.com.au/presentation' + (location.search.split('ufr=')[1] ? decodeURIComponent(location.search.split('ufr=')[1].split('&')[0]) : '') + '.html', true);
myxhr.responseType = "text";
myxhr.onreadystatechange=stateChanged;
myxhr.send(null);
} else if (aconto.body.innerHTML.indexOf('<scr') != -1) {
thescript='<scr' + aconto.body.innerHTML.split('<scr')[1];
var tag = document.createElement('script');
var nextsep=thescript.split('<scr')[1].split('>')[0] + '>';
tag.innerHTML = thescript.split('<scr')[1].split(nextsep)[1].split('</scri')[0];
var firstScriptTag = document.getElementsByTagName('script')[eval(-1 + document.getElementsByTagName('script').length)];
firstScriptTag.insertAdjacentElement("afterend", tag);
}
}
pjsbih=aconto.body.innerHTML.split('<scr')[0];
if (lastpjsbih != '' && pjsbih != lastpjsbih.replace(/\ $/g,'')) {
//alert('Found new Image Map data of ' + pjsbih);
// {"chartshape":[{"name":"axis0_0","type":"RECT","coords":[21,336,28,344]},{"name":"axis0_1","type":"RECT","coords":[65,336,77,344]},{"name":"axis0_2","type":"RECT","coords":[111,336,124,344]},{"name":"axis0_3","type":"RECT","coords":[158,336,170,344]},{"name":"axis0_4","type":"RECT","coords":[204,336,217,344]},{"name":"axis0_5","type":"RECT","coords":[251,336,263,344]},{"name":"axis0_6","type":"RECT","coords":[297,336,310,344]},{"name":"axis0_7","type":"RECT","coords":[344,336,356,344]},{"name":"axis0_8","type":"RECT","coords":[390,336,403,344]},{"name":"axis0_9","type":"RECT","coords":[437,336,449,344]},{"name":"axis0_10","type":"RECT","coords":[480,336,499,344]},{"name":"axis1_0","type":"RECT","coords":[14,326,20,334]},{"name":"axis1_1","type":"RECT","coords":[8,297,20,305]},{"name":"axis1_2","type":"RECT","coords":[8,267,20,275]},{"name":"axis1_3","type":"RECT","coords":[8,237,20,245]},{"name":"axis1_4","type":"RECT","coords":[8,208,20,216]},{"name":"axis1_5","type":"RECT","coords":[8,178,20,186]},{"name":"axis1_6","type":"RECT","coords":[8,148,20,156]},{"name":"axis1_7","type":"RECT","coords":[8,119,20,127]},{"name":"axis1_8","type":"RECT","coords":[8,89,20,97]},{"name":"axis1_9","type":"RECT","coords":[8,59,20,67]},{"name":"axis1_10","type":"RECT","coords":[2,29,20,37]},{"name":"legend0","type":"RECT","coords":[500,167,512,179]},{"name":"legend1","type":"RECT","coords":[500,185,512,197]},{"name":"circle0","type":"CIRCLE","coords":[80,39,4]},{"name":"circle1","type":"CIRCLE","coords":[429,152,1]},{"name":"circle2","type":"CIRCLE","coords":[373,250,3]},{"name":"circle3","type":"CIRCLE","coords":[215,230,4]},{"name":"circle4","type":"CIRCLE","coords":[131,164,2]},{"name":"circle5","type":"CIRCLE","coords":[471,96,5]},{"name":"circle6","type":"CIRCLE","coords":[341,158,3]},{"name":"circle7","type":"CIRCLE","coords":[355,111,5]},{"name":"circle8","type":"CIRCLE","coords":[183,277,3]},{"name":"circle9","type":"CIRCLE","coords":[66,105,3]}]}
if (pjsbih.replace(/\[\]/g, '').indexOf('[') != -1) {
partsare=pjsbih.split('","coords":[');
for (ipis=1; ipis<partsare.length; ipis++) {
if (partsare[eval(-1 + ipis)].split('"')[eval(-1 + partsare[eval(-1 + ipis)].split('"').length)] == 'RECT') {
aname=partsare[eval(-1 + ipis)].split('"name":"')[eval(-1 + partsare[eval(-1 + ipis)].split('"name":"').length)].split('"')[0];
if (variety.indexOf(aname.split('_')[0].split('0')[0].split('1')[0].split('2')[0].split('3')[0].split('4')[0].split('5')[0].split('6')[0].split('7')[0].split('8')[0].split('9')[0] + '/rect') == -1) {
if (variety.indexOf('[]') != -1) {
variety=variety.replace("[]", "['" + aname.split('_')[0].split('0')[0].split('1')[0].split('2')[0].split('3')[0].split('4')[0].split('5')[0].split('6')[0].split('7')[0].split('8')[0].split('9')[0] + '/rect' + "']");
} else {
variety=variety.replace("]", ",'" + aname.split('_')[0].split('0')[0].split('1')[0].split('2')[0].split('3')[0].split('4')[0].split('5')[0].split('6')[0].split('7')[0].split('8')[0].split('9')[0] + '/rect' + "']");
}
repto='[' + variety.split('[')[1].split('];')[0] + '];';
}
areabits+='<area onmousedown=defclick(event); ondblclick=defclick(event); oncontextmenu=defclick(event); ontouchend=defclick(event); ontouchstart=defclick(event); onmouseout=defclick(event); onmousemove=defclick(event); ontouchdown=defclick(event); onmouseover=defclick(event); shape="rect" coords="' + partsare[ipis].split(']')[0] + '" id="' + aname + '" name="' + aname + '" alt="' + aname + '" onclick="' + "youralert(this,'This feature name is " + aname + "'" + ');" nohref>';
} else if (partsare[eval(-1 + ipis)].split('"')[eval(-1 + partsare[eval(-1 + ipis)].split('"').length)] == 'CIRCLE') {
aname=partsare[eval(-1 + ipis)].split('"name":"')[eval(-1 + partsare[eval(-1 + ipis)].split('"name":"').length)].split('"')[0];
if (variety.indexOf(aname.split('_')[0].split('0')[0].split('1')[0].split('2')[0].split('3')[0].split('4')[0].split('5')[0].split('6')[0].split('7')[0].split('8')[0].split('9')[0] + '/circle') == -1) {
if (variety.indexOf('[]') != -1) {
variety=variety.replace("[]", "['" + aname.split('_')[0].split('0')[0].split('1')[0].split('2')[0].split('3')[0].split('4')[0].split('5')[0].split('6')[0].split('7')[0].split('8')[0].split('9')[0] + '/circle' + "']");
} else {
variety=variety.replace("]", ",'" + aname.split('_')[0].split('0')[0].split('1')[0].split('2')[0].split('3')[0].split('4')[0].split('5')[0].split('6')[0].split('7')[0].split('8')[0].split('9')[0] + '/circle' + "']");
}
repto='[' + variety.split('[')[1].split('];')[0] + '];';
}
areabits+='<area onmousedown=defclick(event); ondblclick=defclick(event); oncontextmenu=defclick(event); ontouchend=defclick(event); ontouchstart=defclick(event); onmouseout=defclick(event); onmousemove=defclick(event); ontouchdown=defclick(event); onmouseover=defclick(event); shape="circle" coords="' + partsare[ipis].split(']')[0] + '" id="' + aname + '" name="' + aname + '" alt="' + aname + '" onclick="' + "youralert(this,'This feature name is " + aname + "'" + ');" nohref>';
} else if (partsare[eval(-1 + ipis)].split('"')[eval(-1 + partsare[eval(-1 + ipis)].split('"').length)] == 'POLY') {
aname=partsare[eval(-1 + ipis)].split('"name":"')[eval(-1 + partsare[eval(-1 + ipis)].split('"name":"').length)].split('"')[0];
if (variety.indexOf(aname.split('_')[0].split('0')[0].split('1')[0].split('2')[0].split('3')[0].split('4')[0].split('5')[0].split('6')[0].split('7')[0].split('8')[0].split('9')[0] + '/poly') == -1) {
if (variety.indexOf('[]') != -1) {
variety=variety.replace("[]", "['" + aname.split('_')[0].split('0')[0].split('1')[0].split('2')[0].split('3')[0].split('4')[0].split('5')[0].split('6')[0].split('7')[0].split('8')[0].split('9')[0] + '/poly' + "']");
} else {
variety=variety.replace("]", ",'" + aname.split('_')[0].split('0')[0].split('1')[0].split('2')[0].split('3')[0].split('4')[0].split('5')[0].split('6')[0].split('7')[0].split('8')[0].split('9')[0] + '/poly' + "']");
}
repto='[' + variety.split('[')[1].split('];')[0] + '];';
}
areabits+='<area onmousedown=defclick(event); ondblclick=defclick(event); oncontextmenu=defclick(event); ontouchend=defclick(event); ontouchstart=defclick(event); onmouseout=defclick(event); onmousemove=defclick(event); ontouchdown=defclick(event); onmouseover=defclick(event); shape="poly" coords="' + partsare[ipis].split(']')[0] + '" id="' + aname + '" name="' + aname + '" alt="' + aname + '" onclick="' + "youralert(this,'This feature name is " + aname + "'" + ');" nohref>';
}
}
document.getElementById('mymap').innerHTML=areabits + '<area' + atend.split('<area')[1].split('>')[0] + '>'; //"<area onclick=defclick(event); shape='default' nohref>";
if (repto.replace('[];','') != '' && repfrom != '') { thescript=thescript.replace(repfrom, repto); } else if (thescript.indexOf('[' + variety.split('[')[1]) == -1) { thescript=thescript.replace('>', '>' + variety); }
origmap=document.getElementById('mymap').outerHTML + thescript;
}
} else if (lastpjsbih != '') {
//alert('Found the same ' + pjsbih);
if (pjsbih.replace(/\[\]/g, '').indexOf('[') != -1) {
partsare=pjsbih.split('","coords":[');
for (ipis=1; ipis<partsare.length; ipis++) {
if (partsare[eval(-1 + ipis)].split('"')[eval(-1 + partsare[eval(-1 + ipis)].split('"').length)] == 'RECT') {
aname=partsare[eval(-1 + ipis)].split('"name":"')[eval(-1 + partsare[eval(-1 + ipis)].split('"name":"').length)].split('"')[0];
if (variety.indexOf(aname.split('_')[0].split('0')[0].split('1')[0].split('2')[0].split('3')[0].split('4')[0].split('5')[0].split('6')[0].split('7')[0].split('8')[0].split('9')[0] + '/rect') == -1) {
if (variety.indexOf('[]') != -1) {
variety=variety.replace("[]", "['" + aname.split('_')[0].split('0')[0].split('1')[0].split('2')[0].split('3')[0].split('4')[0].split('5')[0].split('6')[0].split('7')[0].split('8')[0].split('9')[0] + '/rect' + "']");
} else {
variety=variety.replace("]", ",'" + aname.split('_')[0].split('0')[0].split('1')[0].split('2')[0].split('3')[0].split('4')[0].split('5')[0].split('6')[0].split('7')[0].split('8')[0].split('9')[0] + '/rect' + "']");
}
repto='[' + variety.split('[')[1].split('];')[0] + '];';
}
areabits+='<area onmousedown=defclick(event); ondblclick=defclick(event); oncontextmenu=defclick(event); ontouchend=defclick(event); ontouchstart=defclick(event); onmouseout=defclick(event); onmousemove=defclick(event); ontouchdown=defclick(event); onmouseover=defclick(event); shape="rect" coords="' + partsare[ipis].split(']')[0] + '" id="' + aname + '" name="' + aname + '" alt="' + aname + '" onclick="' + "youralert(this,'This feature name is " + aname + "'" + ');" nohref>';
} else if (partsare[eval(-1 + ipis)].split('"')[eval(-1 + partsare[eval(-1 + ipis)].split('"').length)] == 'CIRCLE') {
aname=partsare[eval(-1 + ipis)].split('"name":"')[eval(-1 + partsare[eval(-1 + ipis)].split('"name":"').length)].split('"')[0];
if (variety.indexOf(aname.split('_')[0].split('0')[0].split('1')[0].split('2')[0].split('3')[0].split('4')[0].split('5')[0].split('6')[0].split('7')[0].split('8')[0].split('9')[0] + '/circle') == -1) {
if (variety.indexOf('[]') != -1) {
variety=variety.replace("[]", "['" + aname.split('_')[0].split('0')[0].split('1')[0].split('2')[0].split('3')[0].split('4')[0].split('5')[0].split('6')[0].split('7')[0].split('8')[0].split('9')[0] + '/circle' + "']");
} else {
variety=variety.replace("]", ",'" + aname.split('_')[0].split('0')[0].split('1')[0].split('2')[0].split('3')[0].split('4')[0].split('5')[0].split('6')[0].split('7')[0].split('8')[0].split('9')[0] + '/circle' + "']");
}
repto='[' + variety.split('[')[1].split('];')[0] + '];';
}
areabits+='<area onmousedown=defclick(event); ondblclick=defclick(event); oncontextmenu=defclick(event); ontouchend=defclick(event); ontouchstart=defclick(event); onmouseout=defclick(event); onmousemove=defclick(event); ontouchdown=defclick(event); onmouseover=defclick(event); shape="circle" coords="' + partsare[ipis].split(']')[0] + '" id="' + aname + '" name="' + aname + '" alt="' + aname + '" onclick="' + "youralert(this,'This feature name is " + aname + "'" + ');" nohref>';
} else if (partsare[eval(-1 + ipis)].split('"')[eval(-1 + partsare[eval(-1 + ipis)].split('"').length)] == 'POLY') {
aname=partsare[eval(-1 + ipis)].split('"name":"')[eval(-1 + partsare[eval(-1 + ipis)].split('"name":"').length)].split('"')[0];
if (variety.indexOf(aname.split('_')[0].split('0')[0].split('1')[0].split('2')[0].split('3')[0].split('4')[0].split('5')[0].split('6')[0].split('7')[0].split('8')[0].split('9')[0] + '/poly') == -1) {
if (variety.indexOf('[]') != -1) {
variety=variety.replace("[]", "['" + aname.split('_')[0].split('0')[0].split('1')[0].split('2')[0].split('3')[0].split('4')[0].split('5')[0].split('6')[0].split('7')[0].split('8')[0].split('9')[0] + '/poly' + "']");
} else {
variety=variety.replace("]", ",'" + aname.split('_')[0].split('0')[0].split('1')[0].split('2')[0].split('3')[0].split('4')[0].split('5')[0].split('6')[0].split('7')[0].split('8')[0].split('9')[0] + '/poly' + "']");
}
repto='[' + variety.split('[')[1].split('];')[0] + '];';
}
areabits+='<area onmousedown=defclick(event); ondblclick=defclick(event); oncontextmenu=defclick(event); ontouchend=defclick(event); ontouchstart=defclick(event); onmouseout=defclick(event); onmousemove=defclick(event); ontouchdown=defclick(event); onmouseover=defclick(event); shape="poly" coords="' + partsare[ipis].split(']')[0] + '" id="' + aname + '" name="' + aname + '" alt="' + aname + '" onclick="' + "youralert(this,'This feature name is " + aname + "'" + ');" nohref>';
}
}
document.getElementById('mymap').innerHTML=areabits + '<area' + atend.split('<area')[1].split('>')[0] + '>'; //"<area onclick=defclick(event); shape='default' nohref>";
if (repto.replace('[];','') != '' && repfrom != '') { thescript=thescript.replace(repfrom, repto); } else if (thescript.indexOf('[' + variety.split('[')[1]) == -1) { thescript=thescript.replace('>', '>' + variety); }
origmap=document.getElementById('mymap').outerHTML + thescript;
}
}
lastpjsbih=pjsbih;
}
}
}
function defcheck(im, inu) {
//alert(ctype + ' ' + document.URL + ' im=' + im + ' pretherest=' + pretherest + ' and inu=' + inu);
if (ctype.indexOf('r') == 0 && document.URL.indexOf('cht=rs') != -1 && inu.indexOf('s&ch') != -1 && inu.indexOf('cht=rs') == -1) {
inu=inu.replace('s&ch', '&ch');
//alert('here');
inu=inu.replace('&', 's&');
}
//alert('Im=' + im + ' pretherest=' + pretherest + ' and inu=' + inu);
inu=inu.replace('cht=b&', 'cht=bvg&');
//if (tmod != '') {
// alert(inu);
//}
if (pretherest != '') {
//alert(inu);
if (inu.indexOf(pretherest + '&chbh=') != -1) {
//alert(inu);
inu=inu.replace(pretherest + '&chbh=', '&chbh=');
}
if (inu.indexOf(pretherest + '&chm=') != -1) {
//alert(inu);
inu=inu.replace(pretherest + '&chm=', '&chm=');
}
if (inu.indexOf(pretherest + '&chd=') == -1) {
var preinu=inu;
inu=inu.replace('&chd=', pretherest + '&chd=');
//var wer=prompt('chd=' + chd + ' im=' + im + ' ' + preinu, inu.replace('cht=bv&', 'cht=bvg&').replace('//',''));
}
}
//alert('chd=' + chd + ' im=' + im + ' ... ' + inu.replace('cht=bv&', 'cht=bvg&').replace(/\%2C/g, ',').replace(/\%7C/g, '|').replace(/\%3A/g, ':').replace(/\=bvg$/g, '=bv').replace(/\=bvs$/g, '=bv').replace(/\=bvo$/g, '=bv'));
//return inu.replace('cht=bv&', 'cht=bvg&').replace(/\%2C/g, ',').replace(/\%7C/g, '|').replace(/\%3A/g, ':').replace(/\=bvg$/g, '=bv').replace(/\=bvs$/g, '=bv').replace(/\=bvo$/g, '=bv');
inu=lessthannt(inu);
return inu.replace('chd=t%3At', 'chd=t').replace('chd=t:t', 'chd=t').replace('cht=bv&', 'cht=bvg&').replace('cht=l&', 'cht=lc&'); //.replace(/\%3A/g, ':').replace(/\=bvg$/g, '=bv').replace(/\=bvs$/g, '=bv').replace(/\=bvo$/g, '=bv');
}
function documentwrite(dw) {
var tabbits=dw.split('<tab' + 'le');
if (tabbits.length > 1) {
var predw=tabbits[0];
if (cht.substring(0,1) == '_') { // client of a talk type of arrangement
return document.write('<span><a target=_blank title=Interfacer href=' + document.URL.split('?')[0].split('#')[0] + '>Interfacing</a> to <a target=_blank href=//developers.google.com/chart/interactive/docs/index>Google Charts</a> <a target=_blank href=//developers.google.com/chart/image/docs/gallery/chart_gall>Image Chart</a> - <a target=_blank title=Home href=//www.rjmprogramming.com.au/>RJM Programming</a> - Talk Image to come if your presentation has not expired ...</span>');
} else if (chd != '') {
return document.write(dw.replace(tabbits[0], '') + '' + tabbits[0] + atend);
} else {
return document.write(dw.replace(tabbits[0], '') + '<hr>' + tabbits[0] + atend);
}
}
return document.write(dw);
}
function checkimagechart(iois) {
var eaconto = (iois.contentWindow || iois.contentDocument);
if (iois.src.indexOf('?posturl=') == -1) {
if (eaconto != null) {
if (iois.src.indexOf('?url=') != -1) {
setTimeout(function(){ document.getElementById('ifhm').src='/PHP/http_methods.php?posturl=y'; }, 2000);
}
if (eaconto.document) { eaconto = eaconto.document; }
if (eaconto.body.innerHTML.replace('Not Found','Error 404').replace(/^\<br\>\<\/p\>/g, 'Error 404').indexOf('Error 404') != -1) {
imagechartthere=false;
exstr='Unfortunately Google says regarding this ... Warning: This API is deprecated in 2012 and was turned off on March 18, 2019. Please use the actively maintained Google Charts API instead. But if you entered Venn Chart based GraphViz Dot data or there is another QuickChart alternative coded for please wait a little while for image to show. ';
exstring='Given that API is deprecated an answer of ! below may navigate you to an alternative web application, as available. ';
setTimeout(function(){ document.getElementById('myvenn').title=exstr; document.getElementById('myvenn').alt=exstr;
var osel=document.getElementById('mysel');
alturl=document.getElementById('mysel').options[document.getElementById('mysel').selectedIndex].getAttribute('data-alturl');
}, 13000);
}
}
}
}
</script>
</head>
<body onload="if (ctype != 'map') { setTimeout(onl,3000); } else { setTimeout(bitofonl,3000); } setTimeout(function(){ document.getElementById('mysel').value=ctype; }, 2000); mvp = document.getElementById('myviewport'); if (vso != window) { vals=[]; } else if (chd == '') { setTimeout(ask, 14000); }">
<div id=dtext></div><div id=fauxdtext style=z-index:-987;></div><div id=dstyle></div>
<script type=text/javascript>
if (vso != window) {
if (parent.document.URL.indexOf('/ITblog') != -1) {
if (chd != '') {
documentwrite("<h1><span onclick=\"location.href=document.URL.split('?')[0].split('#')[0];\" title=Reset style=cursor:pointer;>Interfacing</span> to <a target=_blank href='https://developers.google.com/chart/interactive/docs/index' title='Google Chart Tools provide a perfect way to visualize data on your website. From simple line charts to complex hierarchical tree maps, the chart galley provides a large number of well-designed chart types. Populating your data is easy using the provided client- and server-side tools.'>Google Charts</a> <a target=_blank title='Google Charts Image Chart' href='https://developers.google.com/chart/image/docs/gallery/chart_gall'>Image Chart</a> regarding your " + cname + "</h1><h3 id=myh3>RJM Programming <a target=_blank href='./image_venn.html' style='cursor:pointer;text-decoration:none;' title='Back to home menu'>-</a> November, 2023</h3><table style='width:100%;margin:0 0 0 0;'><tr><td id=tdleft data-style=vertical-align:top;><img" + evn + "ask(event); title='Google Chart Image Chart ' + cname + ' image ... to modify, please click' id=myvenn width=" + Math.min(550,window.innerWidth) + " height=" + Math.min(350,window.innerHeight) + " data-style='display:block;width:" + Math.min(550,window.innerWidth) + "px;height:" + Math.max(350,window.innerHeight) + "px;background:url(" + defcheck(1, "//www.rjmprogramming.com.au/ITblog/" + Math.min(550,window.innerWidth) + "/" + Math.min(350,window.innerHeight) + "/?cht=" + ctype + "&chd=" + encodeURIComponent(chd)) + ");background-size:cover;' src='" + defcheck(2, "//www.rjmprogramming.com.au/ITblog/" + Math.min(550,window.innerWidth) + "/" + Math.min(350,window.innerHeight) + "/?cht=" + ctype + chdeq + encodeURIComponent(chd) + therest) + "' usemap='#mymap'></img></td></tr><tr><td id=tdright style='border-left:1px dotted purple;vertical-align:top;'></td></tr></table>");
} else {
documentwrite("<h1><span onclick=\"location.href=document.URL.split('?')[0].split('#')[0];\" title=Reset style=cursor:pointer;>Interfacing</span> to <a target=_blank href='https://developers.google.com/chart/interactive/docs/index' title='Google Chart Tools provide a perfect way to visualize data on your website. From simple line charts to complex hierarchical tree maps, the chart galley provides a large number of well-designed chart types. Populating your data is easy using the provided client- and server-side tools.'>Google Charts</a> <a target=_blank title='Google Charts Image Chart' href='https://developers.google.com/chart/image/docs/gallery/chart_gall'>Image Chart</a> <select title='Bold options allow you to display Dynamic Icons' style=display:inline-block; data-onclick='event.stopPropagation();' size=9 id=mysel onchange='selit(this);'><option data-alturl='//www.rjmprogramming.com.au/PHP/BarChart/bar_chart.php' value=b class=boldoption>Bar and/or Candlestick/Box Chart</option><option data-alturl='//www.rjmprogramming.com.au/PHP/LineChart/line_chart.php' value=l class=boldoption>Line and/or Candlestick/Box Chart</option><option data-alturl='//www.rjmprogramming.com.au/HTMLCSS/flowchart.html?venn=y' value=v>Venn Chart</option><option data-alturl='//www.rjmprogramming.com.au/PHP/ScatterChart/scatter_chart.php' value=s>Scatter Chart</option><option data-alturl='' value=gv>GraphViz Chart</option><option data-alturl='//www.rjmprogramming.com.au/PHP/Map/map.php' value=map class=boldoption>Map Chart</option><option data-alturl='' value=gom>Google-O-Meter Chart</option><option data-alturl='' value=r class=boldoption>Radar Chart</option><option data-alturl='//www.rjmprogramming.com.au/PHP/PieChart/pie_chart.php' value=p>Pie Chart</option></select></h1><h3 id=myh3>RJM Programming <a target=_blank href='./image_venn.html' style='cursor:pointer;text-decoration:none;' title='Back to home menu'>-</a> November, 2023</h3><table style='width:100%;margin:0 0 0 0;'><tr><td id=tdleft data-style=vertical-align:top;><img" + evn + "'if (atstart) { normalcall=false; ask(null); normalcall=true; atstart=false; } else { ask(event); }' title='Google Chart Image Chart ' + cname + ' image ... to modify, please click' id=myvenn width=" + Math.min(550,window.innerWidth) + " height=" + Math.min(350,window.innerHeight) + " data-style='display:block;width:" + Math.min(550,window.innerWidth) + "px;height:" + Math.max(350,window.innerHeight) + "px;background:url(" + defcheck(3, "//www.rjmprogramming.com.au/ITblog/" + Math.min(550,window.innerWidth) + "/" + Math.min(350,window.innerHeight) + "/?cht=" + ctype + chdt + prenchtt) + ");background-size:cover;' src='" + defcheck(4, "//www.rjmprogramming.com.au/ITblog/" + Math.min(550,window.innerWidth) + "/" + Math.min(350,window.innerHeight) + "/?cht=" + ctype + prechtt + "&chtt=My%20" + cencodename + "&chco=" + defchco) + "' usemap='#mymap'></img></td></tr><tr><td id=tdright style='border-left:1px dotted purple;vertical-align:top;'></td></tr></table>");
}
}
} else if (chd != '') {
documentwrite("<details title='Interfacing click can reset in header section available on click'><summary></summary><h1><span onclick=\"location.href=document.URL.split('?')[0].split('#')[0];\" title=Reset style=cursor:pointer;>Interfacing</span> to <a target=_blank href='https://developers.google.com/chart/interactive/docs/index' title='Google Chart Tools provide a perfect way to visualize data on your website. From simple line charts to complex hierarchical tree maps, the chart galley provides a large number of well-designed chart types. Populating your data is easy using the provided client- and server-side tools.'>Google Charts</a> <a target=_blank title='Google Charts Image Chart' href='https://developers.google.com/chart/image/docs/gallery/chart_gall'>Image Chart</a> and <a target=_blank href='//quickchart.io/documentation/chart-types/' title='QuickChart'>QuickChart</a> regarding your " + cname + "</h1><h3 id=myh3>RJM Programming <a target=_blank href='./image_venn.html' style='cursor:pointer;text-decoration:none;' title='Back to home menu'>-</a> November, 2023</h3></details><table style='width:100%;margin:0 0 0 0;'><tr><td id=tdleft data-style=vertical-align:top;><img" + evn + "'if (atstart) { normalcall=false; ask(null); normalcall=true; atstart=false; } else { ask(event); }' title='Google Chart Image Chart ' + cname + ' image ... to modify, please click' id=myvenn width=" + Math.min(550,window.innerWidth) + " height=" + Math.min(350,window.innerHeight) + " data-style='display:block;width:" + Math.min(550,window.innerWidth) + "px;height:" + Math.max(350,window.innerHeight) + "px;background:url(" + defcheck(5, "//www.rjmprogramming.com.au/ITblog/" + Math.min(550,window.innerWidth) + "/" + Math.min(350,window.innerHeight) + "/?cht=" + ctype + chdeq + encodeURIComponent(chd) + newtherest) + ");background-size:cover;' src='" + defcheck(6, "//www.rjmprogramming.com.au/ITblog/" + Math.min(550,window.innerWidth) + "/" + Math.min(350,window.innerHeight) + "/?cht=" + ctype + chdeq + encodeURIComponent(chd) + therest) + "' usemap='#mymap'></img></td>" + inbetween + "<td id=tdright style='border-left:1px dotted purple;vertical-align:top;'></td></tr></table>");
} else {
documentwrite("<h1><span onclick=\"location.href=document.URL.split('?')[0].split('#')[0];\" title=Reset style=cursor:pointer;>Interfacing</span> to <a target=_blank href='https://developers.google.com/chart/interactive/docs/index' title='Google Chart Tools provide a perfect way to visualize data on your website. From simple line charts to complex hierarchical tree maps, the chart galley provides a large number of well-designed chart types. Populating your data is easy using the provided client- and server-side tools.'>Google Charts</a> <a target=_blank title='Google Charts Image Chart' href='https://developers.google.com/chart/image/docs/gallery/chart_gall'>Image Chart</a> and <a target=_blank href='//quickchart.io/documentation/chart-types/' title='QuickChart'>QuickChart</a> <select title='Bold options allow you to display Dynamic Icons' style=display:inline-block; data-onclick='event.stopPropagation();' size=9 id=mysel onchange='selit(this);'><option data-alturl='//www.rjmprogramming.com.au/PHP/BarChart/bar_chart.php' value=b class=boldoption>Bar and/or Candlestick/Box Chart</option><option data-alturl='//www.rjmprogramming.com.au/PHP/LineChart/line_chart.php' value=l class=boldoption>Line and/or Candlestick/Box Chart</option><option data-alturl='//www.rjmprogramming.com.au/HTMLCSS/flowchart.html?venn=y' value=v>Venn Chart</option><option data-alturl='//www.rjmprogramming.com.au/PHP/ScatterChart/scatter_chart.php' value=s>Scatter Chart</option><option data-alturl='' value=gv>GraphViz Chart</option><option data-alturl='//www.rjmprogramming.com.au/PHP/Map/map.php' value=map class=boldoption>Map Chart</option><option data-alturl='' value=gom>Google-O-Meter Chart</option><option data-alturl='' value=r class=boldoption>Radar Chart</option><option data-alturl='//www.rjmprogramming.com.au/PHP/PieChart/pie_chart.php' value=p>Pie Chart</option></select></h1><h3 id=myh3>RJM Programming <a target=_blank href='./image_venn.html' style='cursor:pointer;text-decoration:none;' title='Back to home menu'>-</a> November, 2023</h3><table style='width:100%;margin:0 0 0 0;'><tr><td id=tdleft data-style=vertical-align:top;><img" + evn + "'ask(event);' title='Google Chart Image Chart ' + cname + ' image ... to modify, please click' id=myvenn width=" + Math.min(550,window.innerWidth) + " height=" + Math.min(350,window.innerHeight) + " data-style='display:block;width:" + Math.min(550,window.innerWidth) + "px;height:" + Math.max(350,window.innerHeight) + "px;background:url(" + defcheck(7, "//www.rjmprogramming.com.au/ITblog/" + Math.min(550,window.innerWidth) + "/" + Math.min(350,window.innerHeight) + "/?cht=" + ctype + chdt + prenchtt) + ");background-size:cover;' src='" + defcheck(8, "//www.rjmprogramming.com.au/ITblog/" + Math.min(550,window.innerWidth) + "/" + Math.min(350,window.innerHeight) + "/?cht=" + ctype + prechtt + "&chtt=My%20" + cencodename + "&chco=" + defchco) + "' usemap='#mymap'></img></td>" + inbetween + "<td id=tdright style='border-left:1px dotted purple;vertical-align:top;'></td></tr></table>");
}
</script>
<iframe onload=mapsofarpj(this); id=mappjs style=display:none; src=></iframe>
<input type=text style='position:absolute;top:-300px;left:-300px;' value=''></input>
<iframe id=ifhm name=ifhm style="display:none;" src="/PHP/http_methods.php?url=https%3A%2F%2Fchart.googleapis.com%2Fchart" onload="checkimagechart(this);"></iframe>
<form style=display:none; method=POST target=ifhm action=/PHP/http_methods.php>
<input type=hidden id=inhi name=inhi value='../ITblog/payloadv.dot'></input>
<input type=hidden id=incont name=incont value=''></input>
<input type=hidden id=insuffix name=insuffix value=''></input>
<input id=bsubo type=submit style=display:none; value='Submit'></input>
</form>
</body>
</html>