3c3
< <title>Venn Diagram on Canvas Primer Tutorial ... RJM Programming ... December 2013, January, 2015 ... thanks to http://stackoverflow.com/questions/9880279/how-do-i-add-a-simple-onclick-event-handler-to-a-canvas-element</title>
---
> <title>Venn Diagram on Canvas Primer Tutorial ... RJM Programming ... December 2013 ... thanks to http://stackoverflow.com/questions/9880279/how-do-i-add-a-simple-onclick-event-handler-to-a-canvas-element</title>
7,8c7,8
< <h1 title="Click to email snapshot of Venn Diagram" onclick="  capture(document.getElementById('mydurl'),document.getElementById('submit'),document.getElementById('myemail'));   ">Click two points to place Venn Diagram circle</h1>
< <table><tr><td><select onchange=" if (this.value == '') { capture(document.getElementById('mydurl'),document.getElementById('submit'),document.getElementById('myemail')); this.value = mval; } else { mval = this.value; } " id='mode' style='display:block;'><option value='Diameter'>Two ends of Diameter</option><option value='Centre'>Centre point then Circumference point</option><option value='Circumference'>Circumference point then Centre point</option><option value=''>Email snapshot of Venn Diagram ...</option></select></td><td><select id='px' onchange='fontsize(this.value);' style='color:black;'><option value=''>px?</option><option value='0'>Email snapshot</option></select></td><td><div id='inter'> </div></td></tr></table>
---
> <h1>Click two points to place Venn Diagram circle</h1>
> <table><tr><td><select id='mode' style='display:block;'><option value='Diameter'>Two ends of Diameter</option><option value='Centre'>Centre point then Circumference point</option><option value='Circumference'>Circumference point then Centre point</option></select></td><td><select id='px' onchange='fontsize(this.value);' style='color:black;'><option value=''>px?</option></select></td><td><div id='inter'> </div></td></tr></table>
10,12d9
< <form style='display:none;' id='myform' name='myform' method='POST' action='./venn_diagram.php?mode=1' target='myiframe'><input type='hidden' name='myfname' id='myfname' value=''><input type='hidden' name='mydurl' id='mydurl' value=''></input><input type='submit' name='submit' id='submit' value='Submit' style='display:none;'></input></form>
< <iframe style='display:none;' id='myiframe' src='./venn_diagram.php?mode='></iframe>
< <a style='display:none;' id='myemail' href='mailto:fill.in.email@address?subject=My%20Venn%20Diagram&body='>Email</a>
15,16d11
< var mval = 'Diameter';
< 
49,57d43
< function capture(toh, tos, toe) {
<   var pretoh = elem.toDataURL();
<   toh.value = pretoh.substr(22, pretoh.length); 
<   tos.click();
<   var things = document.URL.split("?");
<   toe.href = toe.href + (things[0] + "/~").replace("venn_diagram.html/~", document.getElementById('myfname').value).replace("index.html/~", document.getElementById('myfname').value).replace("//~", "/" + document.getElementById('myfname').value).replace("/~", "/" + document.getElementById('myfname').value);
<   toe.click();
< }
< 
187,189c173
<   if (ournum == "0") {
<   capture(document.getElementById('mydurl'),document.getElementById('submit'),document.getElementById('myemail'));   
<   } else if (ournum != "") {
---
>   if (ournum != "") {
200,209d183
<   
<   var today = new Date();
<   var dd = today.getDate();
<   var mm = today.getMonth()+1; //January is 0!
<   var yyyy = today.getFullYear();
<   var hh = today.getHours();
<   var minm = today.getMinutes(); //January is 0!
<   var ss = today.getSeconds();
<   document.getElementById('myfname').value = "venn_diagram_" + yyyy + "_" + mm + "_" + hh + "_" + minm + "_" + ss + ".png"; 
<