<!doctype html>
<html>
<head>
<title>Slotting In HTML Elements - RJM Programming - September, 2015</title>
<link href='//www.rjmprogramming.com.au/PHP/emboss_h1.css' rel='stylesheet' type='text/css'>
<script data-type='script' id='myscr1' src="slotin.js?total=9&delay=1100&url=&content=" type="text/javascript"></script>
<script data-type='script' id='myscr2' src="slotin.js?total=9&delay=1200&url=&content=" type="text/javascript"></script>
<script data-type='script' id='myscr3' src="slotin.js?total=9&delay=1300&url=&content=" type="text/javascript"></script>
<script data-type='script' id='myscr4' src="slotin.js?total=9&delay=1400&url=&content=" type="text/javascript"></script>
<script data-type='script' id='myscr5' src="slotin.js?total=9&delay=1500&url=&content=" type="text/javascript"></script>
<script data-type='script' id='myscr6' src="slotin.js?total=9&delay=1600&url=&content=" type="text/javascript"></script>
<script data-type='script' id='myscr7' src="slotin.js?total=9&delay=1700&url=&content=" type="text/javascript"></script>
<script data-type='script' id='myscr8' src="slotin.js?total=9&delay=1800&url=&content=" type="text/javascript"></script>
<script data-type='script' id='myscr9' src="slotin.js?total=9&delay=1900&url=&content=" type="text/javascript"></script>
</script>
</head>
<body style='background-color: lightgray;'>
<!--body onload="firstoff();">
<a href='#' title='here'>here</a><br>
<h1 id='myh1'>myh1</h1><br>
<h2 id='myh2'>myh2</h2><br>
<input id='mybut' type='button' value='button'>but</input>
<p>and there</p-->
<h1 id='myh1' class='h1' align='center'>Slotting In HTML Elements <select id='mode' class='select'><option value='Nearby'>Nearby</option><option value='Before'>Before (default for innerHTML blank)</option><option value='After'>After (default for innerHTML not blank)</option></select></h1>
<h3 id='myh3' class='h3' align='center'>RJM Programming</h3>
<h4 id='myh4' class='h4' align='center'>September, 2015</h4>
<p id='myp' class='p' align='center'>...</p>
<div id='mydiv' class='div' align='center' style='background-color:teal;'>
<table id='mytable' class='table' style='width:98%;' cellpadding=2 cellspacing=2>
<tbody id='mytbody' class='tbody' style='background-color: yellow;'>
<tr id='mytrth' class='tr'>
<th id='leftth' class='th' style='width:50%;'>HTML Elements with<a id='lefta' class='a' target=_blank title='HTML DOM innerHTML Property information from w3schools' href='http://www.w3schools.com/jsref/prop_html_innerhtml.asp'> innerHTML </a>not Blank</th>
<th id='rightth' class='th' style='background-color: pink;'>HTML Elements with Blank <a id='righta' class='a' target=_blank title='HTML DOM innerHTML Property information from w3schools' href='http://www.w3schools.com/jsref/prop_html_innerhtml.asp'>innerHTML</a></th>
</tr>
<tr id='mytrtd' class='tr'>
<td id='lefttd' class='td' valign='top'><form id='leftform' class='form'><br><br><span style='margin-top:0px;'>Slot In (<a href='#' title='Optionally choose a URL in which to extract HTML elements available to slot into others here' onclick="changedhtml('');">Url</a>'s) HTML Elements <input id='leftintext' onblur='changedhtml(this.value);' title="id=leftintext class=input type=text" class='input' type='text' style='width:80%;' value="<select><option value='wow'>wow [action]</option><option value='cow'>cow</option></select>" /></span><br><br><select id='leftfromselect' onchange='placeit(this,this.id,this.value);' style='display:none;' class='select'><option value=''>Please, optionally, select element to slot in ...</option></select><br><br>Slot Into HTML Element <select id='leftintoselect' class='select' style='background-color:cyan;' onchange="raction=this.value; bigthing=this.value; onclickf(document.getElementById('leftintext').value, this.value); "><option value=' ' class='option'>Please choose an action below ...</option><option value='' class='option'>Append HTML</option><option value=' ' class='option'>Place HTML at Top</option><option value="document.getElementsByTagName('th')" class='option' title="document.getElementsByTagName('th')">All TH</option><option value="document.getElementsByTagName('a')" class='option' title="document.getElementsByTagName('a')">All A</option><option id='myoption' value="document.getElementById('myoption')" class='option' title="document.getElementById('myoption')">This OPTION (example of one that is impossible)</option><option value="document.getElementById('mydiv')" class='option' title="document.getElementById('mydiv')">This DIV</option><option value="docgetclass('td','td')" class='option' title="docgetclass('td','td')">Class TD</option><option value="docgetclass('h1','h1')" class='option' title="docgetclass('h1','h1')">Class H1</option><option value="document.getElementById('myh3')" class='option' title="document.getElementById('myh3')">The H3</option><option value="docgetclass('h4','h4')" class='option' title="docgetclass('h4','h4')">Class H4</option><option value="document.getElementsByTagName('p')" class='option' title="document.getElementsByTagName('p')">All P</option></select><br><br></form></td>
<td id='righttd' class='td' style='background-color: pink;' valign='top'><form id='rightform' class='form'><br><br><span style='margin-top:0px;'>Slot In (<a href='#' title='Optionally choose a URL in which to extract HTML elements available to slot into others here' onclick="changedhtml('');">Url</a>'s) HTML Elements <input id='rightintext' onblur='changedhtml(this.value);' title="id=rightintext class=input type=text" class='input' type='text' style='width:80%;' value="<select><option value='wow'>wow [action]</option><option value='cow'>cow</option></select>" /></span><br><br><select id='rightfromselect' onchange='placeit(this,this.id,this.value);' style='display:none;' class='select'><option value=''>Please, optionally, select element to slot in ...</option></select><br><br>Slot Into HTML Element <select id='rightintoselect' class='select' style='background-color:cyan;' onchange="raction=this.value; bigthing=this.value; onclickf(document.getElementById('rightintext').value, this.value); "><option value=' ' class='option'>Please choose an action below ...</option><option value='' class='option'>Append HTML</option><option value=' ' class='option'>Place HTML at Top</option><option value="document.getElementsByTagName('input')" class='option' title="document.getElementsByTagName('input')">All INPUT</option><option value="docgetclass('input','input')" class='option' title="docgetclass('input','input')">Class INPUT</option><option value="document.getElementsByTagName('img')" class='option' title="document.getElementsByTagName('img')">All IMG</option></select><br><br></form></td>
</tr>
</tbody>
</table>
<iframe id='myiframe' style='display:none;' src=''></iframe>
</div>
<br><br><img id='myimg' class='img' align='center' src='//www.rjmprogramming.com.au/Welcome_files/shapeimage_1d.jpg' title='My Image'></img>
</body>
</html>