Tag Archives: innerHTML

Textarea Background Transparency Overlay Editable Linking Tutorial

Yesterday’s HTML Element InnerText Property Primer Tutorial‘s innerText ideas have helped with today’s task to … not only support a “div” overlaying element shadowing the “textarea” element content … but, today … allowing that “div” element (potentially containing links now) … Continue reading

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

HTML Element InnerText Property Primer Tutorial

Before what we believe will be the “wrapping up” blog posting to the current thread of blog postings yesterday’s Textarea Background Transparency Overlay Linking Tutorial represents, let’s take another “generic sidestep” to go further into the great things about the … Continue reading

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

SVG Emoji Favicon Aesthetics CSS Tutorial

The recent SVG Emoji Favicon HTML Entities Tutorial had us adding user interaction, but we think especially as far as the input type submit buttons were concerned, lacking style. Especially on mobile platforms, on occasions without attention, and you add … Continue reading

Posted in eLearning, Event-Driven Programming, Operating System, Tutorials | Tagged , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , | 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 … Continue reading

Posted in eLearning, Event-Driven Programming, iOS, Tutorials | Tagged , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , | 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, … Continue reading

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

Diagonal Element Square Nesting Tutorial

We’re adding onto the day before yesterday’s Diagonal Element Nesting Analogue Clock Tutorial some diagonal … display: inline; display: inline-block; … nested diagonals across a square, testing more placement accuracy concepts … function analyze(iois) { var arecto=null, brecto=null, brecto=null, elesa=[], … Continue reading

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

Diagonal Element Nesting Analogue Clock Tutorial

Those two diagonal lines produced in yesterday’s Diagonal Element Nesting Tutorial made us wonder … What can you build with controlled rotation and involving two diagonal elements? … and, of course, your Local Time Analogue Clock with it’s hour hand … Continue reading

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

Diagonal Element Nesting Tutorial

A variation on yesterday’s Nesting Primer Tutorial, as well as being inspired by that work is today’s … diagonal element … via … nested … display: inline; display: inline-block; … sub topleft to bottomright diagonal componentry element look sup bottomleft … Continue reading

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