Tag Archives: onkeydown

Colouring In Drag and Drop Keyboard Events Tutorial

Despite us having precedents to turn to regarding … establishing a layer of keyboard onkeydown event logic for a non-textbox HTML element … we’ve had to look up so many websites for advice, thanks, that it must have been that … Continue reading

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

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 , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , | 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 , , , , , , , , , , , , , , , , , , , , , , , , , , | 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 , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , | 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 , , , , , , , , , , , , , , , | 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 , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , | 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 , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , | 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 , , , , , , , , , , , , , , , , , , , , , , , , , , , , | Leave a comment