Tag Archives: flipcard

We wanted to do more integration on top of yesterday’s Wikipedia Flipcard Quiz Google Charts Tutorial integration with our Flipcards beginnings to our “Wikipedia Based Placename Flipcard Quiz” web application. Our two integration extension thoughts were to start involving … Google Maps YouTube videos … into our “Colour Wheel” child arrangements (and so, also to it standing alone, that you can read about with Colour Wheel Canvas Analogue Clock Background Tutorial) that gave us (“when”) TimeZone place information yesterday. But we realize, with integration like this, space can be at a premium, and we’ve decided with both these integrations above, that their “shopfronts” will just be two single emojis, eventually linking to (optionally used) window.open popup windows (that you may or may not allow on the web browser you are using) … as per … Google Maps 🗺 YouTube videos 📹 … the former a very easy “a” (within a “div” element) change, but the latter far more interesting in that it involves reducing down a whole inhouse interfacing web application (to the YouTube video via its Embedded Iframe API) to a single Emoji from having been a screen full of web application. So, for this, which components changed in which ways … the changed “parent” flip_card.html‘s live run link merely involves crediting our helperer outerers, thanks … whereas … the changed “child” colour_wheel.html‘s live run link … needed to … // Global variables var ytidea=’//www.rjmprogramming.com.au/HTMLCSS/karaoke_youtube_api.htm?youtubeid=++++San+Francisco&minimize=y&youtube_duration=&email=&emoji=on’; var gmidea=’//www.google.com/maps/place/Kaliningrad,+Kaliningrad+Oblast,+Russia/@54.7115288,20.324448,11z/’; //data=!3m1!4b1!4m5!3m4!1s0x46e33d8d4b7c21a9:0x5050960016126ed3!8m2!3d54.7104264!4d20.4522144′; // // New Javascript function // function lookforstz() { var gmi=gmidea; if (document.getElementById(‘stz’).innerHTML != ”) { document.getElementById(‘divideo’).innerHTML=”<iframe title=\”YouTube videos about ” + (document.getElementById(‘stz’).innerText || document.getElementById(‘stz’).contentWindow || document.getElementById(‘stz’).contentDocument) + “\” id=ivideo style=’display:inline-block;width:40px;height:30px;overflow:hidden;’ src='” + ytidea.replace(‘San+Francisco’,encodeURIComponent(” + (document.getElementById(‘stz’).innerText || document.getElementById(‘stz’).contentWindow || document.getElementById(‘stz’).contentDocument))) + ‘&ir=’ + Math.floor(Math.random() * 198765342) + “‘></iframe>”; gmi=gmi.replace(“Kaliningrad,+Kaliningrad+Oblast,+Russia”, (” + (document.getElementById(‘stz’).innerText || document.getElementById(‘stz’).contentWindow || document.getElementById(‘stz’).contentDocument)).replace(/\ /g, ‘+’)); if (xlongis < -900) { document.getElementById(‘divmap’).innerHTML=”<a onclick=\”window.open(‘” + gmi.split(‘@’)[0] + “‘,’_blank’,’top=20,left=20,width=700,height=500′);\” style=\”cursor:pointer;\” title=\”Google Maps\”>&#128506;</a>”; } else { gmi=gmi.replace(“54.7115288”, ylatis); gmi=gmi.replace(“20.324448″, xlongis); document.getElementById(‘divmap’).innerHTML=”<a onclick=\”” + gmi + “\” title=\”Google Maps\”>&#128506;</a>”; } } else { setTimeout(lookforstz, 1000); } } // // Onload logic Javascript function change // function onl() { var atend=false; document.getElementById(‘sele’).value=(location.search.split(‘mode=’)[1] ? decodeURIComponent(location.search.split(‘mode=’)[1].split(‘&’)[0]) : ”); if (bcol != ‘white’ && bcol.toLowerCase() == ‘transparent’) { document.getElementById(‘ourcanvas’).style.border=’1px solid ‘ + bcol.toLowerCase(); } if (done == 0) { if (document.URL.indexOf(‘mode=’) != -1) { if (document.getElementById(‘addthis’).value == ‘-0.0’) { document.getElementById(‘addthis’).value == ‘0.0’; setTimeout(lookforstz, 1000); // document.getElementById(‘divideo’).innerHTML=”<iframe id=ivideo style=’display:inline-block;width:30px;height:30px’ src='” + ytidea.replace(‘San+Francisco’,”) + “‘></iframe>”; } atend=true; } done