Linked Sentence Story Primer Tutorial

Linked Sentence Story Primer Tutorial

Linked Sentence Story Primer Tutorial

We don’t know what amazes you … doh! But we get amazed by web application “kludges” that end up working … well, you had to be there! Let me explain! In yesterday’s Google Geo Chart and Map Chart Hashtag SMS Tutorial … assuming …

  1. you were aware of it …
  2. you visited it …
  3. your eyes were not glazed over …
  4. a pet was not barfing on the floor (or elsewhere) … at the crucial time when … doopy doopy doop doop, doop doop doop, doop doop doop doop, doopy doopy doop doop …
  5. there it was … what?! … I’m about to tell you …

    .
    ..
    ….
    .
    ……..
    ..
    …—…
    —…— … huh?! …

    ……..
    .
    …. the codeline …

    document.getElementById(‘remail’).innerHTML=’&#128231;</a> ‘ + inplace.split(‘>’)[0] + ‘>&#128223;';

    (unassumingly 9px but, still …) gleaming, in the morning’s first rays, within the safety of its code element …
    what?! … I’m about to tell you …

    .
    ..
    ….
    .
    ……..
    ..
    …—…
    —…— … huh?! …

    ……..
    .
    … “the kludge” … and not just any old “Clayton’s Kludge” (sorry, you’re too late … we’ve patented it already)

Yes, regarding Javascript DOM thinking, we still usually encase a “display:inline” type of scenario in an all encompassing div or span before the contemplation of appending content. But the implication of this codeline is that for the HTML example …


<a id="remail" href="mailto:blah" title="First a element">Email link ... This is roughly the wording of our "a" link</a>
// looking like
Email link … This is roughly the wording of our “a” link


document.getElementById('remail').innerHTML='&#128231;</a> ' + inplace.split('>')[0] + '>&#128223;';

… could cause one “a” element to be spliced into two … and become …


<a id="remail" href="mailto:blah" title="First a element">&#128231;>/a> </a><a id="rsms" href="sms:blah">&#128223;</a>
// looking like
📧 📟

… without using any overseeing nesting element of any sort!

Anyway, we were gobsmacked, and today we write a proof of concept Linked Sentence web application making heavy use of this principle.

We thought with this Linked Sentence it could be like a “piecing together” of a story type of thing, with some similarities to the web application of Fairy Story Chrome Dictation Punctuation Tutorial times, with this first draft Linked Sentence Creator web application also “playable” below …

If this was interesting you may be interested in this too.

This entry was posted in eLearning, Event-Driven Programming, Tutorials and tagged , , , , , , , , , , , , , , , , , , , . Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>