{"id":54933,"date":"2022-02-18T03:01:18","date_gmt":"2022-02-17T17:01:18","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=54933"},"modified":"2022-02-18T05:33:04","modified_gmt":"2022-02-17T19:33:04","slug":"english-word-guessing-game-mamp-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/english-word-guessing-game-mamp-tutorial\/","title":{"rendered":"English Word Guessing Game MAMP Tutorial"},"content":{"rendered":"
\"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