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: onmouseout
Canvas Interfacer Image Map Circle Tutorial
Further to the recent Canvas Interfacer Image Map Collaboration Tutorial‘s Image Map creation modes … shape=rect … via 2 pointings … and … shape=poly … via an initial click and a series of right click (non-mobile) and double click (mobile) ending polygon with up to 2 separated clicks … today we also allow for … shape=circle … in the two modes of use the user enters as C0 or C2 at the first prompt window respectively … Image Map ends … Continue reading →
Posted in eLearning, Event-Driven Programming, Tutorials
|
Tagged Apple, apple white lead, area, attribute, background, background image, browse, browsing, button, canvas, circle, co-ordinates, collaboration, connection, creator, data uri, data url, debug, debugging, developer, developer menu, disabled, double click, drawImage, email, emoji, emoji button, event, free draw, gesture, Gmail, hashtag, hashtagging, HTML, HTML5, image, image file, image map, image map creator, images, img, integration, iOS, iPad, iPhone, Javascript, lead, local web server, Lorem Picsum, MAMP, map, media, media file, mobile, mouse, mouse position, navigator, navigator.maxTouchPoints, navigator.userAgent, non-mobile, onclick, oncontextmenu, ondblclick, onmouseout, ontouchmove, overlay, pinch, pointer-events, polygon, popup, position, programming, prompt, random, rectangle, repository, resize, right click, rubber band, rubberbanding, Safari, screen, scribble, shape, share, sharing, SMS, source, SVG, swipe, textarea, three finger gesture, three fingers, toDataURL, tool, touch, tutorial, url, web browser, webpage, window.open, Wordpress, z-index
|
Leave a comment
Canvas Interfacer Image Map Collaboration Tutorial
So far, with our currently running Image Map creating project yesterday’s Canvas Interfacer Mobile Image Map Tutorial continued on at, we’ve had a bit of focus on … a single user getting as far into the Image Map creation process themselves because there are advantages to “strike while the iron is hot” marrying up Image Map area element positioning with a description, that can help later with stitching together Javascript event logic that can be useful making the Image Map … Continue reading →
Posted in Not Categorised
|
Tagged Apple, apple white lead, area, attribute, background, background image, browse, browsing, button, canvas, co-ordinates, collaboration, connection, creator, data uri, data url, debug, debugging, developer, developer menu, disabled, double click, drawImage, email, emoji, emoji button, event, free draw, gesture, Gmail, hashtag, hashtagging, HTML, HTML5, image, image file, image map, image map creator, images, img, integration, iOS, iPad, iPhone, Javascript, lead, local web server, Lorem Picsum, MAMP, map, media, media file, mobile, mouse, mouse position, navigator, navigator.maxTouchPoints, navigator.userAgent, non-mobile, onclick, oncontextmenu, ondblclick, onmouseout, ontouchmove, overlay, pinch, pointer-events, polygon, popup, position, programming, prompt, random, rectangle, repository, resize, right click, rubber band, rubberbanding, Safari, screen, scribble, shape, share, sharing, SMS, source, swipe, textarea, three finger gesture, three fingers, toDataURL, tool, touch, tutorial, url, web browser, webpage, window.open, Wordpress, z-index
|
Leave a comment
Diagonal Element Rubber Banding Mobile Tutorial
Yesterday’s Diagonal Element Rubber Banding Tutorial saw “Rubber Banding” introduced, better for non-mobile, but today … we shore up mobile “Rubber Banding” via ontouchmove introduced … document.body.ontouchmove=function(e){ var rectis=document.body.getBoundingClientRect(); if (e.touches[0].clientX) { ourDrawLine(eval(rectis.left + e.touches[0].clientX), eval(rectis.top + e.touches[0].clientY)); } else { ourDrawLine(eval(0 + e.touches[0].pageX), eval(0 + e.touches[0].pageY)); } }; … logic, as well as … we shore up mobile “Analogue Clock” … if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) { document.getElementById(‘fiboththree’).srcdoc=”<head><title>” + (” + new Date()) + “</title><style> .logo { width: 100vw; height: 100vh; … Continue reading →
Posted in eLearning, Event-Driven Programming, iOS, Tutorials
|
Tagged aesthetics, click, CSS, DOM, emoji, emoji flag, emoji menu, entity, event, favicon, form, HTML, html entity, icon, innerHTML, input, interactive input, iOS, Javascript, mobile, mouseout, navigation, onclick, onload, onmousemove, onmouseout, onsubmit, PHP, programming, share, sharing, submit, SVG, tab, tab icon, textarea, textbox, textbox type, tutorial, type, user, user input, value, web browser
|
Leave a comment
Diagonal Element Rubber Banding Tutorial
Some days before yesterday’s Diagonal Element Square Nesting Tutorial we compared this current “nesting” diagonal element logic to … Yes, this might be thought of as “overkill” compared to … hr element rotations … and/or … SVG … and, today, yes, we bring back “hr element rotation diagonal” thinking, inspired by the work done in the days of PDF Image and Text Nodes Windows Files Tutorial, adding some “what you might hear around the traps” referred to as “Rubber Banding”. … Continue reading →
Posted in eLearning, Event-Driven Programming, Tutorials
|
Tagged aesthetics, click, CSS, DOM, emoji, emoji flag, emoji menu, entity, event, favicon, form, HTML, html entity, icon, innerHTML, input, interactive input, Javascript, mouseout, navigation, onclick, onload, onmousemove, onmouseout, onsubmit, PHP, programming, submit, SVG, tab, tab icon, textarea, textbox, textbox type, tutorial, type, user, user input, value, web browser
|
Leave a comment
Tabular Layout Right Hand Iframe Left Overlaying Tutorial
It’s probably around about the timing of Select Multiple Webpage Palette Speech Bubble YouTube One Click Tutorial for a scenario that goes … for mobile platforms … for a tabular webpage arrangement (at the grandparent level) … with a left and right hand table cell … the left having an area wider than it is high (and not that high) … over which you’d want to, above it, float an invisible YouTube video … hosted in … right hand cell … Continue reading →
Posted in eLearning, Event-Driven Programming, Tutorials
|
Tagged absolute, border, CSS, DOM, event, HTML, IFRAME, Javascript, left, margin-left, onclick, onmousedown, onmousemove, onmouseout, onmouseover, ontouchdown, ontouchmove, opacity, overlay, position, programming, proof of concept, table, table cell, td, test, testing, tutorial, Web Application, z-index
|
Leave a comment
Code Download Table Static HTML Event Definition Tutorial
Yesterday’s Code Download Table Long Hover and Right Click Tutorial used a means of … creating some new, and not used previously, Javascript webpage event logics dynamically … but we’ve found, especially regarding the oncontextmenu event logics that way, it’s asking less of the webpage to, instead, and if possible … create new, and not used previously, Javascript webpage event logics within the static HTML code defining that webpage … and you’ve probably guessed in the case of our inhouse … Continue reading →
Posted in eLearning, Event-Driven Programming, Tutorials
|
Tagged attribute, click, code, crontab, curl, DOM, download, event, event definition, external Javascript, GETME, hover, HTML, Javascript, load, logic, long hover, onclick, oncontextmenu, onmousedown, onmouseout, onmouseover, ontouchdown, ontouchend, outerHTML, programming, right click, schedule, software, static, table, tutorial, webpage
|
Leave a comment
Code Download Table Long Hover and Right Click Tutorial
We’re revisiting the inhouse Code Download Table mentioned in Code Download Table Difference Functional Hover Tutorial and in the time between postings we’ve noticed new functionality to try to achieve, and new methods to get to that functionality, and new ways to do that functionality. When adding new functionality, unless it has to interface to older functionalities, why risk those older working functionalities, if it’s possible to introduce … event independent methodologies … relating to event types not within the … Continue reading →
Posted in eLearning, Event-Driven Programming, Tutorials
|
Tagged click, code, download, event, GETME, hover, long hover, onclick, oncontextmenu, onmouseout, onmouseover, ontouchend, programming, right click, software, table, tutorial
|
Leave a comment
Ball Game Canvas Animation Primer Tutorial
In the 70’s (ie. 1970’s), around and in Australian squash court complexes, people would get excited by the squash, and the “coffee table” style computer games based on balls and bats and walls. Well, today, we were reminded of those “heady days” … cough, cough … when we chanced upon this excellent website using … HTML5 canvas … and … window.requestAnimationFrame … “animation friends”. We thought to “value add” via … https://stackoverflow.com/questions/39563033/how-to-resize-the-canvas-using-javascript‘s “heads up” regarding a window resizing means by … Continue reading →
Posted in Animation, eLearning, Event-Driven Programming, Tutorials
|
Tagged animation, ball, bounce, canvas, event, game, onclick, onmousemove, onmouseout, programming, proof of concept, requestAnimationFrame, tutorial, wall, window
|
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.