5c5
< <meta charset="UTF-8">
---
> 
44,45d43
< var ct="centertd", duzero="";
< 
67,70c65
< var afts=new Array();
< 
< var strike='', mode='';
< mode=location.search.split('mode=')[1] ? location.search.split('mode=')[1].split('&')[0] : '';
---
> var strike='';
79,82c74,77
<       document.getElementById(ct + eval(1 + i)).innerHTML=twosome[0];
<       document.getElementById(ct + eval(1 + i)).title=twosome[0];
<       document.getElementById(ct + eval(1 + i)).style.fontSize='28px';
<       document.getElementById(ct + eval(1 + i)).style.backgroundColor='pink';
---
>       document.getElementById('centertd' + eval(1 + i)).innerHTML=twosome[0];
>       document.getElementById('centertd' + eval(1 + i)).title=twosome[0];
>       document.getElementById('centertd' + eval(1 + i)).style.fontSize='28px';
>       document.getElementById('centertd' + eval(1 + i)).style.backgroundColor='pink';
84,86d78
<  for (var ii=0; ii<sentences.length; ii++) {
<    fixfor(ii);
<  }
94,100c86,89
<      //alert(document.getElementById(ct + eval(1 + ii)).style.backgroundColor); // rgb(255, 192, 203)
<      if (document.getElementById(ct + eval(1 + ii)).style.backgroundColor != 'lightgreen' && document.getElementById(ct + eval(1 + ii)).style.backgroundColor != 'rgb(144, 238, 144)') {
<       document.getElementById(ct + eval(1 + ii)).innerHTML=twosome[zero];
<       document.getElementById(ct + eval(1 + ii)).title=twosome[zero];
<       if (mode.toLowerCase().replace('flip','').replace('strike','') != '') {
<        document.getElementById(ct + eval(1 + ii)).setAttribute('class', 'none' + eval(1 + ii));
<       }
---
>      //alert(document.getElementById('centertd' + eval(1 + ii)).style.backgroundColor); // rgb(255, 192, 203)
>      if (document.getElementById('centertd' + eval(1 + ii)).style.backgroundColor != 'lightgreen' && document.getElementById('centertd' + eval(1 + ii)).style.backgroundColor != 'rgb(144, 238, 144)') {
>       document.getElementById('centertd' + eval(1 + ii)).innerHTML=twosome[zero];
>       document.getElementById('centertd' + eval(1 + ii)).title=twosome[zero];
102c91
<        document.getElementById(ct + eval(1 + ii)).style.backgroundColor='pink';
---
>        document.getElementById('centertd' + eval(1 + ii)).style.backgroundColor='pink';
104c93
<        document.getElementById(ct + eval(1 + ii)).style.backgroundColor='orange';
---
>        document.getElementById('centertd' + eval(1 + ii)).style.backgroundColor='orange';
107d95
<      fixfor(ii);
123,182c111,112
<   //alert(document.getElementById('centertd3').innerHTML);
<   //alert(thiso.id);
<   if (thiso.id.indexOf('for') != -1) {
<   var pbits=thiso.id.split('for');
<   numis=eval(pbits[eval(-1 + pbits.length)]);
<   } else {
<   numis=eval(thiso.id.replace('opt0','').replace('opt','').replace('sel','').replace('centerdiv','').replace(ct,'').replace('cb1_','').replace('cb2_','').replace('cb','').replace('but1_','').replace('but2_','').replace('but','').replace('radio',''));
<   }
<   //alert(document.getElementById(ct + eval(0 + numis)).innerHTML);
<   if (document.getElementById(ct + eval(0 + numis)).innerHTML.indexOf('<select ') != -1) {
<     numis=eval(thiso.id.replace('opt0','').replace('opt','').replace('sel',''));
<     doputback();
<     goes++;
<     //alert(thiso.title + ' ... numis=' + numis + ' ' + goodanswers[eval(-1 + numis)]);
<     if (thiso.innerHTML == goodanswers[eval(-1 + numis)]) {
<     score++;
<     document.getElementById('score').innerHTML='Score: ' + score + ' Goes: ' + goes;
<     thiso.setAttribute('class', 'noclass');
<     document.getElementById(ct + numis).style.backgroundColor='lightgreen';
<     document.getElementById(ct + numis).innerHTML=goodanswers[eval(-1 + numis)];
<     document.getElementById(ct + numis).onclick="alert('Done that.');";
<     } else {
<     document.getElementById('score').innerHTML='Score: ' + score + ' Goes: ' + goes;
<     alert('Try again.');
<     }
<   } else if (document.getElementById(ct + eval(0 + numis)).innerHTML.indexOf('"checkbox"') != -1) {
<     numis=eval(thiso.id.replace('cb1_','').replace('cb2_','').replace('cb',''));
<     doputback();
<     goes++;
<     //alert(thiso.title + ' ... numis=' + numis + ' ' + goodanswers[eval(-1 + numis)]);
<     if (thiso.title == goodanswers[eval(-1 + numis)]) {
<     score++;
<     document.getElementById('score').innerHTML='Score: ' + score + ' Goes: ' + goes;
<     thiso.setAttribute('class', 'noclass');
<     document.getElementById(ct + numis).style.backgroundColor='lightgreen';
<     document.getElementById(ct + numis).innerHTML=goodanswers[eval(-1 + numis)];
<     document.getElementById(ct + numis).onclick="alert('Done that.');";
<     } else {
<     document.getElementById('score').innerHTML='Score: ' + score + ' Goes: ' + goes;
<     alert('Try again.');
<     }
<   } else if (document.getElementById(ct + eval(0 + numis)).innerHTML.indexOf('"button"') != -1) {
<     numis=eval(thiso.id.replace('but1_','').replace('but2_','').replace('but',''));
<     doputback();
<     goes++;
<     //alert(thiso.title + ' ... numis=' + numis + ' ' + goodanswers[eval(-1 + numis)]);
<     if (thiso.value == goodanswers[eval(-1 + numis)]) {
<     score++;
<     document.getElementById('score').innerHTML='Score: ' + score + ' Goes: ' + goes;
<     thiso.setAttribute('class', 'noclass');
<     document.getElementById(ct + numis).style.backgroundColor='lightgreen';
<     document.getElementById(ct + numis).innerHTML=goodanswers[eval(-1 + numis)];
<     document.getElementById(ct + numis).onclick="alert('Done that.');";
<     } else {
<     document.getElementById('score').innerHTML='Score: ' + score + ' Goes: ' + goes;
<     alert('Try again.');
<     }
<   } else if (document.getElementById(ct + eval(0 + numis)).innerHTML.indexOf('"radio"') != -1) {
<     //document.getElementById(ct + eval(0 + numis)).setAttribute('class', '');
<     numis=eval(thiso.id.replace('radio',''));
---
>   if (document.getElementById('centertd1').innerHTML.indexOf('<a ') == -1) {
>     numis=eval(thiso.id.replace('centerdiv','').replace('centertd',''));
190,207c120,121
<     document.getElementById(ct + numis).style.backgroundColor='lightgreen';
<     document.getElementById(ct + numis).innerHTML=goodanswers[eval(-1 + numis)];
<     document.getElementById(ct + numis).onclick="alert('Done that.');";
<     } else {
<     document.getElementById('score').innerHTML='Score: ' + score + ' Goes: ' + goes;
<     alert('Try again.');
<     }
<   } else if (document.getElementById(ct + eval(0 + numis)).innerHTML.indexOf('<a ') == -1) {
<     numis=eval(thiso.id.replace('centerdiv','').replace(ct,''));
<     doputback();
<     goes++;
<     //alert(thiso.title + ' ... numis=' + numis + ' ' + goodanswers[eval(-1 + numis)]);
<     if (thiso.title == goodanswers[eval(-1 + numis)]) {
<     score++;
<     document.getElementById('score').innerHTML='Score: ' + score + ' Goes: ' + goes;
<     thiso.setAttribute('class', 'noclass');
<     document.getElementById(ct + numis).style.backgroundColor='lightgreen';
<     document.getElementById(ct + numis).onclick="alert('Done that.');";
---
>     document.getElementById('centertd' + numis).style.backgroundColor='lightgreen';
>     document.getElementById('centertd' + numis).onclick="alert('Done that.');";
217c131
<   if (strike.replace(' ','') != '') {
---
>   if (strike != '') {
232c146
<     if (mode.toLowerCase().replace('strike','') == '') putback="document.getElementById('" + otherid + "').innerHTML=strike + document.getElementById('" + otherid + "').innerHTML.replace('<strike>','').replace('</strike>','') + strike.replace('<strike','</strike');"
---
>     putback="document.getElementById('" + otherid + "').innerHTML=strike + document.getElementById('" + otherid + "').innerHTML.replace('<strike>','').replace('</strike>','') + strike.replace('<strike','</strike');"
237c151
<   } else if (strike.replace(' ','') != '') {
---
>   } else if (strike != '') {
273,275d186
< if (mode.replace('strike','').replace('flip','') != '') strike=' ';
< if (mode.toLowerCase() == 'strike') strike='<strike>';
< if (mode.toLowerCase() == 'flip') strike='';
280d190
< if (mode != '') afters();
284c194
<  if (strike.replace(' ','') != '') {
---
>  if (strike != '') {
307c217
<  if (strike.replace(' ','') == '') setTimeout(changes, bitcycle);
---
>  if (strike == '') setTimeout(changes, bitcycle);
316,365c226,233
<   var du='';
<   var ours=prompt('Optionally specify [Letter] as per Horizontal [F]lip Click or [S]trike Reject or [R]adio or [B]utton or [C]heckbox or [D]ropdown.  Optionally suffix it by ~ to make that happen now.','');
<   if (ours != null) {
<    if (ours != '') {
<     if (du == "") du = document.URL.replace('#','');
<     du=du.replace('strike=','nowayjose=').replace('mode=','nowayjosy=');
<     var qis='?';
<     if (du.indexOf('?') != -1) qis='&';
<     if (ours.indexOf('~') != -1) {
<       ours=ours.toLowerCase().replace(/~/g, "");
<     if (ours == 's') {
<        du+=qis + 'mode=strike';
<     } else if (ours == 'f') {
<        du+=qis + 'mode=flip';
<     } else if (ours == 'c') {
<        du+=qis + 'mode=checkbox';
<     } else if (ours == 'r') {
<        du+=qis + 'mode=radio';
<     } else if (ours == 'b') {
<        du+=qis + 'mode=button';
<     } else if (ours == 'd') {
<        du+=qis + 'mode=dropdown';
<     } else if (mode.toLowerCase() != 'flip') {
<        du+=qis + 'mode=flip';
<     } else {
<        du+=qis + 'mode=strike';
<     }
<     location.href=du;
<     } else {
<     ours=ours.toLowerCase().replace(/~/g, "");
<     if (ours == 's') {
<        du+=qis + 'mode=strike';
<     } else if (ours == 'f') {
<        du+=qis + 'mode=flip';
<     } else if (ours == 'c') {
<        du+=qis + 'mode=checkbox';
<     } else if (ours == 'r') {
<        du+=qis + 'mode=radio';
<     } else if (ours == 'b') {
<        du+=qis + 'mode=button';
<     } else if (ours == 'd') {
<        du+=qis + 'mode=dropdown';
<     } else if (mode.toLowerCase() != 'flip') {
<        du+=qis + 'mode=flip';
<     } else {
<        du+=qis + 'mode=strike';
<     }
<     duzero=du;
<     }
<    }
---
>   if (document.URL.indexOf('strike=') != -1) {
>     location.href=document.URL.replace('strike=','nowayjose=');
>   } else if (document.URL.indexOf('STRIKE=') != -1) {
>     location.href=document.URL.replace('STRIKE=','nowayjose=');
>   } else if (document.URL.indexOf('?') == -1) { 
>     location.href=document.URL + '?strike=y';
>   } else {
>     location.href=document.URL + '&strike=y';
367,375d234
< //  if (document.URL.indexOf('strike=') != -1) {
< //    location.href=document.URL.replace('strike=','nowayjose=');
< //  } else if (document.URL.indexOf('STRIKE=') != -1) {
< //    location.href=document.URL.replace('STRIKE=','nowayjose=');
< //  } else if (document.URL.indexOf('?') == -1) { 
< //    location.href=document.URL + '?strike=y';
< //  } else {
< //    location.href=document.URL + '&strike=y';
< //  }
396c255
<      owntitle(lh.replace('#',''));      
---
>      owntitle(lh);      
402,404c261,263
<   var ours;
<   if (du == '') {
<   ours=prompt('Optionally specify your own title (or single email address to email this scenario to somebody).  Optionally suffix it by ~[Letter] to toggle mode of use among Horizontal [F]lip Click or [S]trike Reject or [R]adio or [B]utton or [C]heckbox or [D]ropdown (from what it is now).',thistitle);
---
>   var ours=prompt('Optionally specify your own title.  Optionally suffix it by ~ to toggle mode of use among Horizontal Flip Click or Strike Reject (from what it is now).',thistitle);
>   var spare, postspare;
>   if (du == "") du = document.URL;
406,411c265,271
<     if (ours.indexOf('@') != -1 && ours.indexOf(' ') == -1) {
<       document.getElementById('afterstyles').innerHTML+='<a id="aemail" href="mailto:' + ours + "?subject=" + encodeURIComponent(document.getElementById('mya').innerHTML) + '&body=' + encodeURIComponent(document.URL) + '" style="display:none;">Email</a>';
<       document.getElementById('aemail').click();
<       ours='';
<     }
<   }
---
>     if (ours.indexOf('~') != -1) {
>   if (du.indexOf('strike=') != -1) {
>     du=du.replace('strike=','nowayjose=');
>   } else if (du.indexOf('STRIKE=') != -1) {
>     du=du.replace('STRIKE=','nowayjose=');
>   } else if (du.indexOf('?') == -1) { 
>     du=du + '?strike=y';
413c273
<   ours=prompt('Optionally specify your own title.  Optionally suffix it by ~[Letter] to toggle mode of use among Horizontal [F]lip Click or [S]trike Reject or [R]adio or [B]utton or [C]heckbox or [D]ropdown (from what it is now).',thistitle);
---
>     du=du + '&strike=y';
415,450d274
<   var spare, postspare, ps;
<   if (duzero != "") du = duzero;
<   if (du == "") du = document.URL.replace('#','');
<   if (ours != null) {
<     if (ours.indexOf('~') != -1) {
<     du=du.replace('strike=','nowayjose=').replace('mode=','nowayjosy=');
<     ps=ours.toLowerCase().split('~');
<     var qis='?';
<     if (du.indexOf('?') != -1) qis='&';
<     if (ps[1] == 's') {
<        du+=qis + 'mode=strike';
<     } else if (ps[1] == 'f') {
<        du+=qis + 'mode=flip';
<     } else if (ps[1] == 'c') {
<        du+=qis + 'mode=checkbox';
<     } else if (ps[1] == 'r') {
<        du+=qis + 'mode=radio';
<     } else if (ps[1] == 'b') {
<        du+=qis + 'mode=button';
<     } else if (ps[1] == 'd') {
<        du+=qis + 'mode=dropdown';
<     } else if (mode.toLowerCase() != 'flip') {
<        du+=qis + 'mode=flip';
<     } else {
<        du+=qis + 'mode=strike';
<     }
<     ours=ps[0];
< //  if (du.indexOf('strike=') != -1) {
< //    du=du.replace('strike=','nowayjose=');
< //  } else if (du.indexOf('STRIKE=') != -1) {
< //    du=du.replace('STRIKE=','nowayjose=');
< //  } else if (du.indexOf('?') == -1) { 
< //    du=du + '?strike=y';
< //  } else {
< //    du=du + '&strike=y';
< //  }
468,529c292
<      location.href=du.replace('#','');      
<     }
<   }
< }
< 
< function afters() {
<   var stylestoadd='', itf;
<   if (mode == 'checkbox') {
<    for (itf=0;itf<sentences.length; itf++) {
<     stylestoadd+="<style>  #centertd" + eval(1 + itf) + ":after { content: '\\002705'; }  .none" + eval(1 + itf) + ":after { content: '' !important; } </style>";
<    }
<   } else if (mode == 'radio') {
<    for (itf=0;itf<sentences.length; itf++) {
<     stylestoadd+="<style>  #centertd" + eval(1 + itf) + ":after { content: '\\01F4FB'; }  .none" + eval(1 + itf) + ":after { content: '' !important; }  </style>";
<    }
<   } else if (mode == 'dropdown' || mode == 'select') {
<    for (itf=0;itf<sentences.length; itf++) {
<     stylestoadd+="<style>  #centertd" + eval(1 + itf) + ":after { content: '\\0023ec'; }  .none" + eval(1 + itf) + ":after { content: '' !important; }  </style>";
<    }
<   } else if (mode == 'button') {
<    for (itf=0;itf<sentences.length; itf++) {
<     stylestoadd+="<style>  #centertd" + eval(1 + itf) + ":after { content: '\\01F532'; }  .none" + eval(1 + itf) + ":after { content: '' !important; }  </style>";
<    }
<   }
<   if (stylestoadd != '') document.getElementById('afterstyles').innerHTML=stylestoadd;
< }
< 
< function fixfor(ij) {
<   var bef='', aft='', thato=document.getElementById(ct + eval(1 + ij));
<   if (document.getElementById(ct + eval(1 + ij)).style.backgroundColor != 'lightgreen' && document.getElementById(ct + eval(1 + ij)).style.backgroundColor != 'rgb(144, 238, 144)') {
<   if (thato != null) {
<     //bef = window.getComputedStyle(document.querySelector('#' + ct + eval(1 + ij)), ':before').getPropertyValue('content');
<     var ih=thato.innerHTML;
<     var fullb=aswas[ij].split(';');
<     if (eval(afts.length) > eval(ij)) {
<     aft = afts[ij];
<     } else {
<     aft = window.getComputedStyle(document.querySelector('#' + ct + eval(1 + ij)), ':after').getPropertyValue('content');
<     afts.push(aft);
<     //if (aft != null) alert(aft.substring(0,1).charCodeAt(0));
<     }
<     //if (ih.indexOf('checkbox') != -1) alert('!' + ih);
<     if (aft != null) {
<      if (aft != 'none') { //  && isNaN(aft) == false) {
<       //if (ih.indexOf('checkbox') != -1) alert(ih);
<       //if (aft.substring(0,1).charCodeAt(0) != 55357 && aft.substring(0,1).charCodeAt(0) != 9989 && aft.substring(0,1).charCodeAt(0) != 9196) alert(aft.substring(0,1).charCodeAt(0));
<       if (mode.toLowerCase() == 'button') {
<        thato.innerHTML='<input type="button" title="' + fullb[zero] + '" id="but1_' + eval(1 + ij) + '" onclick="check(this,goodanswers[' + ij + '],1);" value="' + fullb[zero] + '"></input><br><input type="button" title="' + fullb[eval(1 - zero)] + '"  id="but2_' + eval(1 + ij) + '" onclick="check(this,goodanswers[' + ij + '],1);" value="' + fullb[eval(1 - zero)] + '"></input>';
<       } else if (aft.substring(0,1).charCodeAt(0) == 55357 || aft.substring(1,2).charCodeAt(0) == 55357 || ih.indexOf('"radio"') != -1) {
<        //alert(aft.substring(0,1).charCodeAt(0) + 'radio ' + fullb[0] + ' ' + fullb[1] + ' ' + ih);
<        thato.innerHTML='<input type="radio" title="' + fullb[zero] + '" name="radio' + eval(1 + ij) + '" id="radio' + eval(1 + ij) + '" onclick="check(this,goodanswers[' + ij + '],1);">' + fullb[zero] + '</input><br><input type="radio" title="' + fullb[eval(1 - zero)] + '"  name="radio' + eval(1 + ij) + '" id="radio' + eval(1 + ij) + '" onclick="check(this,goodanswers[' + ij + '],1);">' + fullb[eval(1 - zero)] + '</input>';
<       } else if (aft.substring(0,1).charCodeAt(0) == 9989 || aft.substring(1,2).charCodeAt(0) == 9989 || ih.indexOf('"checkbox"') != -1) {
<        //alert('checkbox ' + fullb[0] + ' ' + fullb[1] + ' ' + ih);
<        thato.innerHTML='<input type="checkbox" title="' + fullb[zero] + '" id="cb1_' + eval(1 + ij) + '" onchange="check(this,goodanswers[' + ij + '],1);" >' + fullb[zero] + '</input><br><input type="checkbox" title="' + fullb[eval(1 - zero)] + '"  id="cb2_' + eval(1 + ij) + '" onchange="check(this,goodanswers[' + ij + '],1);">' + fullb[eval(1 - zero)] + '</input>';
<       } else if (aft.substring(0,1).charCodeAt(0) == 9196 || aft.substring(1,2).charCodeAt(0) == 9196 || ih.indexOf('<select ') != -1) {
<        //alert('select ' + fullb[0] + ' ' + fullb[1] + ' ' + ih);
<        //thato.innerHTML='<select size=2 id="sel' + eval(1 + ij) + '"><option title="' + goodanswers[ij] + '" value="">Please click selection ...</option><option title="' + goodanswers[ij] + '" value="' + fullb[zero] + '">' + fullb[zero] + '</option><option title="' + goodanswers[ij] + '" value="' + fullb[eval(1 - zero)] + '">' + fullb[eval(1 - zero)] + '</option></select>';
<        thato.innerHTML='<select size=2 id="sel' + eval(1 + ij) + '"><option id="opt0' + eval(1 + ij) + '" onclick="check(this,goodanswers[' + ij + '],1);" title="' + goodanswers[ij] + '" value="' + fullb[zero] + '">' + fullb[zero] + '</option><option id="opt' + eval(1 + ij) + '" onclick="check(this,goodanswers[' + ij + '],1);" title="' + goodanswers[ij] + '" value="' + fullb[eval(1 - zero)] + '">' + fullb[eval(1 - zero)] + '</option></select>';
<       } else if (aft.substring(0,1).charCodeAt(0) == 34) {
<        thato.innerHTML='<input type="button" title="' + fullb[zero] + '" id="but1_' + eval(1 + ij) + '" onclick="check(this,goodanswers[' + ij + '],1);" value="' + fullb[zero] + '"></input><br><input type="button" title="' + fullb[eval(1 - zero)] + '"  id="but2_' + eval(1 + ij) + '" onclick="check(this,goodanswers[' + ij + '],1);" value="' + fullb[eval(1 - zero)] + '"></input>';
<       }
<      }
---
>      location.href=du;      
531,532d293
<     //alert(ih);
<   }
539,540c300,301
< <h1 id='myh1' style='color:yellow; background-color: violet;' align='center'><br><a style="text-decoration:none;" href='#' onclick="owntitle('');" id="mya" title='Enter your own title.'>Future Choices</a> <font size=1>Thanks to <a href="#" onclick="background();">"How English Works"</a> by Michael Swan and Catherine Walter</font><br><br></h1>
< <h4 style='color:yellow; background-color: violet;' align='center'><br>RJM Programming <a style="text-decoration:none;" href='#' onclick='toggle();' title='Change Mode of Use among Horizontal [F]lip Click or [S]trike Reject or [R]adio or [B]utton or [C]heckbox or [D]ropdown'>-</a> November<a style="text-decoration:none;" href='#' onclick='owndata();' title='Send Your Own Sentences'>,</a> 2015<br><br></h1>
---
> <h1 id='myh1' style='color:yellow; background-color: violet;' align='center'><br><a style="text-decoration:none;" href='#' onclick="owntitle('');" title='Enter your own title.'>Future Choices</a> <font size=1>Thanks to <a href="#" onclick="background();">"How English Works"</a> by Michael Swan and Catherine Walter</font><br><br></h1>
> <h4 style='color:yellow; background-color: violet;' align='center'><br>RJM Programming <a style="text-decoration:none;" href='#' onclick='toggle();' title='Toggle Mode of Use among [Horizontal Flip Click] and Strike Reject'>-</a> November<a style="text-decoration:none;" href='#' onclick='owndata();' title='Send Your Own Sentences'>,</a> 2015<br><br></h1>
548,549d308
< </div>
< <div id='afterstyles'>