Menu
-
Recent Posts
-
Spliced Audio/Video Browsing Data URL Tutorial
-
Spliced Audio/Video Data URL Tutorial
-
Audio Card Background Image Quality Tutorial
-
Audio Card Circular Wording Text Tutorial
-
Audio Card Primer Tutorial
-
Code Download Table Static HTML Event Definition Tutorial
-
Code Download Table Long Hover and Right Click Tutorial
-
Google Lens Reverse Image Search Revisit Tutorial
-
Spliced Audio/Video Browsing Data URL Tutorial
OnTopList
Tag Archives: onkeydown
Canvas Drag and Drop Positively Practical Tutorial 
We all know “there’s practical” and “there’s practical”, and with yesterday’s Canvas Drag and Drop Positively Robust Tutorial all the new Drag and Drop functionality is getting there, but what if … user starts scribbling on the canvas … allow … Continue reading
Posted in Animation, eLearning, Event-Driven Programming, GUI, Tutorials
Tagged access key, animated gif, animation, annotation, background, button, canvas, click, collaboration, communication, data uri, data url, div, drag, drag and drop, drop, email, emailee, emoji, emoji button, event, file, graphics, GUI, hashtag, hashtagging, hotkey, HTML, HTML5, Javascript, key, keyboard, keydown, link, mailto, media, media file, onclick, ondragover, ondragstart, ondrop, onkeydown, onload, output, popup, popup window, presentation, programming, prompt, proof of concept, recipient, share, sharing, slide, stop press, text, textarea, tutorial, webpage, window
Leave a comment
SOS Game Keyboard Tutorial
We’re not sure why we didn’t think about it in the first round of SOS Game creation sessions, but, further to the recent SOS Game Cursor Tutorial … cursor non-mobile improvements … today we have … CSS margin tweaks … … Continue reading
Posted in eLearning, Event-Driven Programming, Games, Tutorials
Tagged coalesce, cursor, device, event, external Javascript, game, hotkey, hover, HTML, HTML5, huddling, Javascript, keyboard, margin, merge, non-mobile, onkeydown, onmousemove, onmouseout, onmouseover, programming, sos, sos game, SVG, svg+xml, tutorial, tweak
Leave a comment
Starts With Textarea CSS Styling Mobile Tutorial
Because yesterday’s Starts With Textarea CSS Styling Tutorial‘s “Starts With Textarea” web application involved logic with so much … HTML element focus … Javascript keyboard event logic … dependencies, we were not overly surprised testing it on mobile (iOS) platforms, … Continue reading
Posted in eLearning, Event-Driven Programming, iOS, Tutorials
Tagged background-color, button, click, CSS, event, events, focus, getBoundingClientRect, getComputedStyle, HTML, iOS, iPad, Javascript, keyboard, mobile, onblur, onchange, onkeydown, onkeypress, overlay, programming, selector, starts with, stye, styling, textarea, touch, touch screen, tutorial, user, virtual keyboard, window.getComputedStyle
Leave a comment
Starts With Textarea CSS Styling Tutorial
The other day when we presented PHP/Javascript Decoding Scrambled Words Game CSS Tutorial there were two CSS selector “starts with” scenarios referenced … <style> .guess* { width: 40px; } // thanks to https://stackoverflow.com/questions/13352080/match-all-elements-having-class-name-starting-with-a-specific-string </style> … let alone what was used … Continue reading
Posted in eLearning, Event-Driven Programming, Not Categorised, Tutorials
Tagged background-color, CSS, event, HTML, Javascript, onblur, onchange, onkeydown, onkeypress, programming, selector, starts with, stye, styling, textarea, tutorial
Leave a comment
Interactively Change WordPress Blog Background Image on Scroll Tutorial
With yesterday’s Interactively Change Background Image on Scroll User Settings Tutorial‘s offering were you “an intrepid”, typing … //www.rjmprogramming.com.au/ITblog/600/400/ … into that newly minted Javascript prompt window designed for user interaction purposes? This populates the background images in our new … Continue reading
Posted in eLearning, Event-Driven Programming, Tutorials
Tagged 404.php, background, background image, contenteditable, CSS, design, div, error, error code 404, event, fixed, hotkey, HTML, image, img, innerHTML, innerText, Javascript, keyboard, Lorem Picsum, measureText, onblur, oncontextmenu, onkeydown, opacity, overlay, position, programming, prompt, right click, scroll, scrolling, text, text shadow, tutorial, w3schools, webpage, width, Wordpress
Leave a comment
Interactively Change Background Image on Scroll User Settings Tutorial
If you are a regular reader, you’ll know with the web applications presented here, we usually try to allow the user to control … how they function … and/or sometimes … how they look … in the ephemeral “this session” … Continue reading
Posted in Animation, eLearning, Event-Driven Programming, Tutorials
Tagged background, background image, contenteditable, CSS, design, div, event, fixed, hotkey, HTML, image, img, innerHTML, innerText, Javascript, keyboard, Lorem Picsum, measureText, onblur, onkeydown, opacity, overlay, position, programming, scroll, scrolling, text, text shadow, tutorial, w3schools, webpage, width
Leave a comment
Interactively Change Background Image on Scroll Tutorial
Regarding today’s “Interactively Change Background Image on Scroll” topic, we’d like to thank, profusely, two sources … Ideas and Initial Code … W3School‘s How TO – Change Background on Scroll Background Image Content … Lorem Picsum Queue … Lulu (no, … Continue reading
Posted in eLearning, Event-Driven Programming, Tutorials
Tagged background, background image, contenteditable, CSS, design, div, event, fixed, hotkey, HTML, image, img, innerHTML, innerText, Javascript, keyboard, Lorem Picsum, measureText, onblur, onkeydown, position, programming, scroll, scrolling, text, tutorial, w3schools, webpage, width
Leave a comment
HTML/Javascript Letters In Word Game Mode Tutorial
☞ 
It’s the day after yesterday. And that makes it the day after the “proof of concept” HTML/Javascript Letters In Word Game Tutorial start to our English “Letters In” word game. In amongst the web application improvements, we thought of … … Continue reading →