Tag Archives: mobilefish

Periodic Table Image Map Primer Tutorial

Posted on by

We have a new web application with some familiar themes, but some new features, today. Familiar, to regular readers, will be the subject matter of the Periodic Table, which we’ve referenced in the past, as well as … the use … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged , , , , , , , , , , , , , , , , , | Leave a comment

Window Object Screen Member Variables Overlay Tutorial

Posted on by

Onto yesterday’s Window Object Screen Member Variables Tutorial we nuance … “overlay” if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) { document.body.innerHTML+='<span id=vertborder data-class=”hseparator” style=”color:transparent;position:absolute;left:91%;top:50%;z-index:99;transform:rotate(90deg);”>document.documentElement.clientHeight=’ + document.documentElement.clientHeight + ‘</span>’; } else { document.body.innerHTML+='<span id=vertborder data-class=”hseparator” style=”color:transparent;position:absolute;left:94.25%;top:50%;z-index:99;transform:rotate(90deg);”>document.documentElement.clientHeight=’ + document.documentElement.clientHeight + ‘</span>’; } and “flex” <style> .hseparator … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged , , , , , , , , , , , , , , , , , , , , , | Leave a comment

Window Object Screen Member Variables Tutorial

Posted on by

We stumbled upon an excellent diagram image to explain some of the window object member variables available to Javascript DOM and describing the various dimensions of device screen parts at https://moo-you.tistory.com/882 … … thanks. Knowing that, we harnessed the great … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged , , , , , , , , , , , , , , , , , | Leave a comment

Australian Geographical Quiz Scrolling Tutorial

Posted on by

We were a little gobsmacked revisiting the 2017 era Australian Geographical Quiz Context Tutorial quiz web application (and thanks to Australian Geographic website here) that looking through the code … arrrgggghhh … the string … .scroll … was missing. Why … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged , , , , , , , , , , , , , , , , , , , , , , , , , , , | Leave a comment

Image Map Grid Styling Email Share Tutorial

Posted on by

As you may have surmised from yesterday’s Image Map Grid Styling Tutorial‘s … the more disappointing part, not fully resolved today, is that “overlay” ideas do not work well sharing with Inline HTML (PHP mail) Emails … today was set … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , | Leave a comment

Image Map Grid Styling Tutorial

Posted on by

Adding to yesterday’s Small Image Map Grid Tutorial many programmers will feel that putting “image map” along with “styling”, as in today’s blog posting, is an oxymoron. Yes, the map element and area subelements are not really visible elements like … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged , , , , , , , , , , , , , , , , , , , , , , , , , , , , , | Leave a comment

Small Image Map Grid Tutorial

Posted on by

We came into the blog posting thread of yesterday’s Image Map Grid Email Share Tutorial applying an overlaid map element over a very small image (img (like a button)) element, being helped out by mobilefish in order to do this. … Continue reading →

Posted in Ajax, eLearning, Event-Driven Programming, Tutorials | Tagged , , , , , , , , , , , , , , , , , , , , , , , , , , | Leave a comment

Image Map Grid Email Share Tutorial

Posted on by

As is so often the case with a Primer tutorial such as yesterday’s Image Map Grid Primer Tutorial, in that first draft, it lacks accountability, as we define the “proof of concepts” ahead of that. Today, we both shore up … Continue reading →

Posted in Ajax, eLearning, Event-Driven Programming, Tutorials | Tagged , , , , , , , , , , , , , , , , , , , , , , | Leave a comment