Tag Archives: innerHTML

World Scrolling and Clickarounds Reveal Tutorial

Our favourite “reveal” tool, the HTML “details and summary” duo, add user control functionality on top of that up to yesterday’s World Scrolling and Clickarounds Trip Tutorial. Where the user has their own control, principally to declutter in the “toast” … Continue reading

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

World Scrolling and Clickarounds Trip Tutorial

Whenever we think “trips” these days we gravitate towards involving Google Directions, with our web applications here. And so, extending the functionality of yesterday’s World Scrolling and Clickarounds Search Tutorial‘s “Scrolling and Clicking World Map” web application, we started involving … Continue reading

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

PHP Remote Files Refined Containing Attribute Tutorial

Yesterday’s PHP Remote Files Refined Containing Tutorial has two improved functionalities applied to it in today’s work, those being … turn the “Element type [title]” into a “Element type [title] or attribute= entries” textbox arrangement to allow for attribute data … Continue reading

Posted in eLearning, Tutorials | Tagged , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , | Leave a comment

Textbox Div Contenteditable Primer Tutorial

We have an idea for use for the following componentry … div contenteditable=true … only hosting … input type=text value=” placeholder=[Some Instructive Blurb] readonly … initially like … <div onblur=docss(this.innerText); data-style=’border: 1px solid blue;’ id=mydiv contenteditable=true onclick=”if (this,innerText.length == 0) … Continue reading

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

HTML Link Contenteditable URL Primer Tutorial

Around here we’re keen on the contenteditable=true HTML global attribute, but had never applied it to any HTML “a” links until we did it when we presented Image and Text PDF Primer Tutorial … Specifically, here, with an “a” link … Continue reading

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

Contenteditable OuterHTML Ideas CSS Tutorial

Onto yesterday’s Contenteditable OuterHTML Ideas Mobile Tutorial we turn our attention to some aesthetics matters with this “Contenteditable OuterHTML Ideas” web application. Yes, most of this involves CSS changes, such as those for those div elements … <style> div.indiv { … Continue reading

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

Contenteditable OuterHTML Ideas Mobile Tutorial

Developing yesterday’s Contenteditable OuterHTML Ideas Watermark Tutorial on this MacBook Air had us a bit neglectful of mobile platforms. This neglectfulness manifested itself in the usual “width” and “height” dilemmas … add a meta viewport tag, such as our … … Continue reading

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