11,14d10
< var lastw=null;
< 
< var url="";
< 
20,22d15
< var tlsf="<br><br><br><table id='ltable'><tr id='ltr'></tr></table>";
< var trsf="<br><br><br><table id='rtable'><tr id='rtr'></tr></table>";
< 
30d22
< var elemucontent = new Array();
151,154d142
<   if (thisis != "") {
<     lsf=clis;
<     rsf=cris;
<   }
184d171
<        if (thisis != "") elemucontent.push(thiscont.replace(/absolute;/g, "relative;"));
211,216d197
<        if (thisis != "") {
<        if (elemucontent[elemucontent.length - 1].indexOf("<") != -1 && elemucontent[elemucontent.length - 1].indexOf(" ") != -1) {
<        lsf+="<option value='" + eval(elemucontent.length - 1) + "'>" + elemtype[eval(elemucontent.length - 1)].toUpperCase() + " ( element number " + elemucontent.length + ")" + "</option>";
<        tlsf=tlsf.replace("</tr>", "<td onclick=\"placeit(this,'leftfromselect',encodeURIComponent(this.innerHTML));\" style='background-color:white;border: 5px solid green;'>" + elemucontent[elemucontent.length - 1] + "</td></TR><tr></tr>");
<        }
<        } else {
221d201
<        }
248d227
<        if (thisis != "") elemucontent.push(thiscont.replace(/absolute;/g, "relative;"));
274,282c253,254
<        if (thisis != "") {
<        if (elemucontent[elemucontent.length - 1].indexOf("<") != -1 && elemucontent[elemucontent.length - 1].indexOf(" ") != -1) {
<          rsf+="<option value='" + eval(elemucontent.length - 1) + "'>" +  + elemtype[eval(elemucontent.length - 1)].toUpperCase() + " ( element number " + elemucontent.length + ")" + "</option>";
<          trsf=trsf.replace("</tr>", "<td onclick=\"placeit(this,'rightfromselect',encodeURIComponent(this.innerHTML));\" style='background-color:white;border: 5px solid green;'>" + elemucontent[elemucontent.length - 1] + "</td></TR><tr></tr>");
<        }
<        } else {
<          rsf+="<option value='-" + elempos.length + "'>Before " + thistype + " (element number " + elempos.length + ")</option>";
<          rsf+="<option value='" + elempos.length + "'>After " + thistype + " (element number " + elempos.length + ")</option>";
<        }
---
>        if (elemcontent[eval(-1 + elemcontent.length)].length > 4 && elemcontent[eval(-1 + elemcontent.length)].indexOf(" ") != -1) rsf+="<option value='-" + elempos.length + "'>Before " + thistype + " (element number " + elempos.length + ")</option>";
>        if (elemcontent[eval(-1 + elemcontent.length)].length > 4 && elemcontent[eval(-1 + elemcontent.length)].indexOf(" ") != -1) rsf+="<option value='" + elempos.length + "'>After " + thistype + " (element number " + elempos.length + ")</option>";
299d270
<        if (thisis != "") elemucontent.push(thiscont.replace(/absolute;/g, "relative;"));
307,323c278,279
<   if (thisis != "") {
<    lso.innerHTML=lsf;
<    rso.innerHTML=rsf;
<   } else {
<    lso.innerHTML=lsf;
<    rso.innerHTML=rsf;
<    if (tlsf.indexOf("<td") != -1 || trsf.indexOf("<td") != -1) {
<     //lsf=document.getElementById('leftintoselect').innerHTML;
<     //rsf=document.getElementById('rightintoselect').innerHTML;
<     //document.body.innerHTML = document.body.innerHTML.replace(rsf + "</select>", rsf + "</select>" + trsf);
<     //document.body.innerHTML = document.body.innerHTML.replace(lsf + "</select>", lsf + "</select>" + tlsf);
<     document.getElementById('lefttd').innerHTML+=tlsf;
<     document.getElementById('righttd').innerHTML+=trsf;
<     tlsf="<br><table id='ltable'><tr id='ltr'></tr></table>";
<     trsf="<br><table id='rtable'><tr id='rtr'></tr></table>";
<    }
<   }
---
>   lso.innerHTML=lsf;
>   rso.innerHTML=rsf;
553,563d508
< function andthen() {
<     xf = document.getElementById("myiframe"); 
<     yf = (xf.contentWindow || xf.contentDocument); 
<     if (yf.document) { yf = yf.document; } 
<     if (yf.body == null) {
<     setTimeout(andthen, 2000);
<     } else {
<     fillarrays(encodeURIComponent(yf.body.innerHTML));
<     }
< }
< 
569,572d513
<     document.getElementById('leftfromselect').innerHTML=document.getElementById('leftfromselect').innerHTML.replace("select element to slot in", "select " + decodeURIComponent(inv) + " element to slot in");
<     document.getElementById('rightfromselect').innerHTML=document.getElementById('rightfromselect').innerHTML.replace("select element to slot in", "select " + decodeURIComponent(inv) + " element to slot in");
<     setTimeout(andthen, 2000);
<     if (1 == 2) {
577,609d517
<     }
<   } else {
<     var ubits=document.URL.split("?");
<     var egis=ubits[0].replace("/HTMLCSS/slotin.html", "/").replace("/slotin.html", "/").replace("slotin.html", "");
<     var preinv=prompt("Optionally supply URL whose HTML Elements you would like to be able to place eg. " + egis, egis);
<     if (preinv == null) preinv="";
<     if (preinv != "") changedhtml(preinv); 
<   }
< }
< 
< function placeit(ois,oid,oval) {
<   var okay=true;
<   var tbid=oid=oid.replace('fromselect', 'intext');
<   var tbido=document.getElementById(tbid);
<   if (oval.indexOf("<") != -1) {
<   okay=false;
<   tbido.value=oval;
<   } else if (decodeURIComponent(oval).indexOf("<") != -1) {
<   okay=false;
<   tbido.value=decodeURIComponent(oval);
<   } else {
<   tbido.value=elemucontent[eval(oval)]; //.replace(/</g, "&lt;").replace(/>/g, "&gt;");
<   }
<   if (okay) {
<   if (lastw != null) {
<    lastw.close();
<    lastw=null;
<   }
<   lastw=window.open("", "_blank", "top=100,left=100,width=400,height=400");
<   lastw.document.write("<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'></head><body>" + tbido.value + "</body></html>");
<   } else {
<   ois.style.backgroundColor='purple';
<   window.scrollTo(0, 0);
614c522
< <body style='background-color: lightgray;' onload=" url = location.search.split('url=')[1] ? location.search.split('url=')[1].split('&')[0] : ''; if (url != '') { changedhtml(url);  } fillarrays('');">
---
> <body style='background-color: lightgray;' onload="fillarrays('');">
625c533
< <div id='mydiv' class='div' align='center' style='background-color:teal;'>
---
> <div id='mydiv' class='div' align='center'>
633,634c541,542
< <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="&lt;select&gt;&lt;option value='wow'&gt;wow [action]&lt;/option&gt;&lt;option value='cow'&gt;cow&lt;/option&gt;&lt;/select&gt;" /></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="&lt;select&gt;&lt;option value='wow'&gt;wow [action]&lt;/option&gt;&lt;option value='cow'&gt;cow&lt;/option&gt;&lt;/select&gt;" /></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>
---
> <td id='lefttd' class='td'><form id='leftform' class='form'><br><br>Slot In HTML Element <input id='leftintext' onblur='changedhtml(this.value);' title="id=leftintext class=input type=text" class='input' type='text' style='width:75%;' value="&lt;select&gt;&lt;option value='wow'&gt;wow [action]&lt;/option&gt;&lt;option value='cow'&gt;cow&lt;/option&gt;&lt;/select&gt;" /><br><br><select id='leftfromselect' style='display:none;' class='select'></select><br><br>Slot Into HTML Element <select id='leftintoselect' class='select' 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;'><form id='rightform' class='form'><br><br>Slot In HTML Element <input id='rightintext' onblur='changedhtml(this.value);' title="id=rightintext class=input type=text"  class='input' type='text' style='width:75%;' value="&lt;select&gt;&lt;option value='wow'&gt;wow [action]&lt;/option&gt;&lt;option value='cow'&gt;cow&lt;/option&gt;&lt;/select&gt;" /><br><br><select id='rightfromselect' style='display:none;' class='select'></select><br><br>Slot Into HTML Element <select id='rightintoselect' class='select' 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>
642c550
< </html>
\ No newline at end of file
---
> </html>