{"id":59257,"date":"2023-05-04T03:01:44","date_gmt":"2023-05-03T17:01:44","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=59257"},"modified":"2023-05-04T21:02:28","modified_gmt":"2023-05-04T11:02:28","slug":"animated-gif-slide-qr-code-and-webpage-screenshot-url-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/animated-gif-slide-qr-code-and-webpage-screenshot-url-tutorial\/","title":{"rendered":"Animated GIF Slide QR Code and Webpage Screenshot URL Tutorial"},"content":{"rendered":"<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/animegif\/tutorial_to_animated_gif.php\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Animated GIF Slide QR Code and Webpage Screenshot URL Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/PHP\/animegif\/animegif_webpage_screenshot.jpg\" title=\"Animated GIF Slide QR Code and Webpage Screenshot URL Tutorial\"  style=\"float:left;\"  \/><\/a><p class=\"wp-caption-text\">Animated GIF Slide QR Code and Webpage Screenshot URL Tutorial<\/p><\/div>\n<p>We wanted, today, to channel the <font size=1>(cruel might say &#8220;warped&#8221;)<\/font> thinking behind the recent URL &#8230;<\/p>\n<ol>\n<li>interactive entry of absolute URL starting with HtTp means you want a QR Code &#8230; and &#8230;<\/li>\n<li>interactive entry of absolute URL starting with hTtP means you want <font size=1>(to involve, along the line, creating an animated QR Code scenario)<\/font> a Webpage Screenshot<\/li>\n<\/ol>\n<p> &#8230; we last talked about at <a target=_blank title='Circular Text Around Media Animated QR Code Tutorial' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/circular-text-around-media-animated-qr-code-tutorial'>Circular Text Around Media Animated QR Code Tutorial<\/a>, because we feel this is actually a good inhouse idea to hang on to as a principle.  Why?!  <a target=_blank title='?' href='https:\/\/www.youtube.com\/watch?v=OhdvhVX0Dfo&#038;themeRefresh=1'>Glad you asked.<\/a>  It is another way to &#8230;<\/p>\n<ul>\n<li>end up with an image &#8230;<\/li>\n<li>from a<font size=1>ny old absolute <i style='color:darkgray;'>(but we have not yet researched ? and &#038; get argument(s) regarding)<\/i><\/font> URL<\/li>\n<\/ul>\n<p> &#8230; really suiting the purpose of today&#8217;s work, that being the integration of this idea into <a target=_blank href='http:\/\/www.rjmprogramming.com.au\/PHP\/animegif\/tutorial_to_animated_gif.php-----------------------------------------------------------------GETME'>our changed<\/a> PHP <a target=_blank href='http:\/\/www.rjmprogramming.com.au\/PHP\/animegif\/tutorial_to_animated_gif.php-----------------------------------------------------------------GETME'>tutorial_to_animated_gif.php<\/a> <a target=_blank href='http:\/\/www.rjmprogramming.com.au\/PHP\/animegif\/tutorial_to_animated_gif.php'>inhouse animated GIF creator web application<\/a> we last talked about at <a target=_blank title='PdfImages PDF Output Media Zipping via PHP Tutorial' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/pdfImages-pdf-output-media-zipping-via-php-tutorial\/'>PdfImages PDF Output Media Zipping via PHP Tutorial<\/a>.  After all, an animated GIF slide is also an image, and it could be used in this way, to &#8230;<\/p>\n<ol>\n<li>create animated GIF of QR Code means by which a smart device user using their Camera might navigate to a series of interesting webpage(s) &#8230; or &#8230;<\/li>\n<li>create animated GIF of &#8220;current <font size=1>snapshot<\/font> looks&#8221; of a series of URLs of interest <font size=1>(with even more currency than Google Earth shows your place!)<\/font><\/li>\n<\/ol>\n<p>It might be you design an animated GIF chapter of slides and always want to follow it up with a &#8220;further reading&#8221; webpage you could present as a QR Code or Webpage Screenshot.<\/p>\n<p>Anyway, at the <font color=purple>&#8220;onblur&#8221; event Javascript function<\/font> logic <font color=blue>we intervened<\/font> to end up with an image\/png data URI substitute for the HtTp or hTtP URL the user enters to re-enter the normal animated GIF image definition workflow of the animated GIF creator &#8230;<\/p>\n<p>&lt;?php echo &#8221;<br \/>\n<code><br \/>\n  var mm1='', mm2='', mm3='';<br \/>\n<br \/> <br \/>\nfunction latermm() {<br \/>\n   maybemore(mm3.value, mm2, mm3);<br \/>\n   mm1='';<br \/>\n   mm2='';<br \/>\n   mm3='';<br \/>\n}<br \/>\n<br \/>\n<font color=purple>function maybemore(tval, tid, tis) {<\/font><br \/>\n  var newi=null, fo=null;<br \/>\n  var inmb=0;<br \/>\n  <font color=blue>if (tval.indexOf('HtTp') == 0) {<br \/>\n    mm1=tval;<br \/>\n    mm2=tid;<br \/>\n    mm3=tis;<br \/>\n    document.getElementById('mmcall').innerHTML='&lt;iframe style=display:none; onload=mmcallol(this); src=\\\"' + '\/PHP\/fgc\/index.php?justcontent=&askfor=' + encodeURIComponent(document.URL.split('\/\/')[0] + '\/\/chart.googleapis.com\/chart?chs=300x300&cht=qr&chl=' + encodeURIComponent('http' + encodeURIComponent(tval.substring(4).replace('S:','s:'))) + '&choe=UTF-8') + '\\\"&gt;&lt;\/iframe&gt;';<br \/>\n    \/\/setTimeout(latermm, 9000);<br \/>\n    return '';<br \/>\n  } else if (tval.indexOf('hTtP') == 0) {<br \/>\n    mm1=tval;<br \/>\n    mm2=tid;<br \/>\n    mm3=tis;<br \/>\n    document.getElementById('mmcall').innerHTML='&lt;iframe style=display:none; onload=mmcallol(this); src=\\\"' + '\/PHP\/fgc\/index.php?askfor=&askyou=' + encodeURIComponent('http' + tval.substring(4).replace('S:','s:')) + '\\\"&gt;&lt;\/iframe&gt;';<br \/>\n    \/\/setTimeout(latermm, 9000);<br \/>\n    return '';<br \/>\n  }<\/font><br \/>\n\/\/ rest of maybemore follows ...<br \/>\n<font color=purple>}<\/font><br \/>\n<\/code><br \/>\n&#8220;; ?&gt;<\/p>\n<p> &#8230; to help introduce this new animated GIF slide functionality arrangement.<\/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='#d59257' onclick='var dv=document.getElementById(\"d59257\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/slide\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d59257' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n","protected":false},"excerpt":{"rendered":"<p>We wanted, today, to channel the (cruel might say &#8220;warped&#8221;) thinking behind the recent URL &#8230; interactive entry of absolute URL starting with HtTp means you want a QR Code &#8230; and &#8230; interactive entry of absolute URL starting with &hellip; <a href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/animated-gif-slide-qr-code-and-webpage-screenshot-url-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":[83,1654,297,590,4327,652,2732,860,932,2042,980,997,3457,1776,1149,1161,1319,1345,1418,4326],"class_list":["post-59257","post","type-post","status-publish","format-standard","hentry","category-elearning","category-event-driven-programming","category-tutorials","tag-animated-gif","tag-data-uri","tag-data-url","tag-image","tag-imagepng","tag-javascript","tag-mimetype","tag-onblur","tag-php","tag-png","tag-presentation","tag-programming","tag-qr-code","tag-screenshot","tag-slide","tag-snapshot","tag-tutorial","tag-url","tag-webpage","tag-webpage-snapshot"],"_links":{"self":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/59257"}],"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=59257"}],"version-history":[{"count":14,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/59257\/revisions"}],"predecessor-version":[{"id":59298,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/59257\/revisions\/59298"}],"wp:attachment":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/media?parent=59257"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/categories?post=59257"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/tags?post=59257"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}