{"id":72356,"date":"2026-03-16T03:01:00","date_gmt":"2026-03-15T17:01:00","guid":{"rendered":"https:\/\/www.rjmprogramming.com.au\/ITblog\/?p=72356"},"modified":"2026-03-15T15:51:42","modified_gmt":"2026-03-15T05:51:42","slug":"bird-quiz-peerage-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/bird-quiz-peerage-tutorial\/","title":{"rendered":"Bird Quiz Peerage Tutorial"},"content":{"rendered":"<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=\"_blank\" href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/bird_quiz.htm\" rel=\"noopener\"><img decoding=\"async\" style=\"float:left;border: 15px solid pink;\" alt=\"Bird Quiz Peerage Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/bird_quiz_two.jpg\" title=\"Bird Quiz Peerage Tutorial\"  \/><\/a><p class=\"wp-caption-text\">Bird Quiz Peerage Tutorial<\/p><\/div>\n<p>There are a couple of &#8220;peerage moves&#8221; we like for their simplicity around here, they being toggling between &#8230;<\/p>\n<ul>\n<li>the just about totally equivalent [webApplicationName].html and [webApplicationName].htm usages &#8230; <font color=blue>and<\/font>\/or &#8230;<\/li>\n<li>the just about totally equivalent [imageFileName].jpg and [imageFileName].jpeg usages (starts with latter, with no local knowledge shown and Javascript DOM changes to former, after quiz questions all touched upon)<\/li>\n<\/ul>\n<p> &#8230; and today, further to yesterday&#8217;s <a title='Bird Quiz Primer Tutorial' href='#xbqpt'>Bird Quiz Primer Tutorial<\/a>, for the first time we can remember <font color=blue>both<\/font> feature in today&#8217;s work to set up a &#8220;couple of Bird Quiz&#8221; peers we allow either to call on the other via a user dropdown element <sup>on<\/sup>change &#8230;<\/p>\n<p><code><br \/>\n  function changeit(osel) {<br \/>\n    if ((document.URL.split('?')[0].split('#')[0] + '#').indexOf(osel.value + '#') == -1) {<br \/>\n      location.href=osel.value;<br \/>\n    }<br \/>\n  }<br \/>\n<\/code><\/p>\n<p> &#8230; event function based on a new dropdown (ie. select element) &#8230;<\/p>\n<p><code><br \/>\n&lt;select size=2 onchange=changeit(this);&gt;&lt;option value='bird_quiz.htm' selected&gt;Out and About&lt;\/option&gt;&lt;option value='bird_quiz.html'&gt;Bird Bath&lt;\/option&gt;&lt;\/select&gt;<br \/>\n<\/code><\/p>\n<p> &#8230; which swaps around in option order for the other peer.  Very simple means of extending functionality in the image map form (and thanks to <a target=\"_blank\" title='mobilefish' href='http:\/\/www.mobilefish.com\/services\/image_map\/image_map.php' rel=\"noopener\">mobilefish<\/a> here) involving my sister&#8217;s great photography again, thanks, of <a target=\"_blank\" href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/bird_quiz.html-GETME\" rel=\"noopener\">the changed<\/a> <a target=\"_blank\" href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/bird_quiz.html-GETME\" rel=\"noopener\">bird_quiz.htm<\/a>&#8216;s <a target=\"_blank\" href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/bird_quiz.htm\" rel=\"noopener\">Bird Quiz<\/a> you can try, again, below &#8230;<\/p>\n<p><iframe style=\"width:100%;height:1200px;zoom:0.6;\" src=\"\/\/www.rjmprogramming.com.au\/HTMLCSS\/bird_quiz.htm\"><\/iframe><\/p>\n<p><!--p>You can also see this play out at WordPress 4.1.1's <a target=\"_blank\" href='\/\/www.rjmprogramming.com.au\/ITblog\/bird-quiz-peerage-tutorial\/' rel=\"noopener\">Bird Quiz Peerage Tutorial<\/a>.<\/p-->\n<hr>\n<p id='xbqpt'>Previous relevant <a target=\"_blank\" title='Bird Quiz Primer Tutorial' href='\/\/www.rjmprogramming.com.au\/ITblog\/bird-quiz-primer-tutorial\/' rel=\"noopener\">Bird Quiz Primer Tutorial<\/a> is shown below.<\/p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=\"_blank\" href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/bird_quiz.html\" rel=\"noopener\"><img decoding=\"async\" style=\"float:left;border: 15px solid pink;\" alt=\"Bird Quiz Primer Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/bird_quiz_one.jpg\" title=\"Bird Quiz Primer Tutorial\"  \/><\/a><p class=\"wp-caption-text\">Bird Quiz Primer Tutorial<\/p><\/div>\n<p>In Australia, a lot of our wildlife is of the bird variety, and you may want to research the <a target=\"_blank\" title='Wallace Line' href='https:\/\/iview.abc.net.au\/show\/australia-remastered-nature-s-great-divide' rel=\"noopener\">Wallace Line<\/a> for further research into why this is the case.  The variety of birdlife can be tremendous, even in urban areas.<\/p>\n<p>My sister lives in a great part of Australia for birdlife, and thanks to her great photography, and, no doubt, patience, today&#8217;s new &#8230;<\/p>\n<p><code><br \/>\nBird Quiz<br \/>\n<\/code><\/p>\n<p> &#8230; game asks quite a bit of the user as far as identifying (today&#8217;s fast and small) birds goes, but there are lots of Australians into ornithology, as, no doubt, in other parts of the world.<\/p>\n<p>We&#8217;ve based the game on an image in a form without the local knowledge, and if the user completes the quiz, revealing that local knowledge, in the image map form (and thanks to <a target=\"_blank\" title='mobilefish' href='http:\/\/www.mobilefish.com\/services\/image_map\/image_map.php' rel=\"noopener\">mobilefish<\/a> here) of <a target=\"_blank\" href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/bird_quiz.html_GETME\" rel=\"noopener\">bird_quiz.html<\/a>&#8216;s <a target=\"_blank\" href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/bird_quiz.html\" rel=\"noopener\">Bird Quiz<\/a> you can try below &#8230;<\/p>\n<p><iframe style=\"width:100%;height:1200px;zoom:0.6;\" src=\"\/\/www.rjmprogramming.com.au\/HTMLCSS\/bird_quiz.html\"><\/iframe><\/p>\n<p><!--p>You can also see this play out at WordPress 4.1.1's <a target=\"_blank\" href='\/\/www.rjmprogramming.com.au\/ITblog\/bird-quiz-primer-tutorial\/' rel=\"noopener\">Bird Quiz Primer Tutorial<\/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='#d72350' onclick='var dv=document.getElementById(\"d72350\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/image-map\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d72350' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n<hr>\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='#d72356' onclick='var dv=document.getElementById(\"d72356\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/peer\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d72356' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n","protected":false},"excerpt":{"rendered":"<p>There are a couple of &#8220;peerage moves&#8221; we like for their simplicity around here, they being toggling between &#8230; the just about totally equivalent [webApplicationName].html and [webApplicationName].htm usages &#8230; and\/or &#8230; the just about totally equivalent [imageFileName].jpg and [imageFileName].jpeg usages &hellip; <a href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/bird-quiz-peerage-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,14,37],"tags":[2082,4103,5440,5437,367,5441,576,590,592,800,5439,3440,5319,5318,931,997,1022,1063,1866,1319,5438],"class_list":["post-72356","post","type-post","status-publish","format-standard","hentry","category-elearning","category-event-driven-programming","category-tutorials","tag-biology","tag-bird","tag-bird-watching","tag-birds","tag-dropdown","tag-equivalence","tag-html","tag-image","tag-image-map","tag-mobilefish","tag-ornithology","tag-peer","tag-peerage","tag-peers","tag-photography","tag-programming","tag-quiz","tag-reveal","tag-select","tag-tutorial","tag-wallace-line"],"_links":{"self":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/72356"}],"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=72356"}],"version-history":[{"count":3,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/72356\/revisions"}],"predecessor-version":[{"id":72359,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/72356\/revisions\/72359"}],"wp:attachment":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/media?parent=72356"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/categories?post=72356"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/tags?post=72356"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}