<?php
// country_flag_quiz.php
// RJM Programming
// November, 2016
// Country flag quiz ... thanks to TikiWiki regarding flags

function countryid($cinis) {
  return str_replace('.', '_', str_replace(' ', '_', str_replace('"', '_', str_replace("'", "_", $cinis))));
}

$isSafari=false;
$user_agent = $_SERVER['HTTP_USER_AGENT']; 
if (stripos( $user_agent, 'Chrome') !== false) {
    $isSafari=true; //$isSafari;
} elseif (stripos( $user_agent, 'Safari') !== false) {
   $isSafari=true;
}

$num=0;
$countries=[];
$countryids=[];
$htmlis="<!doctype html><html><head></head><body onload=' setInterval(precheck,1000); choose();'><h1>Country Flag Quiz</h1><h2 id=score>Score: 0 Goes: 0</h2><h3>RJM Programming</h3><h3>November, 2016</h3><br><br><br><table style='width:100%;'><tbody style='background-color:#f0f0f0;'><tr><th style=width:60%;text-align:right;><select onchange=' location.href=\"./country_\" + this.value.toLowerCase() + \"_quiz.php\"; '><option value=Flag>Flag</option><option value=Capital>Capital</option><option value=Currency>Currency</option></select></th><th>Country?</th></tr><tr><td id=tdflag></td><td id=tdcountry style='background-color:pink;'></td></tr></tbody></table></body></html>";
$scriptis="<title>Country Flag Quiz</title> \n<link href='//www.rjmprogramming.com.au/PHP/emboss_h1.css' rel='stylesheet' type='text/css'> \n <style> body { background-color:yellow; } .bigger { padding-left:20px; transform:scale(10); } td { float:center; } </style> \n <scri" . "pt type='text/javascript'> var choice=-1, score=0, goes=0, num=0, countries=[], countryids=[];  \n function precheck() { if (document.getElementById('countrylist')) { if (document.getElementById('country').value != '') { check(document.getElementById('country')); } } } \n function check(inv) { var suffix=''; goes++; if (document.getElementById('tdflag').innerHTML.indexOf(inv.value) != -1) { score++; } else { suffix=' The country represented by <img src=' + document.getElementById(countryids[choice]).src + '></img> you needed for your answer was ' + document.getElementById(countryids[choice]).title; }  document.getElementById('score').innerHTML='Score: ' + score + ' Goes: ' + goes + suffix;  document.getElementById('country').value=''; choose(); } \n function choose() {  choice = Math.floor(Math.random() * num); document.getElementById('tdflag').innerHTML='<img class=bigger id=x' + countryids[choice] + ' src=\"' + document.getElementById(countryids[choice]).src + '\"></img>';   } \n</scr" . "ipt><scr" . "ipt type='text/javascript' src='country_quiz.js?rand=" . rand(0,19878654) . "' defer='defer'></scr" . "ipt>";
if ($isSafari){
$seloneis="<select id=country onchange=check(this);><option value=>Which country's flag is this?</option></select>";
} else {
$seloneis="<input style='width:200px;' list='countrylist' id='country' name='country' placeholder=\"Which country's flag is this?\" onblur=check(this);><datalist id=countrylist></datalist><!--select id=country onchange=check(this);><option value=>Which country's flag is this?</option></select-->";
}
$divis="<div id=flags></div>";

foreach (glob("../tikiwiki/img/flags/*.gif") as $filename) {
  $bits=explode("/", $filename);
  $postbits=explode(".", $bits[-1 + sizeof($bits)]);
  $countries[$num]=$postbits[0];
  $idis=countryid($postbits[0]);
  $scriptis=str_replace("</scr" . "ipt>", " countries.push(\"" . str_replace("_", " ", $postbits[0]) . "\");  countryids.push(\"" . $idis . "\"); num++; \n</scr" . "ipt>", $scriptis);
  $countryids[$num]=$idis;
  if ($isSafari){
  $seloneis=str_replace("</select>", "<option value=" . $idis . ">" . str_replace("_", " ", $postbits[0]) . "</option></select>", $seloneis);
  } else {
  $seloneis=str_replace("</datalist>", "<option value=" . $idis . ">" . str_replace("_", " ", $postbits[0]) . "</option></datalist>", $seloneis);
  }
  $divis=str_replace("</div>", "<img src='/tikiwiki/img/flags/" . $postbits[0] . ".gif' style='display:none;' id='" . $idis . "' title='" . str_replace("_", " ", $postbits[0]) . "'></img></div>", $divis);
  $num++;
}

echo  str_replace("</body>", $divis . "</body>", str_replace("<head></head>", "<head>" . $scriptis . "</head>", str_replace("</td></tr></tbody></table>", $seloneis . "</td></tr></tbody></table>", $htmlis)));

?>




