<html>
<head>
<meta charset="UTF-8">
<link href="//afeld.github.io/emoji-css/emoji.css" rel="stylesheet">
<title>Fairy Story Paste Helper - RJM Programming - March, 2018</title>
<script type='text/javascript'>

function pcae() {
if (document.getElementById("storyboard")) {
if (document.getElementById('mytah')) {
if (document.getElementById('mytah').value != '') {
document.getElementById('mytah').value='';
placeCaretAtEnd(document.getElementById("storyboard"));
}
}
}
setTimeout(pcae,3000);
}

function placeCaretAtEnd(el) { // thanks to https://stackoverflow.com/questions/4233265/contenteditable-set-caret-at-the-end-of-the-text-cross-browser
el.focus();
if (typeof window.getSelection != "undefined"
&& typeof document.createRange != "undefined") {
var range = document.createRange();
range.selectNodeContents(el);
range.collapse(false);
var sel = window.getSelection();
sel.removeAllRanges();
sel.addRange(range);
} else if (typeof document.body.createTextRange != "undefined") {
var textRange = document.body.createTextRange();
textRange.moveToElementText(el);
textRange.collapse(false);
textRange.select();
}
}
</script>
</head>
<body>
<script type='text/javascript'>

function modeofuse() {
var wtw='';
var bits=document.URL.split('?emoji=');
if (document.URL.indexOf('?') == -1) {
wtw+='<h1>Fairy Story Paste Helper<a target="_self" href="//www.rjmprogramming.com.au/PHP/emoticon_keyboard_shortcuts.php" title="Home">.</a></h1>' + String.fromCharCode(13);
wtw+='<h3>RJM Programming - March, 2018</h3>' + String.fromCharCode(13);
wtw+='<h4>Your Fairy Story follows ... good luck, optionally clicking helper links for Emoji placement ...</h4>' + String.fromCharCode(13);
wtw+='' + String.fromCharCode(13);
wtw+='<div contenteditable="true" style="background-color:yellow;width:98%;height:200px;border:10px groove red;padding:3px 3px 3px 3px;" id="storyboard">Once upon a time </div>' + String.fromCharCode(13);
wtw+='' + String.fromCharCode(13);
wtw+='<table style="width:100%;height:260px;" border=2><tr>' + String.fromCharCode(13);
wtw+='<td style="width:48%;background-color:pink;">' + String.fromCharCode(13);
wtw+='<iframe id="fsac1" style="width:100%;height:260px;" src="//www.rjmprogramming.com.au/PHP/emoticon_keyboard_shortcuts.php?iframeplease=y&inans=skull%2Cghost%2Calien%2Cimp%2Cangel%2Cprincess%2Ccrystal_ball%2Cjapanese_ogre%2Cspace_invader%2Cjapanese_goblin&outans=Skull%2CGhost%2CAlien%2CAngry+Face+with+Horns%2CBaby+Angel%2CPriness%2CCrystal+Ball%2COgre%2CAlien+Monster%2CGoblin&heading=Fairy+Story+Characters&subheading=Helper&urlprefix=https%3A%2F%2Fwww.rjmprogramming.com.au%2FHTMLCSS%2Ffairy_story_assistant.html%3Femoji%3D&rand=2033817289"></iframe>' + String.fromCharCode(13);
wtw+='</td><td style="width:48%;background-color:orange;">' + String.fromCharCode(13);
wtw+='<iframe id="fsac2" style="width:100%;height:260px;" src="//www.rjmprogramming.com.au/PHP/emoticon_keyboard_shortcuts.php?iframeplease=y&inans=man&outans=&heading=Fairy+Story+People&subheading=Helper&urlprefix=https%3A%2F%2Fwww.rjmprogramming.com.au%2FHTMLCSS%2Ffairy_story_assistant.html%3Femoji%3D&rand=311259562"></iframe>' + String.fromCharCode(13);
wtw+='</td></tr><tr><td style="width:48%;background-color:cyan;">' + String.fromCharCode(13);
wtw+='<iframe id="fsac3" style="width:100%;height:260px;" src="//www.rjmprogramming.com.au/PHP/emoticon_keyboard_shortcuts.php?iframeplease=y&inans=clock&outans=&heading=Fairy+Story+Times&subheading=Helper&urlprefix=https%3A%2F%2Fwww.rjmprogramming.com.au%2FHTMLCSS%2Ffairy_story_assistant.html%3Femoji%3D&rand=1390790034"></iframe>' + String.fromCharCode(13);
wtw+='</td><td style="width:48%;background-color:magenta;">' + String.fromCharCode(13);
wtw+='<iframe id="fsac4" style="width:100%;height:260px;" src="//www.rjmprogramming.com.au/PHP/emoticon_keyboard_shortcuts.php?iframeplease=y&inans=automobile%2Cvehicle%2Ctractor%2Cambulance%2Cbicycle%2Cpolice%2Cconstruction%2Ctraffic%2Ctruck%2Ctram%2Cbus%2Chelicopter%2Cboat%2Cplane%2C&outans=&heading=Fairy+Story+Transport&subheading=Helper&urlprefix=https%3A%2F%2Fwww.rjmprogramming.com.au%2FHTMLCSS%2Ffairy_story_assistant.html%3Femoji%3D&rand=285342407"></iframe>' + String.fromCharCode(13);
wtw+='</td></tr></table>' + String.fromCharCode(13);
wtw+='' + String.fromCharCode(13);
wtw+='<textarea style="display:none;" rows=1 cols=120 id="mytah" value=""></textarea>' + String.fromCharCode(13);
document.write(wtw);
pcae();
} else if (bits.length == 2) {
var rest="";
if ((decodeURIComponent(bits[1]) + " ").substring(0,1) == "/") {
rest=decodeURIComponent(bits[1]).substring(1).split('&')[0].split('#')[0].split('<')[0];
} else {
rest=decodeURIComponent(bits[1]).split('&')[0].split('#')[0].split('<')[0];
}
if (decodeURIComponent(bits[1]).indexOf('<') != -1) {
if (top.document.getElementById('storyboard')) {
top.document.getElementById('storyboard').innerHTML+=decodeURIComponent(bits[1]).substring(decodeURIComponent(bits[1]).indexOf('<')) + ' ';
if (top.document.getElementById('mytah')) top.document.getElementById('mytah').value='x';
//placeCaretAtEnd(top.document.getElementById('storyboard'));
}
} else if (top.document.getElementById('storyboard')) {
top.document.getElementById('storyboard').innerHTML+='<i class="em em-' + rest.replace(/\+/g,'_').replace(/\ /g,'_') + '"></i> ';
if (top.document.getElementById('mytah')) top.document.getElementById('mytah').value='x';
//placeCaretAtEnd(top.document.getElementById('storyboard'));
}
}
}

modeofuse();
</script>



</body>
</html>