Numbers Guessing Game
Your Numbers Game
Get
clueYour
answerYour
ScoreClue? Score 0/0
-
Recent Posts
- PHP Exif Quiz Geographicals Tutorial
- PHP Exif Quiz Tutorial
- PHP Exif Retention off iPhone Images Tutorial
- List to Grid Layout CSS Media Query Tutorial
- List to Grid Layout Primer Tutorial
- Out and About WordPress Blog Content Tweaks Just with iPhone Tutorial
- Command Line History By Date Tutorial
- Overseas Travel Global Roaming Mobile Primer Tutorial
Categories
- Ajax
- Android
- Animation
- Anything You Like
- Code::Blocks
- Coding
- Colour Matching
- Data Integration
- Database
- Delphi
- Eclipse
- eLearning
- ESL
- Event-Driven Programming
- Games
- GIMP
- GUI
- Hardware
- Installers
- iOS
- Land Surveying
- Moodle
- Music Poll
- NetBeans
- Networking
- News
- Not Categorised
- OOP
- Operating System
- Photography
- Projects
- Signage Poll
- Software
- SpectroPhotometer
- Tiki Wiki
- Trips
- Tutorials
- Uncategorized
- Visual Studio
- Xcode
Meta
Tags
Ajax animation background button canvas command line CSS Did you know DOM dropdown email emoji event form game Google Google chart hashtag HTML IFRAME image iOS Javascript MAMP media mobile navigation onclick overlay PHP popup programming select share sharing SMS SVG table text textarea tutorial url video web browser webpageYour Background Image
OnTopList
Tag Archives: autoplay
Earth Scanner Placements Tutorial
You see that little play on words in today’s title, using … Placements ? Where we meant “the specification, by placename, of latitude and longitude for a user defined place”? And so we decided not to give this blog posting the title … Earth Scanner the specification, by placename, of latitude and longitude for a user defined place Tutorial … because … cough, cough … that’s us … succinct … unable to find the place mats … tee hee … but … ready to be “agile in place“ Let’s go over the backstory. With our current Earth Scanner project, as far as placenames go, without a latitude or longitude specification, it’s best worked, so far, ever since Earth Scanner TimeZone Tutorial, with those placenames being TimeZone placenames, because … PHP inspired TimeZone place lookup logic within the Javascript code … were a freely available resource for us. But the users using our Earth Scanner are also a resource, and can supply prompt window entries such as … [133.8807,-23.6980,Alice Springs] … or … … equivalent in this case regarding real mantissa …remember rules? 133.8807,-23.6980,Alice Springs … which now, further to yesterday’s Earth Scanner Itinerary Collaboration Tutorial, has the effect of … plotting Alice Springs position on world map and scroll to see it, for a while … as well as … prime any underlying sharing and collaboration logic … now using … get ? and & arguments (hopefully not too many) … passed on to … recipients, in communications, via the user clicking that top left relatively new 📧 sharing and collaboration button … to send a communication containing the URL … https://www.rjmprogramming.com.au/HTMLCSS/earth_scanner.html?nontz=Alice_Springs%7C133.8807%7C_23.6980%7CAU#Alice_Springs … or equivalent in this case regarding real mantissa … remember rules? https://www.rjmprogramming.com.au/HTMLCSS/earth_scanner.html?nontz=Alice_Springs%7C133.8807%7C_23.6980%7CAU#Alice_Springs … to a recipient … who should see what you see if you and they have clicked these appropriate links This allows places other than TimeZone places be fully functional components in the logic for plotting and annotations and trip planning and itinerary construction purposes in our latest twelfth draft Earth Scanner web application. Did you know? As well as mantissa “kludge” we enjoy a good anti-dot . “kludge” every now and then. In a couple of “if” statements we now have … if (eval(” + (” + locans.trim()).length) >= 3 && (” + locans).indexOf(‘,’) == -1 && yourtzlist.indexOf(‘/’ + (” + locans.trim()).replace(/\ /g,’_’) + ‘
Posted in eLearning, Event-Driven Programming, Tutorials
|
Tagged address bar, animation, annotate, annotating, annotation, antarctic circle, API, arctic circle, array, audio, autoplay, blog post, clip-path, code, collaboration, comma, comma separated list, CSS, delimitation, delimiter, delimiters, detail, device, Did you know, document.title, DOM, Earth, email, emoji, emoji flag, equator, focus, geographicals, geography, geojson, Google Chrome, Google Directions, greenwich meridian, hash, hashtag, hashtagging, horizontal rule, HTML, image, img, interactive map, itinerary, Javascript, karaoke, keyframes, kludge, land, landscape, latitude, leg, legs, lengthy, line, lines, longitude, making of, mantissa, map, Mapping, media, Mercator, meridian, mixed content, mobile, navigator.canShare, North Pole, onclick, one image website, orientation, Page Visibility API, Patsy Gallant, place, placement, placename, play, plot, pole, portrait, programming, realtime, reference, Safari, screen height, screen width, screen.orientation, scroll, scrolling, sea, share, sharing, SMS, south pole, stop press, tab, terrestrial, textarea, timestamp, timezone, trip, trip leg, trip planning, trips, tropic of cancer, tropic of capricorn, tutorial, video, web browser, web browser tab.title, web share api, when, where, window, wrapper, YouTube
|
Leave a comment
Earth Scanner Itinerary Collaboration Tutorial
It might be just us, but around here, we give ourselves a “leave pass”, talking about … sharing … much more than … collaborating … because we see collaboration, as much to do with at least two parties being able to adjust a “thaing”, whatever that may be, and we see sharing as maybe that, but also could be just edicts from above, broadcast out, with no meaningful active input from the people being sent the communication. And you see, this all comes about, because, as programmers, it’s much easier to code for sharing … it makes us look good?! Up to yesterday, we would have to classify our efforts with our latest Earth Scanner project, in the realms of “Trip Itinerary” communications, as just being sharing, but where we said, yesterday … Well, it means a person travelling, could share their itinerary with someone, or have a collaborator fill in the gaps perhaps, and the context of it all can be shown on an interactive map. … that “perhaps” was all there was, really, yesterday. But, today, we’ve had time to think of ways forward, and realized … off plotted (perhaps TimeZone) places … we could add … revealed (ie. details/summary based) … trip leg from annotation this place annotation trip leg to annotation … textarea element(s) at which a collaborator becomes capable of adding itinerary detail and/or changing itinerary detail … function panno(bec, idx) { if (plotanno[idx] != bec.replace(/\`/g, ‘”‘)) { plotanno[idx]=bec.replace(/\`/g, ‘”‘).replace(/\{/g, ‘[‘).replace(/\}/g, ‘]’); newhashit(); } } function lganno(bec, idx) { if (legsanno[idx] != bec.replace(/\`/g, ‘”‘)) { legsanno[idx]=bec.replace(/\`/g, ‘”‘).replace(/\{/g, ‘[‘).replace(/\}/g, ‘]’); newhashit(); } } function doplotplace(ipl, maybeg) { var jpl=0, detbegin=”, detend=”, nearend=”, textras=”, legend=”, prelegend=”, ileg=0; var thisclock=”, nonclock=”, aclocl=”, thatplace=”, utzdate=null, tzDate=null, xdiff=0, xdate1=null; if (!reveal) { detbegin='<details onclick=”reveal=!reveal;”><summary></summary>’; detend='</details>’; } else { detbegin='<details open onclick=”reveal=!reveal;”><summary>’; detend='</summary></details>’; } if (plotcc[ipl].trim() && plottz[ipl].trim() != ”) { // && plotplace[ipl].indexOf(‘:’) == -1) { //alert(plotplace[ipl]); //alert(plotct[ipl]); //alert(plotemj[ipl]); if (maybeg == ‘g’) { for (ileg=0; ileg<legs.length; ileg++) { if ((‘~’ + legs[ileg] + ‘~’).indexOf(‘~’ + ipl + ‘.’) != -1) { jpl=eval((‘~’ + legs[ileg] + ‘~’).split(‘~’ + ipl + ‘.’)[1].split(‘~’)[0]); legend+='<details onclick=”event.stopPropagation();” title=”Annotations for Leg from ‘ + plotplace[ipl].replace(/\_/g,’ ‘) + ‘ ‘ + orflag(plotcc[ipl]) + ‘ to ‘ + plotplace[jpl].replace(/\_/g,’ ‘) + ‘ ‘ + orflag(plotcc[jpl]) + ‘ …”><summary class=lanno> –> ‘ + plotplace[jpl].replace(/\_/g,’ ‘) + ‘ ‘ + orflag(plotcc[jpl]) + ‘</summary><textarea class=txleg onclick=”event.stopPropagation();” rows=9 cols=40 onblur=”lganno(this.value,’ + … Continue reading →
Posted in eLearning, Event-Driven Programming, Tutorials
|
Tagged address bar, animation, annotate, annotating, annotation, antarctic circle, API, arctic circle, array, audio, autoplay, blog post, clip-path, code, collaboration, comma, comma separated list, CSS, delimiter, delimiters, detail, device, document.title, DOM, Earth, email, emoji, emoji flag, equator, focus, geographicals, geography, geojson, Google Chrome, Google Directions, greenwich meridian, hash, hashtag, hashtagging, horizontal rule, HTML, image, img, interactive map, itinerary, Javascript, karaoke, keyframes, land, landscape, latitude, leg, legs, lengthy, line, lines, longitude, making of, mantissa, map, Mapping, media, Mercator, meridian, mixed content, mobile, navigator.canShare, North Pole, onclick, one image website, orientation, Page Visibility API, Patsy Gallant, place, placename, play, plot, pole, portrait, programming, realtime, reference, Safari, screen height, screen width, screen.orientation, scroll, scrolling, sea, share, sharing, SMS, south pole, stop press, tab, terrestrial, textarea, timestamp, timezone, trip, trip leg, trip planning, trips, tropic of cancer, tropic of capricorn, tutorial, video, web browser, web browser tab.title, web share api, when, where, window, wrapper, YouTube
|
Leave a comment
Earth Scanner Sharing Itinerary Detail Tutorial
Further to yesterday’s Earth Scanner Sharing Tutorial, today, we were … more than half expecting that for web browsers where navigator.canShare comes up with true (eg. Safari), supporting the Web Share API on a https:// protocol, we’d be saying for our tests involving faux itineraries (with much more than a thousand characters) being processed via a … Have most of the data be stored in the hash part of the “URL” … approach, that it worked back with our latest tenth draft Earth Scanner web application incarnation, but … we weren’t expecting to be saying that web browsers where navigator.canShare comes up with false (eg. Google Chrome), not supporting the Web Share API, we’d be saying for our tests involving faux itineraries (with much more than a thousand characters) being processed via a … Have most of the data be stored in the hash part of the “URL” … approach, that it worked back with our latest Earth Scanner incarnation, but it did! The thing to note is that the data should be hashtagged, rather than formed into ? and & “get” arguments which end up with a web server somewhere. This also means a serverside language, such as PHP (where we’d often be involving HTML form method=POST scenarios by now), may never be needed with this Earth Scanner project we are currently engaged in, and we do prefer to talk just HTML and Javascript and CSS to be able to share code with more readers out there. Hashtagging is purely client side work. Guess we’d never tried any “a” “mailto:” URLs of huge length, mainly taken up by hashtagging data?! Anyway, we are very pleased, and still think the Web Share API logic is worth keeping in, because of all the sharing options other than email presented, when this API is in full swing. And what is the point here? Well, it means a person travelling, could share their itinerary with someone, or have a collaborator fill in the gaps perhaps, and the context of it all can be shown on an interactive map. They could base a trip leg on the paradigm (using the Earth Scanner click prompt window) … TimezonePlaceFrom{eg. accomodation details, dates of stay, meeting details}-{eg. flight or road or rail or walking or sailing trip details, timezone issues}TimezonePlaceTo{eg. accomodation details, dates of stay, meeting details} … model, where {} are the Earth Scanner’s annotation delimiters … Continue reading →
Posted in eLearning, Event-Driven Programming, Trips, Tutorials
|
Tagged address bar, animation, annotate, annotating, annotation, antarctic circle, API, arctic circle, array, audio, autoplay, blog post, clip-path, code, collaboration, comma, comma separated list, CSS, delimiter, delimiters, detail, device, document.title, DOM, Earth, email, emoji, emoji flag, equator, focus, geographicals, geography, geojson, Google Chrome, Google Directions, greenwich meridian, hash, hashtag, hashtagging, horizontal rule, HTML, Hunters and Collectors, image, img, interactive map, itinerary, Javascript, karaoke, keyframes, land, landscape, latitude, leg, legs, lengthy, line, lines, longitude, making of, mantissa, map, Mapping, media, Mercator, meridian, mixed content, mobile, navigator.canShare, North Pole, onclick, one image website, orientation, Page Visibility API, Patsy Gallant, place, placename, play, plot, pole, portrait, programming, realtime, reference, Safari, screen height, screen width, screen.orientation, scroll, scrolling, sea, share, sharing, SMS, south pole, stop press, tab, terrestrial, timestamp, timezone, trip, trip leg, trip planning, trips, tropic of cancer, tropic of capricorn, tutorial, video, web browser, web browser tab.title, web share api, when, where, window, wrapper, YouTube
|
Leave a comment
Earth Scanner Sharing Tutorial
Another day, another API interfacing with our Earth Scanner web application from yesterday’s Earth Scanner Window Focus Tutorial. This time around, it is the turn of Web Share API to help us with our aim to introduce some … email … and/or … SMS … sharing logic into play. When “sharing” is talked about at this blog, we do not always resort to interfacing to the Web Share API. Even so, when it works, this Web Share API works very usefully, but does not work everywhere. So why the interest today, even so? Well, we have more testing to know for sure, so that answer will be for tomorrow. Where navigator.canShare comes up with false we fall through to the usual … email via “a” “mailto:” link usage … and/or … SMS via “a” “sms:” link usage … methodologies, feeding off the {} delimited annotations the user can now apply behind … placenames (best with timezone places) leg delimiters … to or – or from … you can see us using in today’s animated GIF presentation. Why not just use this methodology everywhere? Well, we have more testing to know for sure, so that answer will be for tomorrow. Reading this, feel free to try our changed ninth draft Earth Scanner web application, it now having a new “create a hashtag part to the email/SMS URL” (taking into account the newly populated plotanno[] and legsanno[] arrays) function, as per … function newhashit() { var newh=’#’, legi=0, interim=”; if (document.getElementById(‘sdurl’)) { var washash=”; if (document.getElementById(‘sdurl’).value.indexOf(‘#’) != -1) { washash=’#’ + document.getElementById(‘sdurl’).value.split(‘#’)[1]; } for (var ii=0; ii<plotplace.length; ii++) { if ((plotplace[ii] + ‘ ‘).toUpperCase().substring(0,1) >= ‘A’ && (plotplace[ii] + ‘ ‘).toUpperCase().substring(0,1) <= ‘Z’) { if (newh == ‘#’) { if (plotanno[ii].trim() != ”) { newh+=encodeURIComponent(plotplace[ii].replace(/\ /g,’_’).split(‘,_’)[0] + ‘{‘ + plotanno[ii] + ‘}’); } else if (legc.indexOf(‘,’ + eval(-1 + ii) + ‘.’ + eval(0 + ii) + ‘,’) != -1) { legi=legs.indexOf(” + eval(-1 + ii) + ‘.’ + eval(0 + ii) + ”); if (legi == -1) { newh+=encodeURIComponent(‘-‘) + encodeURIComponent(plotplace[ii].replace(/\ /g,’_’).split(‘,_’)[0]); } else if (legsanno[legi].trim() != ”) { newh+=encodeURIComponent(‘-{‘ + legsanno[legi] + ‘}’) + encodeURIComponent(plotplace[ii].replace(/\ /g,’_’).split(‘,_’)[0]); } else { newh+=encodeURIComponent(‘-‘) + encodeURIComponent(plotplace[ii].replace(/\ /g,’_’).split(‘,_’)[0]); } } else { newh+=encodeURIComponent(‘,’) + encodeURIComponent(plotplace[ii].replace(/\ /g,’_’).split(‘,_’)[0]); } } else if (plotplace[ii].trim() != ”) { interim=encodeURIComponent(plotplace[ii].replace(/\ /g,’_’).split(‘,_’)[0]); if (plotanno[ii].trim() != ”) { interim=encodeURIComponent(plotplace[ii].replace(/\ /g,’_’).split(‘,_’)[0] + ‘{‘ + plotanno[ii] + ‘}’); } if (legc.indexOf(‘,’ + eval(-1 + … Continue reading →
Posted in eLearning, Event-Driven Programming, Not Categorised, Tutorials
|
Tagged address bar, animation, annotate, annotating, annotation, antarctic circle, API, arctic circle, array, audio, autoplay, blog post, clip-path, code, comma, comma separated list, CSS, device, document.title, DOM, Earth, email, emoji, emoji flag, equator, focus, geographicals, geography, geojson, Google Directions, greenwich meridian, hash, hashtag, horizontal rule, HTML, image, img, Javascript, karaoke, keyframes, land, landscape, latitude, leg, legs, line, lines, longitude, making of, mantissa, map, Mapping, media, Mercator, meridian, mixed content, mobile, North Pole, onclick, one image website, orientation, Page Visibility API, Patsy Gallant, place, placename, play, plot, pole, portrait, programming, realtime, reference, screen height, screen width, screen.orientation, scroll, scrolling, sea, share, sharing, SMS, south pole, stop press, tab, terrestrial, timestamp, timezone, trip, trip leg, tropic of cancer, tropic of capricorn, tutorial, video, web browser, web browser tab.title, web share api, when, where, window, wrapper, YouTube
|
Leave a comment
Earth Scanner Window Focus Tutorial
The Page Visibility API has opened up possibilities from within Javascript, to monitor the toing and froing to and/or from your web applications in the modern web browsers. We think the Earth Scanner web application of yesterday’s Making of Earth Scanner Legs Tutorial could benefit from some Page Visibility API Javascript logic, and where we tend to inform the user is with … document.title (as displayed on the web browser tab, of relevance) … showing … Page Visibility API findings … perhaps involving … date timestamps And how, practically, in our changed eighth draft Earth Scanner web application, did we act should we make the discovery, with this Page Visibility API code … var firstopn=true; var gmovesallowed=movesallowed, gfive=five; var playing=false, restart=false; function myFunction(opening) { if (opening) { document.body.style.backgroundColor=’lightgreen’; if (!playing && restart) { //document.title=’Restarting video play at ‘ + document.URL + ‘ at ‘ + (” + new Date()) + ‘.’; if (firstopn && eval(” + plotplace.length) > 0) { if (plotplace[eval(-1 + plotplace.length)].trim() != ”) { lastdtplace=” + plotplace[eval(-1 + plotplace.length)]; document.title=” + plotplace[eval(-1 + plotplace.length)] + ‘ … ‘; } } movesallowed=gmovesallowed; five=gfive; //document.getElementById(‘main-video’).play(); playing=true; } else { //alert(‘2:’ + document.title); movesallowed=gmovesallowed; five=gfive; //document.getElementById(‘main-video’).play(); document.title=(document.title + ‘ … ‘).split(‘ … ‘)[0] + ‘ … ‘ + ‘Welcome back to Earth Scanner at ‘ + (” + new Date()) + ‘.’; } restart=false; } else { document.body.style.backgroundColor=’yellow’; if (playing) { movesallowed=false; five=0; // document.getElementById(‘main-video’).pause(); playing=false; restart=true; document.title=(document.title + ‘ … ‘).split(‘ … ‘)[0] + ‘ … ‘ + ‘Paused Earth Scanner at ‘ + (” + new Date()) + ‘.’; } else { //alert(‘0:’ + document.title); movesallowed=false; five=0; // document.getElementById(‘main-video’).pause(); document.title=(document.title + ‘ … ‘).split(‘ … ‘)[0] + ‘ … ‘ + ‘You left Earth Scanner at ‘ + (” + new Date()) + ‘.’; } } //alert(0); firstopn=false; } function myCloseFunction() { if (document.visibilityState === “hidden”) { if (playing) { movesallowed=false; five=0; // document.getElementById(‘main-video’).pause(); playing=false; restart=true; document.title=(document.title + ‘ … ‘).split(‘ … ‘)[0] + ‘ … ‘ + ‘Paused Earth Scanner at ‘ + (” + new Date()) + ‘.’; } else { //alert(‘1:’ + document.title); movesallowed=false; five=0; // document.getElementById(‘main-video’).pause(); document.title=(document.title + ‘ … ‘).split(‘ … ‘)[0] + ‘ … ‘ + ‘You Left Earth Scanner at ‘ + (” + new Date()) + ‘.’; } document.body.style.backgroundColor=’yellow’; } else { myFunction(true); } } // // and down after the document.write() … remember “no body” … sort of “just … Continue reading →
Posted in eLearning, Event-Driven Programming, Tutorials
|
Tagged address bar, animation, antarctic circle, arctic circle, array, audio, autoplay, blog post, clip-path, code, comma, comma separated list, CSS, device, document.title, DOM, Earth, emoji, emoji flag, equator, focus, geographicals, geography, geojson, Google Directions, greenwich meridian, hash, hashtag, horizontal rule, HTML, image, img, Javascript, karaoke, keyframes, land, landscape, latitude, leg, legs, line, lines, longitude, making of, mantissa, map, Mapping, media, Mercator, meridian, mixed content, mobile, North Pole, onclick, one image website, orientation, Page Visibility API, Patsy Gallant, place, placename, play, plot, pole, portrait, programming, realtime, reference, screen height, screen width, screen.orientation, scroll, scrolling, sea, south pole, stop press, tab, terrestrial, timestamp, timezone, trip, trip leg, tropic of cancer, tropic of capricorn, tutorial, video, web browser, web browser tab.title, when, where, window, wrapper, YouTube
|
Leave a comment
Making of Earth Scanner Legs Tutorial
Quite often within the I.T. wooooorrrrrllllddd it is when we have an idea that is … Just a Bit of Fun … more than likely … this is code for … it will end up being difficult to achieve … and in that same way … often you’ll learn a lot trying to make it happen What we wanted regarding yesterday’s Earth Scanner Legs Tutorial blog posting initial draft, where we had … New York-Los Angeles … in HTML code … <code><a target=_blank id=ahash style=’display:inline-block;’ href=”https://www.rjmprogramming.com.au/HTMLCSS/earth_scanner.html#New%20York-Los%20Angeles”>New York-Los Angeles</a></code> … we really wanted to prefix some content that … showed as … # on hover showed … 🎶 … for the heads up that a click might play … Patsy Gallant’s From New York to LA via YouTube … initially envisaging just audio … but the Google Chrome web browser, at least (while others are good too) is far better than this … We expected mobile might be different, and yes, we achieved less here, but we could open a popup the user can click a play button regarding. With non-mobile, if your browser allows the “autoplay” feature for the “rjmprogramming.com.au” domain, you only need to click the “#” link to hear Patsy sing the song once over. But there’s more with Google Chrome, at least, supplying a “right of address bar” up the top “musical notes” button leading to … usual video and/or audio media controls … “In Picture” playing of the YouTube video behind the audio … and/or … “Live Captions” for that “Karaoke Feel” … and so, that was all a pleasant surprise for us, because, of course, there were “Internal Use Only” issues. We’d not noticed a “Mixed Content” call we were making in amongst our “YouTube Video Interfacing Karaoke Style Play” web application code in the changed stop_start_youtube.html helper of the changed karaoke_youtube_api.htm inhouse YouTube video interfacer, and we needed to add in logic for the use of a new “justaudio” argument. That’s one part of the equation, and the other was back at the blog posting “code” element coding, as below, where its HTML innards became … <code><span id=shash data-cp=127926 onmouseover=”if (this.title == ‘Might play music …’) { this.title=String.fromCodePoint(127926); setInterval(function() { if (document.getElementById(‘shash’).innerHTML.indexOf(‘<‘) == -1) { if (eval(” + event.target.getAttribute(‘data-cp’)) == 35) { document.getElementById(‘shash’).innerHTML=String.fromCharCode(eval(” + document.getElementById(‘shash’).getAttribute(‘data-cp’))); document.getElementById(‘shash’).setAttribute(‘data-cp’,’127926′); } else { document.getElementById(‘shash’).innerHTML=String.fromCodePoint(eval(” + document.getElementById(‘shash’).getAttribute(‘data-cp’))); document.getElementById(‘shash’).setAttribute(‘data-cp’,’35’); } } }, 5000); }” title=’Might play music …’ style=display:inline-block;cursor:pointer;text-decoration:underline; onclick=”this.innerHTML+='<iframe … Continue reading →
Posted in eLearning, Event-Driven Programming, Tutorials
|
Tagged address bar, animation, antarctic circle, arctic circle, array, audio, autoplay, blog post, clip-path, code, comma, comma separated list, CSS, device, DOM, Earth, emoji, emoji flag, equator, geographicals, geography, geojson, Google Directions, greenwich meridian, hash, hashtag, horizontal rule, HTML, image, img, Javascript, karaoke, keyframes, land, landscape, latitude, leg, legs, line, lines, longitude, making of, mantissa, map, Mapping, media, Mercator, meridian, mixed content, mobile, North Pole, onclick, one image website, orientation, Patsy Gallant, place, placename, play, plot, pole, portrait, programming, realtime, reference, screen height, screen width, screen.orientation, scroll, scrolling, sea, south pole, stop press, terrestrial, timestamp, timezone, trip, trip leg, tropic of cancer, tropic of capricorn, tutorial, video, when, where, wrapper, YouTube
|
Leave a comment
Pdfimages PDF Output Media Browsing API Share Tutorial
Further to yesterday’s Pdfimages PDF Media Browsing API Share Tutorial Web Share API integration we now have Web Share API sharing available for the output (and input) media of … Grandparent (download to MAMP document root) Parent (download to MAMP HTMLCSS folder off document root) Child (download to MAMP document root) today’s changed php_calls_pdfimages.php Pdfimages Interfacer today’s changed client_browsing.htm Client Browsing today’s changed web_share_api_test.js can help define email and SMS wording via &wording=[title and text words] call child external Javascript, and if supervised, can resize grandparent iframe and when file(s) selected can move Web Share API button just below File API button into the iframe “view”, ready for a click that activates Web Share API functionality performs the Web Share API functionality today’s changed tutorial_to_animated_gif.php Animated GIF Creator today’s changed macos_say_record.php Voiceover Ideas today’s changed macos_textutil_convert.php- Document Conversions … with various tweaks, mainly to the Parent above, regarding CSS (usually via Javascript DOM) styling issues, mainly, to improve the user experience for the scenarios where the Web Share API can be used. Previous relevant Pdfimages PDF Media Browsing API Share Tutorial is shown below. When we presented Web Share API Primer Tutorial some time back we remember palpable excitement that a means by which email attachments could be linked to “a” link “mailto:” looking user controlled email sending (as well as several other sharing options, adding to “Mail”, those being “Messages”, “AirDrop”, “Notes”, “Reminders”, “Simulator”, “Notes”, “More…” here on this macOS MacBook Air, that you might not have thought of to use, all presented on a menu created by the Web Share API) could be at hand. Alas, this “Web Share API” methodology is not supported on all browsers and platforms and protocols. Nonetheless, we want to incorporate it where usable because we have the idea, now, to set up web application design scenarios such as … Grandparent (download to MAMP document root) Parent (download to MAMP HTMLCSS folder off document root) Child (download to MAMP document root) today’s changed php_calls_pdfimages.php Pdfimages Interfacer today’s changed client_browsing.htm Client Browsing today’s changed web_share_api_test.js can help define email and SMS wording via &wording=[title and text words] call child external Javascript, and if supervised, can resize grandparent iframe and when file(s) selected can move Web Share API button just below File API button into the iframe “view”, ready for a click that activates Web Share API functionality performs the Web Share API functionality … … Continue reading →
Posted in Animation, eLearning, Event-Driven Programming, Tutorials
|
Tagged animated gif, Apache, API, attachment, autoplay, browse, browsing, cache, command, command line, CSS, data uri, data url, dektop application, display, Document Root, DOM, email, email attachment, exec, extract, ffmpeg, file, file API, file protocol, http, http protocol, image, ImageMagick, images, install, installation, Javascript, link, local web server, Mac OS X, macOS, MAMP, media, media file, mimetype, open source, operating system, PDF, pdfimages, PHP, protocol, share, sharing, SMS, styling, Terminal, tutorial, url, video, web browser, web share api
|
Leave a comment
Pdfimages PDF Media Browsing API Share Tutorial
When we presented Web Share API Primer Tutorial some time back we remember palpable excitement that a means by which email attachments could be linked to “a” link “mailto:” looking user controlled email sending (as well as several other sharing options, adding to “Mail”, those being “Messages”, “AirDrop”, “Notes”, “Reminders”, “Simulator”, “Notes”, “More…” here on this macOS MacBook Air, that you might not have thought of to use, all presented on a menu created by the Web Share API) could be at hand. Alas, this “Web Share API” methodology is not supported on all browsers and platforms and protocols. Nonetheless, we want to incorporate it where usable because we have the idea, now, to set up web application design scenarios such as … Grandparent (download to MAMP document root) Parent (download to MAMP HTMLCSS folder off document root) Child (download to MAMP document root) today’s changed php_calls_pdfimages.php Pdfimages Interfacer today’s changed client_browsing.htm Client Browsing today’s changed web_share_api_test.js can help define email and SMS wording via &wording=[title and text words] call child external Javascript, and if supervised, can resize grandparent iframe and when file(s) selected can move Web Share API button just below File API button into the iframe “view”, ready for a click that activates Web Share API functionality performs the Web Share API functionality … which can build on yesterday’s Pdfimages PDF Media Share Tutorial, but also a whole lot of other web applications that use the “Parent” above in an iframe window with similar CSS characteristics, for example our tweaked “Grandparent” tutorial_to_animated_gif.php inhouse animated GIF creator. Previous relevant Pdfimages PDF Media Share Tutorial is shown below. It’s time to get into “sharing”, following on from yesterday’s work interfacing to Pdfimages using web application of Pdfimages Input PDF File Protocol Link Tutorial. Now, as good as the cache is, it cannot be used to be the data for an email attachment or SMS image, because a cache only helps out the webpage it is associated with, nothing beyond. We could do lots of alternative approaches such as … store and recall in Cookies or window.localStorage store and recall from a web server file store and recall in a database store and recall via the PHP codebase itself store and recall via element global data attributes available via window.parent iframe element interfacing pre-prepare a PHP mail based attachment set … to help out with media sharing via email or SMS. … Continue reading →
Posted in Animation, eLearning, Event-Driven Programming, Tutorials
|
Tagged animated gif, Apache, API, attachment, autoplay, browse, browsing, cache, command, command line, data uri, data url, dektop application, display, Document Root, email, email attachment, exec, extract, ffmpeg, file, file API, file protocol, http, http protocol, image, ImageMagick, images, install, installation, link, local web server, Mac OS X, macOS, MAMP, media, media file, mimetype, open source, operating system, PDF, pdfimages, PHP, protocol, share, sharing, SMS, Terminal, tutorial, url, video, web browser, web share api
|
Leave a comment


Thanks. Since then, a Shower Songs project at https://www.rjmprogramming.com.au/HTMLCSS/shower_songs.html is an improvement regarding "Radio Play" on mobile platforms.