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: Google
PHP Exif Quiz Geographicals Tutorial
Yesterday’s PHP Exif Quiz Tutorial‘s Scenery Geolocation Quiz, as far as follow up “Geographicals Based Interfacings” went, offered … Google Maps … but today we add onto that idea … Google Earth … and … Google Charts Geo Chart inhouse interfacer … … off which, it being “inhouse”, a click/tap offers other “Geographicals” (ie. latitude, longitude) based interfacing options … via … a changed grid_fitting_in.html also below … calling … the changed PHP read_exif_off_image_rotate.php Previous relevant PHP Exif Quiz Tutorial is shown below. You guessed it? After yesterday’s … PHP Exif Retention off iPhone Images Tutorial work … and applying work of the recent … List to Grid Layout Primer Tutorial and adding a changed grid_fitting_in.html … we’d be coming up with a … Scenery Geolocation Quiz Yay!!!!!!!!!!!!!!!! Click here to see what we mean … Did you know? Regarding testing PHP web applications, especially up at our public RJM Programming website (more so because newer versions of AlmaLinux Apache/PHP/MySql configurations will drop some of the PHP modules you have previously (re-)installed, and you have to keep, at least for us, “stumbling onto” the issue), you can occasionally encounter … HTTP Error Code 500 … Internal Error … issues, as we did at one stage deploying the Scenery Geolocation Quiz above. To both research the problem, and fix it we access the public RJM Programming AlmaLinux Apache/PHP/MySql website’s WHM cPanel environment’s web server command line accessing Terminal option, going … dnf list “*exif*” # to perform the research … and in our PHP version 8.1.? case … dnf install ea-php81-php-exif.x86_64 # to fix the HTTP Error Code 500 related problem Previous relevant PHP Exif Retention off iPhone Images Tutorial is shown below. We have a new project on the go. We want to retain Exif information, that is contained within our iPhone’s *.HEIC formatted photographs, all the way through to some format and form of RJM Programming public website set of image media files. And so, as well as referencing previous work such as that of PHP Exif Image Information Revisit Tutorial and Command Line ImageMagick HEIC to JPEG Image Creation Tutorial, we asked of Google retaining exif information of iPhone images all the way to uploading via filezilla to a web server, finding pertinent and useful the advice … To retain EXIF data from an iPhone all the way to a web server via FileZilla, you must bypass mobile … Continue reading →
Posted in eLearning, Event-Driven Programming, Photography, Trips, Tutorials
|
Tagged airdrop, camera, command line, crontab, curl, Did you know, digital photography, dnf, download, error, EXIF, FileZilla, geo chart, geographicals, geolocation, Google, Google Charts, google earch, Google Maps, heic, HTTP Error, http error 500, image, image file, ImageMagick, inhouse, install, integration, interfacing, iOS, iPhone, jpeg, latitude, longitude, MacBook Air, macOS, metadata, package, Package Manager, photograph, photography, photos, PHP, pnf, quiz, reinstall, retain, retention, sftp, transfer, tutorial, upload, version, web server
|
Leave a comment
AlmaLinux Apache Status Report Fail Tutorial
This morning, on 11/06/2026, we woke up to our RJM Programming’s AlmaLinux WHM and cPanel Apache Status report option, last talked about at AlmaLinux Apache Status Report Inspiration Tutorial, come up with the error … Failed to receive status information from Apache. Unable to connect to local httpd server. … while there was nothing wrong with the HTTP Server (Apache) service which allows you to read this blog posting. Huh?! Well, we’re not sure what caused it, and if it becomes apparent down the line, we’ll probably add a Stop Press below, but what more interests is how to get that report back, because it is a very useful resource to us to see what content gels with users. And so, we asked of Google … Failed to receive status information from Apache. Unable to connect to local httpd server. It was very helpful information, thanks. We’d never “tweaked” … Server Configuration -> Tweak Settings -> System tab -> Allow server-info and server-status … make sure includes 127.0.0.1 … and Save (as required) … in any way, so definitely made for an interesting morning, reaching into these new configuration areas?! Previous relevant AlmaLinux Apache Status Report Inspiration Tutorial is shown below. Examining the RJM Programming’s Apache web server’s cPanel‘s … Apache Status … report, showing RJM Programming URL accesses in real time, can be very eye opening. Among recent surprises we got there were accesses ( regarding PHP $_SERVER[‘REQUEST_URI’] … ie. the stuff after www.rjmprogramming.com.au ) starting with … Starting with … … then. Our initial response … The action we took … /wiki/ Sai_Baba_of_Shirdi What the …? Who are those guys? Redirected to English relevant Wikipedia webpage … 404.shtml (in Apache Document Root) change … function onPageLoad() { if (document.URL.indexOf(‘/currency/’) != -1) { location.href=’//www.rjmprogramming.com.au/PHP/country_currency_quiz.php#showcur=’ + document.URL.split(‘/currency/’)[1]; } if (document.URL.indexOf(‘/wiki/’) != -1) { location.href=’//wikipedia.org/wiki/’ + document.URL.split(‘/wiki/’)[1]; } // rest of code follows } /currency/ lbp-lebanese-pound We’re officially gobsmacked! 404.shtml (in Apache Document Root) change … then …country_currency_quiz.php (with this live run link), featuring these changes … that last one today’s work, borne out of Apache Status Fascination! Making something out of nothing?! We’ve got nothing to lose, and we may surprise some user out there (perhaps just mucking around). And so, with similar themes to HTML5 Time Tag Timeline AlmaLinux Debug Tutorial we set out to make something out of nothing here, and we’ve closely documented what … Continue reading →
Posted in eLearning, Networking, Operating System, Tutorials
|
Tagged AlmaLinux, Apache, apache status, Apache Status Report, Apache web server, cPanel, domain, Google, HTTP Apache Service, Linux, report, service, settings, tutorial, WHM
|
Leave a comment
Seek and Ye Shall Find Tutorial
We asked Google … How can iOS differentiate a tap for focus from tap for click from an out of focus position. … and received this reply … iOS differentiates these three touch intentions (focusing, clicking, and interacting out-of-focus) by measuring touch duration, the presence of UI elements, and hardware-level gesture recognizers. Here is how the system tells them apart: Tap for Click: Uses UIControlEventTouchUpInside (or equivalent gesture recognizers). A tap is registered when a finger touches and releases the screen in the same location over a button or active element. It fires an action instantaneously. Tap for Focus: Uses long-press (touch-and-hold) gesture recognizers. If the finger is held down instead of immediately releasing, the system recognizes a “hold” rather than a click. In photography apps, for example, holding locks the focus distance (AE/AF Lock). In system navigation, this brings up the contextual menu. Tapping Out of Focus: This occurs when a tap misses an interactive element. In iOS, a tap on “dead space” (a blank area) dismisses active elements (like the keyboard), cancels a focused state, or triggers continuous autofocus in the Camera app. … which satisfied us. So, on a roll, we decided to ask Google … How can iOS stop play when a phone call comes in and resume it when playing the media from a web browser app. … and received this reply … iOS is designed to automatically pause media playback when you receive a phone call. When the call ends, simply swipe down to open your Control Center and tap the Play button on the media controls widget. Because browser-based media depends on the app’s specific site code to support system background audio, exact behavior can vary depending on the web browser (e.g., Safari, Chrome) and the website you are viewing. … which satisfied us too. How does a car’s bluetooth speakers work out what media can be streamed through it’s speakers, or not? … and received this reply … A car’s Bluetooth system determines what media can play by using a set of rules called Bluetooth profiles. When your phone and car connect, they trade a list of capabilities. If both devices support the profile for high-quality stereo music, media will stream. If the car only supports the profile for phone calls, music is blocked. Bluetooth Profiles A2DP (Advanced Audio Distribution Profile): This is the main rulebook for streaming stereo music, podcasts, and … Continue reading →
Posted in eLearning, Not Categorised, Tutorials
|
Tagged address bar, curiosity, Google, google search, information, internet, question, search, sentence, surfing the net, tutorial, typing, web browser
|
Leave a comment
Horizontal Block Calendar Game Tutorial
Yes, today’s blog posting title kind of gives the game away, regarding what we were getting at with yesterday’s Horizontal Game Soft Link Resources Tutorial‘s operating system Soft Links preparation work, help with a … Horizontal Block Calendar Game … being that new possibility. Yesterday’s work allowed that any day number within a month of any year can be linked to an image, and because, in that form, it only has to be in the Stock section, where it has … filter: brightness(0); … anonymity anyway, and then can be adjusted for the visible cells of dominoes above that to continue on as a Dominoes Horizontal Block Game. This way these Horizontal Block Calendar Game differences from the Dominoes Horizontal Block Game are three fold … dominoes in the Stock are organized in a Calendar fashion … for each first time selection of dominoes for each of the two players, sets of 7 dominoes are selected by each player, rather than the web application doing this programmatically months with more than 28 (the number of domino tiles) will yield up to 3 mystery cell scoring opportunity cells … in the changed eighteenth draft Dominoes Block Game you can try below. Previous relevant Horizontal Game Soft Link Resources Tutorial is shown below. After yesterday’s Horizontal Block Game CSS Animation Tutorial, today we’re revisiting … resources … reminiscent of our start to the current “Dominoes Game And On” blog thread back in it’s early days Dominoes Game Sections Tutorial discussion. Perhaps we should hone in on a subtitle of … pseudo resources … for today’s revisit here. Why? Well, on macOS (here with our MAMP local Apache/PHP/MySql web server) and the Linux operating system of our RJM Programming Apache/PHP/MySql web server there is this wonderful concept of … Soft Links … (or Symbolic Links) available to us via those operating system smarts. And, not often, but sometimes, regarding web applications, those “soft link” ideas can be harnessed for “the practical good” … aaaaaaaahhhhhhhhh! We are not letting on, yet, what the future plan for using this is (though you can probably guess?!), but we wrote this Korn Shell (placed in the web server relevant Games/Dominoes folder (cding to it before running)) … #!/bin/ksh # dominoes_(3 + 1)_(9 % 7).png … then swap as required ln -s dominoes_2_4.png dominoes_1_9.png ln -s dominoes_1_4.png dominoes_1_8.png ln -s dominoes_0_4.png dominoes_1_7.png # dominoes_(3 + 0)_(9 % 7).png … Continue reading →
Posted in Animation, eLearning, Event-Driven Programming, Games, Operating System, Tutorials
|
Tagged animation, Apache, Apple, audio, beep, below the fold, blocked, box shadow, button, calendar, cell, collaboration, contenteditable, CSS, device, Document Root, DOM, double click, drag, draggable, drop shadow, email, emoji, event, FileZilla, fold, game, Google, Google Chrome, handoff, hash, hashtag, IDE, IFRAME, image, image editor, img, iPhone, Javascript, keyframes, limit, Linux, locked, Lorem Picsum, macOS, mobile, mouse, nest, noun, onblur, ondblclick, ondragstart, online game, OOP, operating system, option, orientation, outline, overlay, PaintBrush, personalization, PHP, planning, pointer, pointer-events, pointing, portrait, preparation, presenation, project, property, random, random image, repository, resource, resources, section, share, sharing, SMS, soft link, span, speech to text, stop press, symbolic link, table, tap, text, thing, tile, timezone, trackpad, tutorial, upload, url, user experience, UX, Web Application, web browser, webpage, width, Wikipedia, z-index
|
Leave a comment
Horizontal Game Soft Link Resources Tutorial
After yesterday’s Horizontal Block Game CSS Animation Tutorial, today we’re revisiting … resources … reminiscent of our start to the current “Dominoes Game And On” blog thread back in it’s early days Dominoes Game Sections Tutorial discussion. Perhaps we should hone in on a subtitle of … pseudo resources … for today’s revisit here. Why? Well, on macOS (here with our MAMP local Apache/PHP/MySql web server) and the Linux operating system of our RJM Programming Apache/PHP/MySql web server there is this wonderful concept of … Soft Links … (or Symbolic Links) available to us via those operating system smarts. And, not often, but sometimes, regarding web applications, those “soft link” ideas can be harnessed for “the practical good” … aaaaaaaahhhhhhhhh! We are not letting on, yet, what the future plan for using this is (though you can probably guess?!), but we wrote this Korn Shell (placed in the web server relevant Games/Dominoes folder (cding to it before running)) … #!/bin/ksh # dominoes_(3 + 1)_(9 % 7).png … then swap as required ln -s dominoes_2_4.png dominoes_1_9.png ln -s dominoes_1_4.png dominoes_1_8.png ln -s dominoes_0_4.png dominoes_1_7.png # dominoes_(3 + 0)_(9 % 7).png … then swap as required ln -s dominoes_2_3.png dominoes_0_9.png ln -s dominoes_1_3.png dominoes_0_8.png ln -s dominoes_0_3.png dominoes_0_7.png # dominoes_(3 + 2)_(9 % 7).png … then swap as required ln -s dominoes_2_5.png dominoes_2_9.png ln -s dominoes_1_5.png dominoes_2_8.png ln -s dominoes_0_5.png dominoes_2_7.png ln -s dominoes_0_1.png dominoes_1_0.png ln -s dominoes_0_2.png dominoes_2_0.png ln -s dominoes_0_3.png dominoes_3_0.png ln -s dominoes_0_4.png dominoes_4_0.png ln -s dominoes_0_5.png dominoes_5_0.png ln -s dominoes_0_6.png dominoes_6_0.png ln -s dominoes_1_2.png dominoes_2_1.png ln -s dominoes_1_3.png dominoes_3_1.png ln -s dominoes_1_4.png dominoes_4_1.png ln -s dominoes_1_5.png dominoes_5_1.png ln -s dominoes_1_6.png dominoes_6_1.png ln -s dominoes_2_3.png dominoes_3_2.png ln -s dominoes_2_4.png dominoes_4_2.png ln -s dominoes_2_5.png dominoes_5_2.png ln -s dominoes_2_6.png dominoes_6_2.png ln -s dominoes_3_4.png dominoes_4_3.png ln -s dominoes_3_5.png dominoes_5_3.png ln -s dominoes_3_6.png dominoes_6_3.png ln -s dominoes_4_5.png dominoes_5_4.png ln -s dominoes_4_6.png dominoes_6_4.png ln -s dominoes_5_6.png dominoes_6_5.png … and in our web server’s cPanel Terminal ran that via … ksh -x dominoes_more.ksh … to create soft links, so that … # ls -la dominoes_[0-9]*.png -rw-r–r– 1 rjmprogr rjmprogr 6281 Aug 11 20:23 dominoes_0_0.png -rw-r–r– 1 rjmprogr rjmprogr 8277 Aug 11 20:23 dominoes_0_1.png -rw-r–r– 1 rjmprogr rjmprogr 10040 Aug 11 20:22 dominoes_0_2.png -rw-r–r– 1 rjmprogr rjmprogr 11113 Aug 11 20:22 dominoes_0_3.png -rw-r–r– 1 rjmprogr rjmprogr 12169 Aug 11 20:22 dominoes_0_4.png -rw-r–r– 1 rjmprogr rjmprogr 14102 Aug 11 20:22 dominoes_0_5.png -rw-r–r– 1 rjmprogr rjmprogr 13251 Aug … Continue reading →
Posted in Animation, eLearning, Event-Driven Programming, Operating System, Tutorials
|
Tagged animation, Apache, Apple, audio, beep, below the fold, blocked, box shadow, button, cell, collaboration, contenteditable, CSS, device, Document Root, DOM, double click, drag, draggable, drop shadow, email, emoji, event, FileZilla, fold, game, Google, Google Chrome, handoff, hash, hashtag, IDE, IFRAME, image, image editor, img, iPhone, Javascript, keyframes, limit, Linux, locked, Lorem Picsum, macOS, mobile, mouse, nest, noun, onblur, ondblclick, ondragstart, online game, OOP, operating system, option, orientation, outline, overlay, PaintBrush, personalization, PHP, planning, pointer, pointer-events, pointing, portrait, preparation, presenation, project, property, random, random image, repository, resource, resources, section, share, sharing, SMS, soft link, span, speech to text, stop press, symbolic link, table, tap, text, thing, tile, timezone, trackpad, tutorial, upload, url, user experience, UX, Web Application, web browser, webpage, width, Wikipedia, z-index
|
Leave a comment
Horizontal Block Game CSS Animation Tutorial
Today we … extend yesterday’s Horizontal Block Game Random Image Types Tutorial‘s ondblclick and oncontextmenu (or ontouchmove) “drill downs” to other Wikipedia image Block Game choices … and … allow for a CSS @keyframes animation definition to affect … CSS @keyframes animation default initialization that may be dynamically called into play at a later time … <style> @keyframes myanim { 0%, 58.33% { filter: invert(0%) contrast(100%); } 75%, 100% { filter: invert(100%) contrast(800%); } } </style> … and editable via Javascript … animans=prompt(‘Optionally enter CSS @keyframes animation definition.’, (animval == ‘y’ ? document.getElementById(‘mysel’).getAttribute(‘data-anim’) : animval)); … via a new dropdown option … Optionally passed across in a new animated argument, processed by initialization Javascript … var animgprefix=”, animgsuffix=”; var animval=’y’, animdef=”@keyframes myanim { 0%, 58.33% { filter: invert(0%) contrast(100%); } 75%, 100% { filter: invert(100%) contrast(800%); } } “; var animclass=(location.search.split(‘animated=’)[1] ? decodeURIComponent(location.search.split(‘animated=’)[1].split(‘&’)[0]) : ”); if (animclass != ”) { if ((” + animclass).toLowerCase().indexOf(‘@keyframes’) != -1) { animval=animclass; } else if ((” + animclass).toLowerCase() == ‘y’) { animval=animdef; } animclass=’ animated’; } … as well as document.body onload called … if ((” + animval).toLowerCase().indexOf(‘@keyframes’) != -1) { if (animval != document.getElementById(‘mysel’).getAttribute(‘data-anim’)) { document.getElementById(‘mysel’).setAttribute(‘data-anim’, animval); } document.getElementById(‘dstyle’).innerHTML+='<st’ + ‘yle> ‘ + animval + ‘ </st’ + ‘yle>’; document.getElementById(‘optanim’).innerHTML=’Animation ‘ + animval + ‘ … ‘; } In Play at the time of relevance … <style> .animated:not([style*=”filter”]) { animation: myanim 12s infinite; } </style> Javascript dynamically called into play wherever in the code … document.getElementById(‘dstyle’).innerHTML+='<st’ + ‘yle> ‘ + animval + ‘ </st’ + ‘yle>’; … and relevant HTML elements have class=animated applied to them dynamically … for example … document.getElementById(‘seven1’).innerHTML+=brhuh + othersmaybe(‘<img’ + (animclass == ” ? ” : ‘ class=animated’) + ‘ draggable=”true” ondragstart=”goone(event.target);” onclick=”goone(this);” style=width:80px; class=”player1″ id=”‘ + player1arr[ij] + ‘” src=”‘ + player1arr[ij] + ‘.png”></img>’); … happens … … to add to the changed seventeenth draft Dominoes Block Game you can try below. Previous relevant Horizontal Block Game Random Image Types Tutorial is shown below. Around here, further to the recent Horizontal Block Game Less Personal Types Tutorial‘s Horizontal Block Game incarnation developments, today we present two new Random Image choices we turn to quite a bit, those being … the great Lorem Picsum repository of random imagery, helped out by does lorem picsum url allow for an image ID‘s great advice … and … inhouse WordPress Blog tutorial URL involving ?mustbedated=YYYYMMDD referencing … offering both … image … Continue reading →
Posted in Animation, eLearning, Event-Driven Programming, Games, Tutorials
|
Tagged animation, Apache, Apple, audio, beep, below the fold, blocked, box shadow, button, cell, collaboration, contenteditable, CSS, device, Document Root, DOM, double click, drag, draggable, drop shadow, email, emoji, event, FileZilla, fold, game, Google, Google Chrome, handoff, hash, hashtag, IDE, IFRAME, image, image editor, img, iPhone, Javascript, keyframes, limit, locked, Lorem Picsum, macOS, mobile, mouse, nest, noun, onblur, ondblclick, ondragstart, online game, OOP, option, orientation, outline, overlay, PaintBrush, personalization, PHP, planning, pointer, pointer-events, pointing, portrait, preparation, presenation, project, property, random, random image, repository, resource, resources, section, share, sharing, SMS, span, speech to text, stop press, table, tap, text, thing, tile, timezone, trackpad, tutorial, upload, url, user experience, UX, Web Application, web browser, webpage, width, Wikipedia, z-index
|
Leave a comment
Horizontal Block Game Random Image Types Tutorial
Around here, further to the recent Horizontal Block Game Less Personal Types Tutorial‘s Horizontal Block Game incarnation developments, today we present two new Random Image choices we turn to quite a bit, those being … the great Lorem Picsum repository of random imagery, helped out by does lorem picsum url allow for an image ID‘s great advice … and … inhouse WordPress Blog tutorial URL involving ?mustbedated=YYYYMMDD referencing … offering both … image randomosity possibilities … as well as … means to recall same content … via ondblclick … function odc(evt) { var evttarget=evt.target, spanarr=[], jspan=0; evt.stopPropagation(); if (evttarget.outerHTML.indexOf(‘<img’) == 0) { spanarr=document.getElementsByTagName(‘span’); for (jspan=0; jspan<spanarr.length; jspan++) { if (evttarget.outerHTML.indexOf(‘<img’) == 0) { if (spanarr[jspan].innerHTML.indexOf(evt.target.outerHTML) != -1) { evttarget=spanarr[jspan]; } } } } if (eval(” + evttarget.innerHTML.split(‘ data-url=”‘).length) >= 2) { etarget=evttarget; window.open(evttarget.innerHTML.split(‘ data-url=”‘)[1].split(‘”‘)[0], ‘_blank’, ‘top=10,left=’ + eval(-600 + screen.width) + ‘,width=600,height=800’); } } … and oncontextmenu (or ontouchmove) … function onc(evt) { var evttarget=evt.target, spanarr=[], jspan=0; evt.preventDefault(); if (evttarget.outerHTML.indexOf(‘<img’) == 0) { spanarr=document.getElementsByTagName(‘span’); for (jspan=0; jspan<spanarr.length; jspan++) { if (evttarget.outerHTML.indexOf(‘<img’) == 0) { if (spanarr[jspan].innerHTML.indexOf(evt.target.outerHTML) != -1) { evttarget=spanarr[jspan]; } } } } if (eval(” + evttarget.innerHTML.split(‘ data-url=”‘).length) >= 3) { window.open(evttarget.innerHTML.split(‘ data-url=”‘)[2].split(‘”‘)[0], ‘_blank’, ‘top=10,left=’ + eval(-600 + screen.width) + ‘,width=600,height=800′); } } … conduits, for an inquisitive user, as well, in the changed sixteenth draft Dominoes Block Game you can try below. Previous relevant Horizontal Block Game Less Personal Types Tutorial is shown below. Onto yesterday’s Horizontal Block Game Personalized Second Image Type Tutorial‘s new Horizontal Block Game types, today, we add a variety more number of emoji and image type game incarnations, as per … ++DominoesShapeAnimalFoodTransportActivityMathematicsMoonAstrologyFlagChessNumberEmail …PlanetCardOther TimeZones (further to yours below)Sydney … that last one the only “Personalized” one for us here, near Sydney, Australia. And that second last one, accessing Wikipedia image URLs, thanks, involving other TimeZones (we’ve found out about using PHP TimeZone information functionality in the past), to make happen, involved a dropdown off a dropdown, as per (this Javascript DOM positioning this second dropdown, as the user has selected this second last option) … document.getElementById(‘sele’).style.position=’absolute’; osel.style.width=’290px’; document.getElementById(‘sele’).style.left=” + eval(-30 + eval(” + osel.getBoundingClientRect().right)) + ‘px’; document.getElementById(‘sele’).style.top=” + eval(36 + eval(” + osel.getBoundingClientRect().top)) + ‘px’; document.getElementById(‘sele’).style.zIndex=’211′; document.getElementById(‘sele’).style.display=’block’; … in the changed fifteenth draft Dominoes Block Game you can try below. Previous relevant Horizontal Block Game Personalized Second Image Type Tutorial is shown below. After yesterday’s Horizontal Block Game Types Tutorial a cruel streak … Continue reading →
Posted in eLearning, Event-Driven Programming, Games, Tutorials
|
Tagged Apache, Apple, audio, beep, below the fold, blocked, box shadow, button, cell, collaboration, contenteditable, CSS, device, Document Root, DOM, double click, drag, draggable, drop shadow, email, emoji, event, FileZilla, fold, game, Google, Google Chrome, handoff, hash, hashtag, IDE, IFRAME, image, image editor, img, iPhone, Javascript, limit, locked, Lorem Picsum, macOS, mobile, mouse, nest, noun, onblur, ondblclick, ondragstart, online game, OOP, option, orientation, outline, overlay, PaintBrush, personalization, PHP, planning, pointer, pointer-events, pointing, portrait, preparation, presenation, project, property, random, random image, repository, resource, resources, section, share, sharing, SMS, span, speech to text, stop press, table, tap, text, thing, tile, timezone, trackpad, tutorial, upload, url, user experience, UX, Web Application, web browser, webpage, width, Wikipedia, z-index
|
Leave a comment
Horizontal Block Game Less Personal Types Tutorial
Onto yesterday’s Horizontal Block Game Personalized Second Image Type Tutorial‘s new Horizontal Block Game types, today, we add a variety more number of emoji and image type game incarnations, as per … ++DominoesShapeAnimalFoodTransportActivityMathematicsMoonAstrologyFlagChessNumberEmail …PlanetCardOther TimeZones (further to yours below)Sydney … that last one the only “Personalized” one for us here, near Sydney, Australia. And that second last one, accessing Wikipedia image URLs, thanks, involving other TimeZones (we’ve found out about using PHP TimeZone information functionality in the past), to make happen, involved a dropdown off a dropdown, as per (this Javascript DOM positioning this second dropdown, as the user has selected this second last option) … document.getElementById(‘sele’).style.position=’absolute’; osel.style.width=’290px’; document.getElementById(‘sele’).style.left=” + eval(-30 + eval(” + osel.getBoundingClientRect().right)) + ‘px’; document.getElementById(‘sele’).style.top=” + eval(36 + eval(” + osel.getBoundingClientRect().top)) + ‘px’; document.getElementById(‘sele’).style.zIndex=’211′; document.getElementById(‘sele’).style.display=’block’; … in the changed fifteenth draft Dominoes Block Game you can try below. Previous relevant Horizontal Block Game Personalized Second Image Type Tutorial is shown below. After yesterday’s Horizontal Block Game Types Tutorial a cruel streak in us might say … Emojis Smemojis … as we return to another image (element img) scenario, except this time they take the form of … Background image pairs (thanks to Wikipedia, here) for the left and right span element amigos of a Domino tile image’s hosting span element (introduced in yesterday’s work) So what’s the “Personalized” about this? Well, we add a new type that is the user’s local (ie. from the client side … var qwr=” + Intl.DateTimeFormat().resolvedOptions().timeZone; ) … timezone, as an intrinsic part of what goes to make up the datetime stamp in your neck of the woods, whether you think much about it, or not. This functionality benefits from dynamic CSS like … <style> .dominoes0:after { background-image:url(//upload.wikimedia.org/wikipedia/commons/thumb/c/c1/St_Mary%27s_Cathedral_-_panoramio.jpg/250px-St_Mary%27s_Cathedral_-_panoramio.jpg?utm_source=en.wikipedia.org&utm_campaign=parser&utm_content=thumbnail); background-size:cover; background-repeat:no-repeat; color:transparent; } </style> … added as the need arises. That being the case, as of today (but as of tomorrow, who knows?) the last dropdown option, adding onto yesterday’s mostly emoji overlay options, being the unique part of your local TimeZone, differs around the world for people trying the changed fourteenth draft Dominoes Block Game you can try below. Previous relevant Horizontal Block Game Types Tutorial is shown below. Do you remember, way before yesterday’s Dominoes Horizontal Block Game Drag Tutorial, way back at Dominoes Horizontal Block Game Width Tutorial, we commented … This “width” issue would probably disappear if Dominoes ever become emojis … and today’s work fulfills that wish … … Continue reading →
Posted in eLearning, Event-Driven Programming, Games, Tutorials
|
Tagged Apache, Apple, audio, beep, below the fold, blocked, box shadow, button, cell, collaboration, contenteditable, CSS, device, Document Root, DOM, double click, drag, draggable, drop shadow, email, emoji, event, FileZilla, fold, game, Google, Google Chrome, handoff, hash, hashtag, IDE, IFRAME, image, image editor, img, iPhone, Javascript, limit, locked, macOS, mobile, mouse, nest, noun, onblur, ondblclick, ondragstart, online game, OOP, option, orientation, outline, overlay, PaintBrush, personalization, PHP, planning, pointer, pointer-events, pointing, portrait, preparation, project, property, resource, resources, section, share, sharing, SMS, span, speech to text, stop press, table, tap, text, thing, tile, timezone, trackpad, tutorial, upload, url, user experience, UX, Web Application, web browser, webpage, width, Wikipedia, z-index
|
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.