2,3c2,3
< // colouring_in_was_numbers_guessing_game.php
< // April, 2024
---
> // numbers_guessing_game.php
> // August, 2023
5,6c5
< // Using experimental_drag_and_drop.htm for Colouring In web application
< // Note use of input type=color id=ddcolour 
---
> // Using experimental_drag_and_drop.htm for Numbers Guessing game
8c7
< $across=99;
---
> $across=9;
424,432d422
<   if ($across > 9) {
<     $waswikistuff=$wikistuff;
<     $wikistuffs=explode("\n", $wikistuff);
<     while (sizeof($wikistuffs) < ($across * $across)) {
<       $wikistuff.=$waswikistuff;
<       $wikistuffs=explode("\n", $wikistuff);
<     }
<   }
< 
472c462
<   $callbackurl='./colouring_in_was_numbers_guessing_game.php';
---
>   $callbackurl='./numbers_guessing_game.php';
476,480c466,470
<   //if (isset($_GET['notice'])) {
<   //$templategame=str_replace('>-</span>', '><a style="text-decoration:none;cursor:pointer;" title="Stop showing where contemplated as well." onclick="location.href=' . "'#no_tice=y'" . ';">-</a><a style="text-decoration:none;cursor:pointer;" title="Show where contemplated as well." onclick="location.href=' . "'#notice=y'" . ';">+</a></span>', $templategame);
<   //} else {
<   //$templategame=str_replace('>-</span>', '><a style="text-decoration:none;cursor:pointer;" title="Show where contemplated as well." onclick="location.href=' . "'#notice=y'" . ';">+</a><a style="text-decoration:none;cursor:pointer;" title="Stop showing where contemplated as well." onclick="location.href=' . "'#no_tice=y'" . ';">-</a></span>', $templategame);
<   //}
---
>   if (isset($_GET['notice'])) {
>   $templategame=str_replace('>-</span>', '><a style="text-decoration:none;cursor:pointer;" title="Stop showing where contemplated as well." onclick="location.href=' . "'#no_tice=y'" . ';">-</a><a style="text-decoration:none;cursor:pointer;" title="Show where contemplated as well." onclick="location.href=' . "'#notice=y'" . ';">+</a></span>', $templategame);
>   } else {
>   $templategame=str_replace('>-</span>', '><a style="text-decoration:none;cursor:pointer;" title="Show where contemplated as well." onclick="location.href=' . "'#notice=y'" . ';">+</a><a style="text-decoration:none;cursor:pointer;" title="Stop showing where contemplated as well." onclick="location.href=' . "'#no_tice=y'" . ';">-</a></span>', $templategame);
>   }
482,494c472,479
<   $rownum=$across;
<   $tdnum=($across * $across);
<   if (1 == 5) {
<   for ($ijk=(1 + $across); $ijk<=$thnum; $ijk++) {
<     if (($ijk % $across) == 1) {
<       $rownum=(1 + ((-1 + $ijk) / $across));
<       $arow='<tr id=tr' . $rownum . '><th id=th' . $rownum . '1>' . $ijk . '</th></tr>';
<     } else if (($ijk % $across) == 0) {
<       $arow=str_replace('</tr>', '<th id=th' . $rownum . $across . '>' . $ijk . '</th></tr>', $arow);
<       $templategame=str_replace('</table>', $arow . '</table>', $templategame);
<       $arow='';
<     } else if (($ijk % $across) > 1) {
<       $arow=str_replace('</tr>', '<th id=th' . $rownum . ($ijk % $across) . '>' . $ijk . '</th></tr>', $arow);
---
>   $rownum=4;
>   $tdnum=99;
>   for ($ijk=10; $ijk<=$tdnum; $ijk++) {
>     if (($ijk % 3) == 1) {
>       $rownum=(1 + ((-1 + $ijk) / 3));
>       $arow='<tr id=tr' . $rownum . '><td id=td' . $rownum . '1>' . $ijk . '</td></tr>';
>     } else if (($ijk % 3) == 0) {
>       $arow=str_replace('</tr>', '<td id=td' . $rownum . '3>' . $ijk . '</td></tr>', $arow);
496a482,483
>     } else {
>       $arow=str_replace('</tr>', '<td id=td' . $rownum . '2>' . $ijk . '</td></tr>', $arow);
501d487
<   }
503,504c489
<   if ($across != $across || 1 == 1) {
<     $across=99;
---
>   if ($across != 3 && 1 == 1) {
508d492
<     if (strpos($templategame, '</table>') !== false) {
510c494,499
<     $templategame=str_replace($wasih, '', $templategame);
---
>     $origih=$wasih;
>     $rowas=explode("</tr>", $wasih);
>     for ($irws=1; $irws<sizeof($rowas); $irws++) {
>        if (strlen($rowas[$irws]) > 3 && strpos(substr(str_replace("\n","",$rowas[$irws]),0,2),'</') === false) {
>           $wasih=str_replace($rowas[(-1 + $irws)] . '</tr>', $rowas[(-1 + $irws)] . '<!-' . '-/tr>', $wasih);
>        }
512,514c501,505
<     if (strpos($templategame, '</p>') !== false) {
<     $wasih='#f0f0f0;">' . explode('#f0f0f0;">', explode("</p>", $templategame)[0])[-1 + sizeof(explode('#f0f0f0;">', explode("</p>", $templategame)[0]))] . "</p>";
<     $templategame=str_replace($wasih, '#f0f0f0;width:20px;height:25px;">&#x1f58c;</p>', $templategame);
---
>     $rowas=explode("<tr", $wasih);
>     for ($irws=2; $irws<sizeof($rowas); $irws++) {
>        if (strlen($rowas[$irws]) > 3) {
>           $wasih=str_replace('<tr' . $rowas[$irws], '<tr' . str_replace(explode('>', $rowas[$irws])[0] . '>', '-' . '->', $rowas[$irws]), $wasih);
>        }
516,537c507,517
<     $wasih='<div id="target"' . explode("</div>", explode('<div id="target"', $templategame)[1])[0]; // . "</div>";
<     $origih=$wasih;
<     
<     $newih="<table border=1 cellpadding=0 cellspacing=0 style=width:90%;height:53%; id=mytable><tbody></tbody></table>";
<     $cacross='' . $across;
<     $iacross=strlen($cacross);
<     $thisid='';
<     $rowsofar='';
<     $thistdid='td';
<     $thistdidsuffix='';
<     $ttcnt=1;
<     
<     for ($thisrow=1; $thisrow<=$across; $thisrow++) {
<       $cthisrow='0000000000' . $thisrow;
<       $rowsofar='<tr id=tr' . substr($cthisrow, -$iacross, $iacross) . '></tr>';
<       $thistdid='td' . substr($cthisrow, -$iacross, $iacross) . '_';
<       for ($thiscol=1; $thiscol<=$across; $thiscol++) {
<         $cthiscol='0000000000' . $thiscol;
<         $thistdidsuffix='' . substr($cthiscol, -$iacross, $iacross) . '';
<         $rowsofar=str_replace('></tr>', '><td id=' . $thistdid . $thistdidsuffix . ' style=text-align:center; data-answer=' . $ttcnt . '></td></tr>', $rowsofar);
<       }
<       $newih=str_replace('</tbody>', $rowsofar . '</tbody>', $newih);
---
>     //file_put_contents('xxxx.html', str_replace($origih, $wasih, $templategame));
>     $rowas=explode("</td>", $wasih);
>     for ($irws=0; $irws<sizeof($rowas); $irws++) {
>        if (((1 + $irws) % $across) == 0) {
>           $sofartd.=$rowas[$irws] . '</td>';
>           $wasih=str_replace($sofartd, $sofartd . '</tr><tr id=tr' . $two . '>', $wasih);    
>           $sofartd='';
>           $two++;
>        } else {
>           $sofartd.=$rowas[$irws] . '</td>';
>        }
539,542d518
<     
<     //echo strlen($newih);
<     //exit;
<     
544,547c520
<     $templategame=str_replace($origih, str_replace('Drop Zone', 'Canvas Below&nbsp;&nbsp;<input onchange="document.getElementById(' . "'source'" . ').style.backgroundColor=this.value;" onblur="document.getElementById(' . "'source'" . ').style.backgroundColor=this.value;" type=color value="#f0f0f0" id=ddcolour></input>&nbsp;<input style=display:inline-block;width:60px; type=number title="Optional countdown in seconds before dragover takes effect from when you start dragging" id=dragoverdelay value=0 min=0></input><input style=display:none;background-color:yellow;width:60px; type=number title="Countdown in seconds before dragover takes effect from when you start dragging" id=dragovercountdown value=0 min=0></input>&nbsp;', $origih) . $newih, $templategame);
<     $templategame=str_replace('1px dotted green', '0px dotted transparent', $templategame); 
<     $justforcolouringin=" var rectis=document.getElementById('mytable').getBoundingClientRect(); document.getElementById('mytable').width='' + rectis.height + 'px'; setTimeout(function(){ document.getElementsByTagName('h3')[0].style.display='none'; document.getElementsByTagName('h4')[0].style.display='none'; document.getElementsByTagName('h3')[1].style.display='none';  }, 7000); ";
<     $templategame=str_replace('<body onload="', '<body onload="' . $justforcolouringin, $templategame); 
---
>     $templategame=str_replace($origih, $wasih, $templategame);
552c525
<   $templategame=str_replace('>Game<', '>Colouring In <font style=display:none;>Numbers Guessing Game</font> Game <font size=1>... drag pen over canvas to colour in</font><', $templategame);
---
>   $templategame=str_replace('>Game<', '>Numbers Guessing Game Game <font size=1>... drag to matching correct answer to score</font><', $templategame);
570d542
<     if (1 == 6) {
578d549
<     }
582d552
<     if (1 == 6) {
589d558
<     }