15,23d14
<  #wunderlay {
<     font-family: Courier New;
<     font-size: 20px;
<     opacity: 0.3;
<     z-index: 11;
<     padding: 0 0 0 0;
<     margin: 0 0 0 0;
<  }
<  
41,51d31
<  
<  span {
<     padding: 0 0 0 0;
<     margin: 0 0 0 0;
<  }
<  
<  span.wunderlay {
<     font-family: Courier New;
<     font-size: 20px;
<     cursor: pointer;
<  }
55c35
< <h1>Word Find <select id=cmode onchange="cmodeit(this);"><option value="" id=cmodeopt></option><option value=click>Click</option><option value=selection>Selection</option></select> Game <select onchange="restart(this);"><option value="hard">Hard</option><option value="easy">Easy</option><option value="easier">Easier</option><option value="easiest">Easiest</option></select> <span id=curbit>for</span> <select id=numsel onchange='nparrange(this);'><option id=optone value=1>1 player</option><option value=2>2 players</option><option value=3>3 players</option><option value=4>4 players</option><option value=5>5 players</option></select> <span id=smore><input type=text onblur="nameslist=this.value.replace(/\~/g,' '); anames[0]=nameslist.split(',')[0].trim();   var qwe=testtwo('Your go ' + anames[curplayer], this.title.replace('Comma separate as required.',''), this.value); document.getElementById('smore').innerHTML=qwe;" id=names placeholder='Name(s)' value='' title='Comma separate as required.'></input></span></h1>
---
> <h1>Word Find Game <select onchange="restart(this);"><option value="hard">Hard</option><option value="easy">Easy</option><option value="easier">Easier</option><option value="easiest">Easiest</option></select> <span id=curbit>for</span> <select id=numsel onchange='nparrange(this);'><option id=optone value=1>1 player</option><option value=2>2 players</option><option value=3>3 players</option><option value=4>4 players</option><option value=5>5 players</option></select> <span id=smore><input type=text onblur="nameslist=this.value.replace(/\~/g,' '); anames[0]=nameslist.split(',')[0].trim();   var qwe=testtwo('Your go ' + anames[curplayer], this.title.replace('Comma separate as required.',''), this.value); document.getElementById('smore').innerHTML=qwe;" id=names placeholder='Name(s)' value='' title='Comma separate as required.'></input></span></h1>
79,80d58
<  var caretPos=0;
<  var setsoftwo=[];
84,87d61
<  var wdebye='';
<  var zwdebye='';
<  var zzwdebye='';
<  var ijcnt=0;
93,94d66
<  wdebye+='<span class=wunderlay onclick=didclick(this); title="" id=span' + ijcnt + '>' + aletter + '</span>';
<  ijcnt++;
98d69
<  wdebye+='<br>';
111,231d81
<  var documentURL=document.URL;
<  if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) { 
<   if ((location.search.split('selection=')[1] ? decodeURIComponent(location.search.split('selection=')[1].split('&')[0]) : '') == '') {
<    documentURL+='#clicks=y';
<   }
<  }
<  
<  function cmodeit(sio) {
<    if (sio.value == 'selection') {
<    location.href=document.URL.split('?')[0].split('#')[0] + '?selection=y';
<    } else if (sio.value == 'click') {
<    documentURL+='#clicks=y';
<    lonl();
<    }
<  }
<  
<  function lonl() {
<   document.getElementById('wunderlay').innerHTML=wdebye;   
<   if (documentURL.indexOf('clicks=') != -1) {
<    document.getElementById('cmodeopt').innerHTML='Click';
<    //document.getElementById('wunderlay').innerHTML=wdebye;   
<    document.getElementById('wunderlay').style.display='block';
<    document.getElementById('blurb').innerHTML=document.getElementById('blurb').innerHTML.replace(' highlight ', ' click ');
<   } else {
<    document.getElementById('cmodeopt').innerHTML='Selection';
<   }
<  }
<  
<  function didclick(spano) {
<    var newi=eval(spano.id.replace('span',''));
<    var documentgetSelectiontoString='', revsis='';
<    var wlen=0, ijh=0;
<    if (setsoftwo.length == 0) {
<      setsoftwo.push(newi);
<      document.getElementById('span' + newi).style.backgroundColor='yellow';
<    } else {
<        console.log('Newi=' + newi + ' and down=' + Math.abs(eval(newi % 100) - eval(setsoftwo[0] % 100)) + ' and across=' + Math.abs(Math.floor(newi / 100) - Math.floor(setsoftwo[0] / 100)) + ' via setsoftwo[0]=' + setsoftwo[0]);
<      if (Math.floor(newi / 100) == Math.floor(setsoftwo[0] / 100)) {
<        wlen=eval(1 + Math.abs(eval(setsoftwo[0] - newi)));
<        if (wlen >= 4) {
<          for (ijh=Math.min(setsoftwo[0], newi); ijh<=Math.max(setsoftwo[0], newi); ijh++) {
<            documentgetSelectiontoString+=document.getElementById('span' + ijh).innerHTML;
<            revsis=document.getElementById('span' + ijh).innerHTML + revsis;
<            document.getElementById('span' + ijh).style.backgroundColor='orange';
<            document.getElementById('span' + ijh).title=document.getElementById('span' + ijh).innerHTML;
<            document.getElementById('span' + ijh).style.cursor='progress';
<          }
<   subscore=eval(0 - eval('' + documentgetSelectiontoString.length));
<   findingnemo='';
<   if (!backwardsallowed) {
<   setTimeout(retry, 2000);
<   document.getElementById('nameif').title='';
<   } else {
<   setTimeout(retry, 8000);
<   document.getElementById('mytao').style.cursor='progress';
<   document.getElementById('nameif').title='../PHP/surprise.php?miZn=' + eval(1 + eval('' + documentgetSelectiontoString.length)) + '&maZx=' + eval(1 + eval('' + documentgetSelectiontoString.length)) + '&firstJUNKname=y&youllneverfindthis=y' + '&second=y&iswordthere=' + encodeURIComponent(revsis);
<   }
<   document.getElementById('nameif').src='../PHP/surprise.php?miZn=' + eval(1 + eval('' + documentgetSelectiontoString.length)) + '&maZx=' + eval(1 + eval('' + documentgetSelectiontoString.length)) + '&firstJUNKname=y&youllneverfindthis=y' + '&iswordthere=' + encodeURIComponent(documentgetSelectiontoString.toLowerCase());
<   setsoftwo=[];
<        }
<      } else if (eval(newi % 100) == eval(setsoftwo[0] % 100)) {
<        if (updownallowed) {
<        console.log('up down');
<        wlen=eval(1 + Math.abs(eval(Math.floor(setsoftwo[0] / 100) - Math.floor(newi / 100))));
<        console.log('newi=' + newi + ' and wlen=' + wlen + ' via setsoftwo[0]=' + setsoftwo[0]);
<        if (wlen >= 4) {
<          for (ijh=Math.min(setsoftwo[0], newi); ijh<=Math.max(setsoftwo[0], newi); ijh+=100) {
<            documentgetSelectiontoString+=document.getElementById('span' + ijh).innerHTML;
<            revsis=document.getElementById('span' + ijh).innerHTML + revsis;
<            document.getElementById('span' + ijh).style.backgroundColor='orange';
<            document.getElementById('span' + ijh).title=document.getElementById('span' + ijh).innerHTML;
<            document.getElementById('span' + ijh).style.cursor='progress';
<          }
<   subscore=eval(0 - eval('' + documentgetSelectiontoString.length));
<   findingnemo='';
<   if (!backwardsallowed) {
<   setTimeout(retry, 2000);
<   document.getElementById('nameif').title='';
<   } else {
<   setTimeout(retry, 8000);
<   document.getElementById('mytao').style.cursor='progress';
<   document.getElementById('nameif').title='../PHP/surprise.php?miZn=' + eval(1 + eval('' + documentgetSelectiontoString.length)) + '&maZx=' + eval(1 + eval('' + documentgetSelectiontoString.length)) + '&firstJUNKname=y&youllneverfindthis=y' + '&second=y&iswordthere=' + encodeURIComponent(revsis);
<   }
<   document.getElementById('nameif').src='../PHP/surprise.php?miZn=' + eval(1 + eval('' + documentgetSelectiontoString.length)) + '&maZx=' + eval(1 + eval('' + documentgetSelectiontoString.length)) + '&firstJUNKname=y&youllneverfindthis=y' + '&iswordthere=' + encodeURIComponent(documentgetSelectiontoString.toLowerCase());
<   setsoftwo=[];
<        }
<        }
<      } else if (Math.abs(Math.floor(eval(newi / 100)) - Math.floor(eval(setsoftwo[0] / 100))) == Math.abs(eval(newi % 100) - eval(setsoftwo[0] % 100))) {
<        if (diagonalsallowed) {
<        console.log('diagonal');
< 
<        wlen=eval(1 + Math.abs(eval(Math.floor(setsoftwo[0] / 100) - Math.floor(newi / 100))));
<        console.log('newi=' + newi + ' and wlen=' + wlen + ' via setsoftwo[0]=' + setsoftwo[0]);
<        if (wlen >= 4) {
<          for (ijh=Math.min(setsoftwo[0], newi); ijh<=Math.max(setsoftwo[0], newi); ijh+=eval(eval(Math.max(setsoftwo[0], newi) - Math.min(setsoftwo[0], newi)) / eval(-1 + wlen))) {
<            documentgetSelectiontoString+=document.getElementById('span' + ijh).innerHTML;
<            revsis=document.getElementById('span' + ijh).innerHTML + revsis;
<            document.getElementById('span' + ijh).style.backgroundColor='orange';
<            document.getElementById('span' + ijh).title=document.getElementById('span' + ijh).innerHTML;
<            document.getElementById('span' + ijh).style.cursor='progress';
<          }
<   subscore=eval(0 - eval('' + documentgetSelectiontoString.length));
<   findingnemo='';
<   if (!backwardsallowed) {
<   setTimeout(retry, 2000);
<   document.getElementById('nameif').title='';
<   } else {
<   setTimeout(retry, 8000);
<   document.getElementById('mytao').style.cursor='progress';
<   document.getElementById('nameif').title='../PHP/surprise.php?miZn=' + eval(1 + eval('' + documentgetSelectiontoString.length)) + '&maZx=' + eval(1 + eval('' + documentgetSelectiontoString.length)) + '&firstJUNKname=y&youllneverfindthis=y' + '&second=y&iswordthere=' + encodeURIComponent(revsis);
<   }
<   document.getElementById('nameif').src='../PHP/surprise.php?miZn=' + eval(1 + eval('' + documentgetSelectiontoString.length)) + '&maZx=' + eval(1 + eval('' + documentgetSelectiontoString.length)) + '&firstJUNKname=y&youllneverfindthis=y' + '&iswordthere=' + encodeURIComponent(documentgetSelectiontoString.toLowerCase());
<   setsoftwo=[];
<        }
<        }
<      } else {
<        console.log('newi=' + newi + ' and down=' + Math.abs(eval(newi % 100) - eval(setsoftwo[0] % 100)) + ' and across=' + Math.abs(Math.floor(newi / 100) - Math.floor(setsoftwo[0] / 100)) + ' via setsoftwo[0]=' + setsoftwo[0]);
<      } 
<    }
<    //alert('id=' + spano.id + ' ' + spano.innerHTML);
<  }
352d201
<  var ijcnt=0;
358,359d206
<  wdebye+='<span class=wunderlay onclick=didclick(this); title="" id=span' + ijcnt + '>' + aletter + '</span>';
<  ijcnt++;
363d209
<  wdebye+='<br>';
377,386c223
<  if (documentURL.indexOf('clicks=') != -1) {
<    var rectis=document.getElementById('underlay').getBoundingClientRect();
<    document.getElementById('wunderlay').style.position='absolute';
<    document.getElementById('wunderlay').style.top='' + rectis.top + 'px';
<    document.getElementById('wunderlay').style.left='' + rectis.left + 'px';
<    document.getElementById('wunderlay').style.width='' + rectis.width + 'px';
<    document.getElementById('wunderlay').style.height='' + rectis.height + 'px';
<    document.getElementById('wunderlay').innerHTML=wdebye;  
<    document.getElementById('wunderlay').style.display='block';
<  }
---
> 
397,406c234
<    document.getElementById('underlay').innerHTML=debye; 
<    if (document.getElementById('wunderlay').innerHTML != '') {
<    document.getElementById('wunderlay').style.position='absolute';
<    document.getElementById('wunderlay').style.top='' + rectis.top + 'px';
<    document.getElementById('wunderlay').style.left='' + rectis.left + 'px';
<    document.getElementById('wunderlay').style.width='' + eval(20 + rectis.width) + 'px';
<    document.getElementById('wunderlay').style.height='' + rectis.height + 'px';
<    document.getElementById('wunderlay').innerHTML=wdebye; 
<    document.getElementById('wunderlay').style.display='block';
<    }  
---
>    document.getElementById('underlay').innerHTML=debye;   
437,440d264
<   
<   function consolelog(iyt) {
<     document.title=iyt;
<   }
443c267
<     console.log('1:' + event.target.selectionStart);
---
>     console.log(event.target.selectionStart);
453c277
<     console.log('2:' + event.target.selectionStart);
---
>     //console.log(event.target.selectionStart);
472,473c296
<    var prescore='', spans=[];
<    var ispans=0;
---
>    var prescore='';
480,488d302
<          if (documentURL.indexOf('clicks=') != -1) {
<            spans=document.getElementsByTagName('span');
<            for (ispans=0; ispans<spans.length; ispans++) {
<              if (spans[ispans].innerHTML.length == 1 && ('' + spans[ispans].title) != '') {
<                spans[ispans].style.backgroundColor='lightgreen';
<                spans[ispans].title='';
<              }
<            }
<          }
504,512d317
<          if (documentURL.indexOf('clicks=') != -1) {
<            spans=document.getElementsByTagName('span');
<            for (ispans=0; ispans<spans.length; ispans++) {
<              if (spans[ispans].innerHTML.length == 1 && ('' + spans[ispans].title) != '') {
<                spans[ispans].style.backgroundColor='lightgray';
<                spans[ispans].title='';
<              }
<            }
<          }
531,537c336
<    if (ssc == 0) { 
<     subscore=0;
<     lastzdebye=zdebye;
<     zzdebye='';
<     zdebye='';   
<     return 'pointer'; // ''
<    }
---
>    if (ssc == 0) { return ''; }
871c670
<   document.body.title=notify('Already tried.');
---
>   document.body.title='Already tried.';
876d674
< if (1 == 1) {
913c711
<   document.body.title=notify('Already tried.');
---
>   document.body.title='Already tried.';
925c723
<   console.log('Selection started '); // + document.getElementById('mytao').selectionStart + ' ' + document.getSelection() + '*' + document.getSelection().getRangeAt(0));
---
>   console.log('Selection started');
928,933d725
< 
< //document.getElementById('mytao').onfocus = function(event) {
< //  console.log('ss=' + event.target.selectionStart); //input.addEventListener('focus', caretController);
< //}
< }
< 
965d756
<   console.log('HeRE');
970,977d760
< function caretController(myt) {
<   console.log('HerE');
<   caretPos = myt.selectionStart;
< 
<   console.log('caret position:', caretPos);
< }
< 
< setTimeout(lonl, 2000);
982d764
< <div id=wunderlay style=display:none;></div>