12,15c12
< var si=false;
< 
< 
<    
---
>     
24,25d20
< var ddmf='';
< var ihddmf='';
80,87d74
<   if (si) {
<     document.getElementById('eimg').innerHTML='<img style="border:8px dashed pink;" src=' + pretoh + '></img>';
<     if (document.getElementById('divannotation')) {
<     if (('' + document.getElementById('divannotation').style.top).indexOf('485') != -1) {
<     document.getElementById('divannotation').style.top=eval(eval(('' + document.getElementById('divannotation').style.top).replace('px','')) + 240) + 'px';
<     }
<     }
<   }
92d78
<   //alert(xbits[0] + ',');
96d81
<   //alert(tos.outerHTML);
109,111c94
<  //alert(xxlworld + 'was: ' + toe.href);
<   toe.href = toe.href + (things[0] + "/~").replace("world.html/~", document.getElementById('myfname').value).replace(xxlworld + ".html/~", document.getElementById('myfname').value).replace(xxlworld + ".htm/~", document.getElementById('myfname').value).replace("index.html/~", document.getElementById('myfname').value).replace("//~", "/" + document.getElementById('myfname').value).replace("/~", "/" + document.getElementById('myfname').value);
<  //alert('is: ' + toe.href);
---
>   toe.href = toe.href + (things[0] + "/~").replace("world.html/~", document.getElementById('myfname').value).replace(xxlworld + ".html/~", document.getElementById('myfname').value).replace("index.html/~", document.getElementById('myfname').value).replace("//~", "/" + document.getElementById('myfname').value).replace("/~", "/" + document.getElementById('myfname').value);
132,136d114
<    if (urlis.toLowerCase().indexOf('http') != 0) {
<      if (document.URL.indexOf(':') != -1) {
<        urlis=document.URL.split(':')[0] + ':' + urlis;
<      }
<    }
215c193
<       document.getElementById('divannotation').innerHTML=document.getElementById('divannotation').innerHTML.replace('Annotations++','Annotations++ <input onclick="document.getElementById(' + "'" + 'canbet' + "'" + ').value=' + "'" + 'transparent' + "'" + ';" type=button value="Copy (via 2) and Paste (via 1) Parts of Canvas Above to Canvas Above"></input>').replace('<input type="text" id="mycolour"','<input type="color" id="myrcolour" value="black" onchange="if (this.value.toLowerCase().indexOf(' + "'" + 'transparent' + "'" + ') == -1) { obeforetransparent=this.value; } document.getElementById(' + "'" + 'mycolour' + "'" + ').value=this.value;"></input>&nbsp;<input onblur="if (this.value.toLowercase().indexOf(' + "'" + 'transparent' + "'" + ') == -1) { obeforetransparent=this.value; }" type="text" id="mycolour"').replace('<input id="mycolour"','<input type="color" id="myrcolour" value="black" onchange="if (this.value.toLowerCase().indexOf(' + "'" + 'transparent' + "'" + ') == -1) { obeforetransparent=this.value; } document.getElementById(' + "'" + 'mycolour' + "'" + ').value=this.value;"></input>&nbsp;<input onblur="if (this.value.toLowerCase().indexOf(' + "'" + 'transparent' + "'" + ') == -1) { obeforetransparent=this.value; } " id="mycolour"').replace("</form>","<input type=hidden id=canbet value=></input><input type=hidden name=from id=from value=''></input></form>").replace("</form>","<input type=hidden name=cc id=cc value=''></input></form>").replace("</form>","<input type=hidden name=bcc id=bcc value=''></input></form>");
---
>       document.getElementById('divannotation').innerHTML=document.getElementById('divannotation').innerHTML.replace("</form>","<input type=hidden name=from id=from value=''></input></form>").replace("</form>","<input type=hidden name=cc id=cc value=''></input></form>").replace("</form>","<input type=hidden name=bcc id=bcc value=''></input></form>");
258,260d235
<    ddmf=document.getElementById('dviai').innerHTML;
<    ihddmf=ddmf.split('</iframe>')[1]; //.split('>')[eval(-1 + ddmf.split('</textarea>')[0].split('>').length)];
<    setInterval(cddmf,2900);
265,281d239
< function cddmf() {
<    var newddmf=document.getElementById('dviai').innerHTML;
<    if (newddmf != ddmf) {
<      var newihddmf=newddmf.split('</iframe>')[1];  //.split('>')[eval(-1 + newddmf.split('</textarea>')[0].split('>').length)];
<      if (ihddmf == '') {
<        ihddmf=newihddmf;
<      } else if (ihddmf != newihddmf && newihddmf.indexOf(ihddmf) == 0) {
<        var huhss=newihddmf.substring(ihddmf.length);
<        document.getElementById('dviai').innerHTML=document.getElementById('dviai').innerHTML.replace(newihddmf,huhss + ihddmf);
<        ihddmf=huhss + ihddmf;
<      } else {
<        ihddmf=newihddmf;
<      }
<      ddmf=document.getElementById('dviai').innerHTML;
<    }
< }
< 
315c273
<  document.write('<table style=width:100%;><tr><td><h1 align="center">Feedback</h1></td><td style=width:90%; nowrap><div style=display:inline-block;width:100%;overflow-x:scroll; id=dviai><form style=display:none;width:100%;overflow-x:scroll; action=fairy_story_assistant.php method=GET target=fsa><input name=emoji id=iemoji value=></input><input type=submit id=isubm value=Submit></input></form><iframe style=display:none;width:100%;overflow-x:scroll; id=fsa name=fsa src=></iframe></div></td></tr></table>');
---
>  document.write('<h1 align="center">Feedback<div id=dviai><form style=display:none; action=fairy_story_assistant.php method=GET target=fsa><input name=emoji id=iemoji value=></input><input type=submit id=isubm value=Submit></input></form><iframe style=display:none; id=fsa name=fsa src=></iframe></div></h1>');
317c275
<  document.write("<div align='center' style='height:240px;overflow:scroll;'><table style='height:240px;' cellpadding=5 cellspacing=5><tr><td style='vertical-align:top;border:4px solid pink;width:33%;'>");
---
>  document.write("<div align='center'><table cellpadding=5 cellspacing=5><tr><td style='border:4px solid pink;width:33%;'>");
322,323c280,281
<  document.write("Subject: <input style='width:200px; align:right;' type='text' id='feedback' onblur=\" document.getElementById('mysubject').value=this.value; document.getElementById('myisubject').value=this.value; fixmyemail(this.value + ' ',1); \" value='Feedback'></input><br><input type='button' id='feedbutton' onclick=\"  xcapture(document.getElementById('mydurl'),document.getElementById('bsubmit'),document.getElementById('myemail'));  \" value='Send Feedback' style='background-color:yellow; align:center;'></input>&nbsp;<input type='button' id='feedbuttontwo' onclick=\" si=true; xcapture(document.getElementById('mydurl'),document.getElementById('bsubmit'),document.getElementById('myemail')); si=false;  \" value='Send Feedback and Show Body of Email as Image' style='background-color:yellow; align:center;'></input>");
<  document.write("</td><td style='vertical-align:top;border:4px solid blue;width:33%;'>");
---
>  document.write("Subject: <input style='width:200px; align:right;' type='text' id='feedback' onblur=\" document.getElementById('mysubject').value=this.value; document.getElementById('myisubject').value=this.value; fixmyemail(this.value + ' ',1); \" value='Feedback'></input><br><input type='button' id='feedbutton' onclick=\"  capture(document.getElementById('mydurl'),document.getElementById('bsubmit'),document.getElementById('myemail'));  \" value='Send Feedback' style='background-color:yellow; align:center;'></input>");
>  document.write("</td><td style='border:4px solid blue;width:33%;'>");
325c283
<  document.write("<div align='center' style='width:100%;'><table cellpadding=5 cellspacing=5 style='width:100%;height:240px;'><tr><td style='border:4px solid pink;width:210px;'>");
---
>  document.write("<div align='center' style='width:100%;'><table cellpadding=5 cellspacing=5 style='width:100%;'><tr><td style='border:4px solid pink;width:210px;'>");
331c289
<  document.write("</td><td style='vertical-align:top;border:4px solid blue;width:210px;float:left;'>");
---
>  document.write("</td><td style='border:4px solid blue;width:210px;float:left;'>");
333c291
<  document.write("<div align='center' style='width:100%;'><table cellpadding=5 cellspacing=5 style='width:100%;height:240px;'><tr><td style='border:4px solid pink;width:210px;'>");
---
>  document.write("<div align='center' style='width:100%;'><table cellpadding=5 cellspacing=5 style='width:100%;'><tr><td style='border:4px solid pink;width:210px;'>");
338,339c296,297
<  document.write("Subject: <input style='width:160px; align:right;' type='text' id='feedback' onblur=\" document.getElementById('mysubject').value=this.value; document.getElementById('myisubject').value=this.value; fixmyemail(this.value + ' ',1); \" value='Feedback'></input><br><input type='button' id='feedbutton' onclick=\"  xcapture(document.getElementById('mydurl'),document.getElementById('bsubmit'),document.getElementById('myemail'));  \" value='Send Feedback' style='background-color:yellow; '></input>");
<  document.write("</td><td style='vertical-align:top;border:4px solid blue;width:210px;float:left;'>");
---
>  document.write("Subject: <input style='width:160px; align:right;' type='text' id='feedback' onblur=\" document.getElementById('mysubject').value=this.value; document.getElementById('myisubject').value=this.value; fixmyemail(this.value + ' ',1); \" value='Feedback'></input><br><input type='button' id='feedbutton' onclick=\"  capture(document.getElementById('mydurl'),document.getElementById('bsubmit'),document.getElementById('myemail'));  \" value='Send Feedback' style='background-color:yellow; '></input>");
>  document.write("</td><td style='border:4px solid blue;width:210px;float:left;'>");
344c302
< <td id='emojis' style='vertical-align:top;border:4px solid red; width:210px; height:250px; overflow:hidden; align: top;'><iframe style='height:240px;' name='emojis' id='emojis' src='//www.rjmprogramming.com.au/PHP/emoticon_keyboard_shortcuts.php#myh3'></iframe></td>
---
> <td id='emojis' style='border:4px solid red; width:210px; align: top;'><iframe name='emojis' id='emojis' src='//www.rjmprogramming.com.au/PHP/emoticon_keyboard_shortcuts.php#myh3'></iframe></td>
350c308
<  document.write('<canvas style="border: 5px solid green; background-color: black; opacity: 0.3;" title="Feedback" id="canvaselement" width="1350" height="200" ></canvas><br><div id=eimg></div>');
---
>  document.write('<canvas style="border: 5px solid green; background-color: black; opacity: 0.3;" title="Feedback" id="canvaselement" width="1350" height="200" ></canvas>');
352c310
<  document.write('<canvas style="border: 5px solid green; background-color: black; opacity: 0.3;" title="Feedback" id="canvaselement" width="620" height="100" ></canvas><br><div id=eimg></div>');
---
>  document.write('<canvas style="border: 5px solid green; background-color: black; opacity: 0.3;" title="Feedback" id="canvaselement" width="620" height="100" ></canvas>');
364,370d321
< var omyimgdata="";
< var obeforetransparent="black";
< var omidatax=0;
< var omidatay=0;
< var omidataw=0;
< var omidatah=0;
< var allowable=false;
379,380d329
<    
<        
405,431d353
<     if ((document.getElementById('canbet').value == 'transparent' || document.getElementById('mycolour').value == 'Transparent') && !allowable) {
<       allowable=true;
<     } else if ((document.getElementById('canbet').value == 'transparent' || document.getElementById('mycolour').value == 'Transparent') && allowable) {
<       allowable=false;
<       document.getElementById('canbet').value='';
<       //alert(obeforetransparent);
<       if (obeforetransparent != "") {
<       //omyimgdata=context.getImageData(eval(Math.min(x,lastx)), eval(Math.min(y,lasty)), Math.abs(x - lastx), Math.abs(y - lasty));
<       omyimgdata=elem.toDataURL('image/png',0);
<       //alert(omyimgdata);
<       document.getElementById('myim').style.width=elem.style.width;
<       document.getElementById('myim').style.height=elem.style.height;
<       document.getElementById('myim').src=omyimgdata;
<       omidatax=eval(Math.min(x,lastx));
<       omidatay=eval(Math.min(y,lasty));
<       omidataw=Math.abs(x - lastx);
<       omidatah=Math.abs(y - lasty);
<       document.getElementById('mycolour').value=obeforetransparent;
<       }
<     } else if (omyimgdata != "") {
<          //context.putImageData(omyimgdata, x, y); //, omidataw, omidatah);
<          //alert(',' + omidatax + ',' + omidatay + ',' + omidataw + ',' + omidatah + ',' + x + ',' + y + ',' + omidataw + ',' + omidatah);
<          context.drawImage(document.getElementById('myim'),omidatax,omidatay,omidataw,omidatah, x, y,omidataw,omidatah); //, omidataw, omidatah);
<          //alert('' + x + ',' + y + ' paste');
<          omyimgdata="";
<     }  
< 
434,436d355
< 
<        
< 
457d375
< <img id='myim' style='dispay:none;' src='' title='' alt=''></img>