{"id":6598,"date":"2014-03-02T02:10:18","date_gmt":"2014-03-01T15:10:18","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/wordpress\/?p=6598"},"modified":"2022-02-09T10:53:40","modified_gmt":"2022-02-09T00:53:40","slug":"phpjavascript-crossword-game-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/phpjavascript-crossword-game-tutorial\/","title":{"rendered":"PHP\/Javascript Crossword Game Tutorial"},"content":{"rendered":"<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Crossword\/\"><img decoding=\"async\" style=\"float:left;border: 15px solid pink;\" alt=\"PHP Crossword Game Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Crossword\/Crossword.jpg\" title=\"PHP\/Javascript Crossword Game Tutorial\"  \/><\/a><p class=\"wp-caption-text\">PHP\/Javascript Crossword Game Tutorial<\/p><\/div>\n<p>Do you like word games?  Today&#8217;s game tests your crossword skills in English.  It uses English words, based on the dictionary arrangements at its (web) server.   Maybe it would be a good game to help learn some English vocabulary.<\/p>\n<p>Programmers often use <a target_blank title='Words (unix) information from Wikipedia' href='http:\/\/en.wikipedia.org\/wiki\/Words_%28Unix%29'>Linux dictionary files<\/a> as a means to get a word list, and that list could be in any language, and for ours it is English, so to make it for another language, change the code inside the file_get_contents() call in <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Crossword\/crossword.php_GETME\" title=\"crossword.php\">crossword.php<\/a><\/p>\n<p>This <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Crossword\/\" title=\"Crossword\">game<\/a> has two parts to it for PHP and Javascript to respectively create the crossword words to use and arrange the user interaction.<\/p>\n<p>Hopefully you can figure the rules when you click the picture above for a <a target=_blank title=\"live run\" href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Crossword\/\">live run<\/a>, in that you are asked to supply the missing letters in the crossword grid presented to you, by clicking on an unsolved crossword grid letter.   You score if you complete the crossword, but be warned, without &#8220;peeking&#8221;, it is not easy.<\/p>\n<p>A big thanks goes to <a target=_blank title='Clues' href='http:\/\/www.wordplays.com\/'>wordplay|com<\/a> for help with the clues.   This website contains amazing ideas.<\/p>\n<p>Another big thanks goes to \u201cText Types in English\u201d by Mark Anderson and Kathy Anderson for the idea for the shape of the crossword grid, and so, with the design of the program.<\/p>\n<p>And yet another thank you to <a target=_blank title='The Free Dictionary' href='http:\/\/thefreedictionary.com'>The Free Dictionary<\/a> for its great online presence as a dictionary resource, for the functionality to point at a completed (coloured box) word, for its dictionary meaning (where it can &#8230; some words are a tad too esoteric &#8230; but am about to warn you it could be hard).   The image map &#8220;click parts of the picture&#8221; <a target=_blank title='Pointed at vocabulary tutorials' href='http:\/\/www.rjmprogramming.com.au\/wordpress\/?tag=vocabulary'>vocabulary ESL tutorials<\/a> at this blog use the same resource to explain dictionary information about clicked on &#8220;things&#8221;.<\/p>\n<p>Anyway, see how you go with this very challenging crossword game!<\/p>\n<p>Here is a link to some downloadable PHP (with Javascript) programming code you could rename to <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Crossword\/crossword.php_GETME\" title=\"crossword.php\">crossword.php<\/a><\/p>\n<p>If this was interesting you may be interested in <a title='Click here to see topics in which you might be interested' href='#d6598' onclick='var dv=document.getElementById(\"d6598\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"http:\/\/www.rjmprogramming.com.au\/wordpress\/?cat=44\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d6598' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Do you like word games? Today&#8217;s game tests your crossword skills in English. It uses English words, based on the dictionary arrangements at its (web) server. Maybe it would be a good game to help learn some English vocabulary. Programmers &hellip; <a href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/phpjavascript-crossword-game-tutorial\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12,13,15,37],"tags":[279,396,477,576,652,932,997,1319],"class_list":["post-6598","post","type-post","status-publish","format-standard","hentry","category-elearning","category-esl","category-games","category-tutorials","tag-crossword","tag-esl","tag-games-2","tag-html","tag-javascript","tag-php","tag-programming","tag-tutorial"],"_links":{"self":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/6598"}],"collection":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/comments?post=6598"}],"version-history":[{"count":1,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/6598\/revisions"}],"predecessor-version":[{"id":54858,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/6598\/revisions\/54858"}],"wp:attachment":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/media?parent=6598"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/categories?post=6598"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/tags?post=6598"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}