3c3
< <title>Canvas HTML Element Surd Board Game Tutorial ... RJM Programming ... April 2014 ... thanks to http://stackoverflow.com/questions/9880279/how-do-i-add-a-simple-onclick-event-handler-to-a-canvas-element</title>
---
> <title>Canvas HTML Element Surd Board Game (with image copy) Tutorial ... RJM Programming ... April 2014 ... thanks to http://stackoverflow.com/questions/9880279/how-do-i-add-a-simple-onclick-event-handler-to-a-canvas-element</title>
27a28,29
> var fromhereon = "0";
> 
355a358,373
> 
> 
> function to_image_file() {
>                 var ourcanvas = document.getElementById("canvaselement");
>                 document.getElementById("ourimage").src = ourcanvas.toDataURL();
>                 if (document.getElementById("fromhereon").value == "1") {
>                   document.getElementById("ourimage").style.display = 'block';
>                   document.getElementById("email").style.display = 'block';
>                   document.getElementById("emailee").style.display = 'block';
>                   document.getElementById("ourtable").border = 1;
>                   Canvas2Image.saveAsPNG(ourcanvas);
>                 } else {
>                   document.getElementById("ourimage").style.display = 'none';
>                 }
>                 document.getElementById("fromhereon").value = fromhereon;
> }
359c377
< <table><tr><td><h1 id='myh1'>Click for your maths question about <a target=_blank title='Surds mathematics page' href='http://www.mathsisfun.com/surds.html'>surds</a> ... Take fewest goes to reach score of 20</h1><p>Score <span style='color:green;' id="score">0</span> achieved via <span  style='color:red;' id="goes">0</span> goes and your current answer is  <input onchange='assess(zz);' style='background-color: pink;' id="guess" value=""></input>&nbsp;&nbsp;</td><td><div id='adiv' style='display:inline;'><input style='background-color: yellow;width:60px;' id="aguess" value="0"></input>
---
> <table><tr><td><h1 id='myh1'>Click for your maths question about <a target=_blank title='Surds mathematics page' href='http://www.mathsisfun.com/surds.html'>surds</a> ... Take fewest goes to reach score of 20</h1><p>Score <span style='color:green;' id="score">0</span> achieved via <span  style='color:red;' id="goes">0</span> goes and your current answer is </td><td><div id='adiv' style='display:inline;'><input style='background-color: yellow;width:60px;' id="aguess" value="0"></input>
385a404,405
> <input type="hidden" value="0" id="fromhereon"></input>
> 
386a407,408
>         <table id='ourtable' cellpadding=3><tr><td><input type='button' id='mydrawb' style='display:none;' onclick=" fromhereon='1'; to_image_file(); " value="Draw Surd Chalkboard to Image Below"></input></td><td><a id='email' style='display:none; border: 3px solid green; background-color:yellow; padding: 3 3 3 3; ' href='mailto:user@user.com.qz?subject=Surd%20question%20for%20you%20...' title="Optionally Use Browser to Copy Image then Email Here with Paste Usage">Optionally Use Browser to Copy Image then Email Here with Paste Usage to ...</a></td><td><input type='text' id='emailee' style='display:none;' onchange=" document.getElementById('email').href='mailto:' + this.value + '?subject=Surd%20question%20for%20you%20...'; " value="user@user.com.qz"></input></td></tr></table>
>         <img id="ourimage" status='display:none;'></img>
431a454
>    document.getElementById("mydrawb").style.display = 'block';
435a459,461
>    //if (document.getElementById("fromhereon").value == "1") {
>      to_image_file();
>    //}
443c469
<       window.location = './surd_chalkboard.html';
---
>       window.location = './surd_withimagecopy_chalkboard.html';
450d475
<