{"id":54940,"date":"2022-02-19T03:01:34","date_gmt":"2022-02-18T17:01:34","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=54940"},"modified":"2022-02-19T07:37:28","modified_gmt":"2022-02-18T21:37:28","slug":"english-word-guessing-game-intranet-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/english-word-guessing-game-intranet-tutorial\/","title":{"rendered":"English Word Guessing Game Intranet Tutorial"},"content":{"rendered":"
\"English<\/a>

English Word Guessing Game Intranet Tutorial<\/p><\/div>\n

You might recall that in yesterday’s English Word Guessing Game MAMP Tutorial<\/a> we had the temerity to use the word…<\/p>\n

\nnuance\n<\/p><\/blockquote>\n

… or “not to look so dumb” regarding wise local web server (let’s say Intranet, today) macOS say interfacing. In order to “not to look so dumb” we need to categorically tell the user whether a …<\/p>\n

HTTP:\/\/localhost:8888\/what_is_the_english_word.php<\/code><\/p>\n

… exists or not. This is not straightforward, believe it or not. In the old days, easy, but not with the cross-domain checking that goes on with your modern web browsers. Today, though we think we’ve got an idea here, at least for a popup window of a local web server PHP file.<\/p>\n

    \n
  1. we’ll call the popup a special way in a document.body onload event (Javascript function) …
    \n<?php echo ”
    \n
    \n var ywoisme=null;
    \n var wast='HTTP:\/\/localhost:8888\/what_is_the_english_word.php (MAMP)';
    \n var hlbit='HTTP:\/\/localhost:8888\/what_is_the_english_word.php';
    \n
    \n function lhostlook() {
    \n if (hlbit != 'HTTP:\/\/localhost:8888\/what_is_the_english_word.php' && hlbit != 'HTTP:\/\/localhost:8888\/what_is_the_english_word.php (MAMP)') { document.getElementById('asay').title=document.getElementById('asay').title.replace('HTTP:\/\/localhost:8888\/what_is_the_english_word.php (MAMP)', hlbit).replace('HTTP:\/\/localhost:8888\/what_is_the_english_word.php', hlbit);
    \n }
    \n
    \n if (document.URL.indexOf('localhost') == -1) {
    \n var midbit='' + '\" . $midbit . \"';
    \n ywoisme=window.open(hlbit + '?imagetest=imagetest' + midbit + '.jpg','_blank','top=250,left=50,width=50,height=50');
    \n setTimeout(yw, 2000); \/\/ywoisme.close();
    \n }
    \n }
    \n<\/code>
    \n“; ?>\n<\/li>\n
  2. getting (the same sourcecode) to do this self-contained PHP code snippet …
    \n<?php
    \n
    \n$midbit=rand(0,19876754);
    \n$gretv='';
    \n
    \nfunction oururldecode($inue) {
    \n global $gretv;
    \n $retv=urldecode($inue);
    \n $retsare=explode(\"localhost\", $inue);
    \n if (sizeof($retsare) > 1) {
    \n $retv=str_replace($retsare[0] . 'localhost' . explode('#', explode('?', explode('\/', $retsare[1])[0])[0])[0] . '\/', $_SERVER['DOCUMENT_ROOT'], $retv);
    \n }
    \n $gretv=$retv;
    \n return $retv;
    \n}
    \n
    \nif (isset($_GET['imagetest']) && strpos($_SERVER['SERVER_NAME'], 'localhost') !== false) {
    \n $im = imagecreatetruecolor(120, 10);
    \n $text_color = imagecolorallocate($im, 233, 14, 91);
    \n imagestring($im, 1, 5, 5, 'A Simple Text String', $text_color);
    \n \/\/ Output the image
    \n if (strpos(oururldecode($_GET['imagetest']), '.') === false) {
    \n if (file_exists(dirname(__FILE__) . \"\/\" . \"imagetest.jpg\")) { unlink(dirname(__FILE__) . \"\/\" . \"imagetest.jpg\"); }
    \n $gretv=dirname(__FILE__) . \"\/\" . \"imagetest.jpg\";
    \n imagejpeg($im, dirname(__FILE__) . \"\/\" . \"imagetest.jpg\");
    \n } else if (strpos(strtolower(oururldecode($_GET['imagetest'])), '.gif') !== false) {
    \n if (file_exists(oururldecode($_GET['imagetest']))) { unlink(oururldecode($_GET['imagetest'])); }
    \n imagegif($im, oururldecode($_GET['imagetest']));
    \n } else if (strpos(strtolower(oururldecode($_GET['imagetest'])), '.bmp') !== false) {
    \n if (file_exists(oururldecode($_GET['imagetest']))) { unlink(oururldecode($_GET['imagetest'])); }
    \n imagebmp($im, oururldecode($_GET['imagetest']), true);
    \n } else if (strpos(strtolower(oururldecode($_GET['imagetest'])), '.png') !== false) {
    \n if (file_exists(oururldecode($_GET['imagetest']))) { unlink(oururldecode($_GET['imagetest'])); }
    \n imagepng($im, oururldecode($_GET['imagetest']));
    \n } else if (strpos(strtolower(oururldecode($_GET['imagetest'])), '.jp') !== false) {
    \n if (file_exists(oururldecode($_GET['imagetest']))) { unlink(oururldecode($_GET['imagetest'])); }
    \n imagejpeg($im, oururldecode($_GET['imagetest']));
    \n }
    \n \/\/ Free up memory
    \n imagedestroy($im);
    \n if (file_exists($gretv)) {
    \n unlink($gretv);
    \n echo \"<html><body onload=\\\"window.close();\\\"><\/body><\/html>\";
    \n }
    \n \/\/sleep(25);
    \n \/\/unlink(oururldecode($_GET['imgtest']));
    \n exit;
    \n}
    \n<\/code>
    \n?>
    \n … us originally thinking the image existence could be checked but still running into lack of CORS issues got us, instead, “close thyself” on success\n<\/li>\n
  3. and back in the caller’s Javascript client realm we now check on the closure status of that popup …
    \n<?php echo ”
    \n
    \n function yw() {
    \n if (ywoisme.closed) {
    \n console.log('found');
    \n document.getElementById('asay').title=document.getElementById('asay').title.replace('Will be trying ', 'Will be trying the found ');
    \n } else {
    \n document.getElementById('asay').title=document.getElementById('asay').title.replace('Will be trying ', 'Will be trying, but did not find, ');
    \n console.log('not found');
    \n ywoisme.close();
    \n }
    \n ywoisme=null;
    \n }
    \n<\/code>
    \n“; ?>
    \n … to definitively say whether the “say conduit via macOS local web server PHP means” exists\n<\/li>\n<\/ol>\n

    And what about not being stringent about …<\/p>\n

    HTTP:\/\/localhost:8888\/what_is_the_english_word.php<\/code><\/p>\n

    … being that “say conduit via macOS local web server PHP means” URL basis? We use Javascript prompt<\/a> window teaming with window.localStorage<\/a> methodologies …<\/p>\n

    <?php echo ”
    \n
    \n var wast='HTTP:\/\/localhost:8888\/what_is_the_english_word.php (MAMP)';
    \n var hlbit='HTTP:\/\/localhost:8888\/what_is_the_english_word.php';
    \n

    \n if (('' + localStorage.getItem('what_is_the_english_word')).replace(\/^null$\/g,'') != '') {
    \n hlbit=localStorage.getItem('what_is_the_english_word');
    \n }
    \n

    \n function relocalize() {
    \n var onewast=wast.split(' ')[0];
    \n if (document.getElementById('asay').title.indexOf('did not find, ') != -1) {
    \n onewast=document.getElementById('asay').split('did not find, ')[1].split(' ')[0];
    \n }
    \n var pwast=prompt('Tell me where what_is_the_english_word.php is located in a macOS local web server with access to say command line commnd.', onewast);
    \n if (pwast == null) { pwast=''; }
    \n if (pwast != '' && pwast != onewast && pwast.indexOf('localhost') >= 7) {
    \n if (pwast.toLowerCase().indexOf('.php') == -1) { if (pwast.slice(-1) == '\/') { pwast+='what_is_the_english_word.php'; } else { pwast+='\/what_is_the_english_word.php'; } }
    \n if (('' + localStorage.getItem('what_is_the_english_word')).replace(\/^null$\/g,'') != '') {
    \n localStorage.removeItem('what_is_the_english_word');
    \n localStorage.setItem('what_is_the_english_word', pwast);
    \n }
    \n location.href=document.URL;
    \n }
    \n }
    \n<\/code>
    \n“; ?><\/p>\n

    … with the changed<\/a> what_is_the_english_word.php<\/a>‘s English Word Guessing Game<\/a>.<\/p>\n

    \n

    \n

    Previous relevant English Word Guessing Game MAMP Tutorial<\/a> is shown below.<\/p>\n

    \"English<\/a>

    English Word Guessing Game MAMP Tutorial<\/p><\/div>\n

    Onto yesterday’s English Word Guessing Game Dropdown Tutorial<\/a> with today’s “MAMP” idea, what’s MAMP<\/i><\/a>? It’s our favourite PHP supporting Apache\/PHP\/MySql local web server, which we use as a testing environment ahead of deploying web applications such as the changed<\/a> what_is_the_english_word.php<\/a>‘s English Word Guessing Game<\/a> up at the RJM Programming public domain.<\/p>\n

    And though we have used the great MAMP product with Windows, we normally use it in conjunction with a macOS underlying operating system, which has a marvellous say<\/i><\/a> command used by PHP via exec<\/i><\/a> to turn words into audio output. Cute, huh?!<\/p>\n

    In our first draft of using<\/i> we’re going to offer an emoji 🔊 link to try to use a …<\/p>\n

    HTTP:\/\/localhost:8888\/what_is_the_english_word.php<\/code><\/p>\n

    … macOS MAMP Document Root download of the code above (minus any “GETME” stuff), in a pre-emptive style of arrangement, which we might add a bit of nuance to into the future.<\/p>\n

    We found we might want to recall this MAMP PHP in a window.open popup window via a form onsubmit event just before the form submission. How can we hang around and do both? We could do some ugly setTimeout arrangement perhaps, but we found with the immediate close of the popup window , the exec “say” command still had time to be triggered (we guess that being before the onload event), even with that immediate popup window close on the next Javascript statement. Curiouser and curiouser!<\/p>\n

    <?php echo ”
    \n
    \n function maybeaudio(isclick) { \/\/ onsubmit call has isclick=1
    \n if (!isclick) {
    \n adoaudio='&doaudio=\" . $_GET['doaudio'] . \"';
    \n }
    \n if (!isclick && document.getElementById('speaker').innerHTML != '' && !document.getElementById('audio') && document.getElementById('prespeaker')) { \/\/alert(156);
    \n document.getElementById('prespeaker').innerHTML='<\/input>';
    \n }
    \n if ((window.self !== window.top && document.URL.indexOf('doaudio=') != -1) || (document.getElementById('speaker').innerHTML != '' && document.getElementById('audio'))) {
    \n if (document.getElementById('audio')) {
    \n document.getElementById('audio').value=\\\"\" . $stufftosay . \"\\\";
    \n }
    \n if (document.URL.indexOf(':8888\/') == -1 || !isclick) {
    \n if (donelist.indexOf(\\\"\" . str_replace('Player 1, ','',str_replace('Player ' . $_GET['doaudio'] . ', ','',str_replace('Player,','',$stufftosay))) . \"\\\") == -1) {
    \n var predl='Player ' + (('' + location.hash).replace('#','') + '1').substring(0,1) + ', ' + \\\"\" . str_replace('Player ' . $_GET['doaudio'] . ', ','',str_replace('Player,','',$stufftosay)) . \"\\\";
    \n if ((predl.indexOf('Player,') == -1 || window.self === window.top) && predl.indexOf('Player \" . $_GET['doaudio'] . \"') != -1) {
    \n donelist+='Player ' + (('' + location.hash).replace('#','') + '1').substring(0,1) + ', ' + \\\"\" . str_replace('Player ' . $_GET['doaudio'] . ', ','',str_replace('Player,','',$stufftosay)) . \"\\\";
    \n var zwoisme=window.open('HTTP:\/\/localhost:8888\/what_is_the_english_word.php?doaudio=' + (('' + location.hash).replace('#','') + '1').substring(0,1) + '&audio=' + encodeURIComponent('Player ' + (('' + location.hash).replace('#','') + '1').substring(0,1) + ', ' + \\\"\" . str_replace('Player ' . $_GET['doaudio'] . ', ','',str_replace('Player,','',$stufftosay)) . \"\\\"),'_blank','top=250,left=50,width=50,height=50');
    \n zwoisme.close();
    \n }
    \n }
    \n }
    \n }
    \n return true;
    \n }
    \n<\/code>
    \n“; ?><\/p>\n

    \n

    \n

    Previous relevant English Word Guessing Game Dropdown Tutorial<\/a> is shown below.<\/p>\n

    \"English<\/a>

    English Word Guessing Game Dropdown Tutorial<\/p><\/div>\n

    Continuing the refinement of yesterday’s English Word Guessing Game Player Equality Tutorial<\/a>‘s multi-player “English Word Guessing Game” usage aspects, there was a disappointment in that the “Equality” was broken down a little for users whose questions started “below the fold” of the (albeit scrollable) webpage table’s screen, and today, we lessen that unfairness, a tad, by offering new “within left table cell” dropdowns (or select<\/a> elements) showing all user questions and clues at any given point of time, the work of which highlighted, to us …<\/p>\n