3c3
< <title>Supervising Changing Everything - RJM Programming - January, 2015</title>
---
> <title>Changing Everything - RJM Programming - January, 2015</title>
7,11d6
< 
< var xf=null;
< var yf=null;
< 
< 
70,71c65,66
<      yf.body.innerHTML = yf.body.innerHTML.replace(/\/option/g, '/input').replace(/option /g, 'input type="button" ').replace(/\/select/g, '/span').replace(/select /g, 'span ');
<      buttonMorse = yf.body.innerHTML;
---
>      document.body.innerHTML = document.body.innerHTML.replace(/\/option/g, '/input').replace(/option /g, 'input type="button" ').replace(/\/select/g, '/span').replace(/select /g, 'span ');
>      buttonMorse = document.body.innerHTML;
73c68
<      yf.body.innerHTML = buttonMorse;
---
>      document.body.innerHTML = buttonMorse;
75,76c70,71
<      yf.body.innerHTML = yf.body.innerHTML.replace(/\/option/g, '/input').replace(/option /g, 'input type="button" ').replace(/\/select/g, '/span').replace(/select /g, 'span ');
<      buttonNonMorse = yf.body.innerHTML;
---
>      document.body.innerHTML = document.body.innerHTML.replace(/\/option/g, '/input').replace(/option /g, 'input type="button" ').replace(/\/select/g, '/span').replace(/select /g, 'span ');
>      buttonNonMorse = document.body.innerHTML;
78c73
<      yf.body.innerHTML = buttonNonMorse;
---
>      document.body.innerHTML = buttonNonMorse;
83c78
<      yf.body.innerHTML = optionMorse;
---
>      document.body.innerHTML = optionMorse;
85c80
<      yf.body.innerHTML = optionNonMorse;
---
>      document.body.innerHTML = optionNonMorse;
94,96c89,91
<     if (subwas == '' && mode != "option") subwas = yf.body.innerHTML;
<     if (mode != "option") yf.body.innerHTML = yf.body.innerHTML.replace(/this.type/g, 'thisDOTtype');
<     k = yf.body.innerHTML.indexOf(mtable[0]);
---
>     if (subwas == '' && mode != "option") subwas = document.body.innerHTML;
>     if (mode != "option") document.body.innerHTML = document.body.innerHTML.replace(/this.type/g, 'thisDOTtype');
>     k = document.body.innerHTML.indexOf(mtable[0]);
99c94
<        yf.body.innerHTML = eval("yf.body.innerHTML.replace('>" + mtable[i] + "<', '>" + mtable[i + 1]  + "<')");
---
>        document.body.innerHTML = eval("document.body.innerHTML.replace('>" + mtable[i] + "<', '>" + mtable[i + 1]  + "<')");
101,102c96,97
<        yf.body.innerHTML = yf.body.innerHTML.substring(0,k) + eval("yf.body.innerHTML.substring(k).replace('" + mtable[i] + "', '" + mtable[i + 1]  + "')");
<        if ((i + 2) < mtable.length) k = k + yf.body.innerHTML.substring(k).indexOf(mtable[i + 2]);
---
>        document.body.innerHTML = document.body.innerHTML.substring(0,k) + eval("document.body.innerHTML.substring(k).replace('" + mtable[i] + "', '" + mtable[i + 1]  + "')");
>        if ((i + 2) < mtable.length) k = k + document.body.innerHTML.substring(k).indexOf(mtable[i + 2]);
105,106c100,101
<     yf.body.innerHTML = yf.body.innerHTML.replace(/thisDOTtype/g, 'this.type');
<     if (mode == 'option') optionNonMorse = yf.body.innerHTML;
---
>     document.body.innerHTML = document.body.innerHTML.replace(/thisDOTtype/g, 'this.type');
>     if (mode == 'option') optionNonMorse = document.body.innerHTML;
109,110c104,105
<     yf.body.innerHTML = subwas;
<     if (mode == 'option') optionMorse = yf.body.innerHTML;
---
>     document.body.innerHTML = subwas;
>     if (mode == 'option') optionMorse = document.body.innerHTML;
114c109
<      yf.body.innerHTML = eval("yf.body.innerHTML.replace('>" + mtable[i] + "<', '>" + mtable[i - 1]  + "<')");
---
>      document.body.innerHTML = eval("document.body.innerHTML.replace('>" + mtable[i] + "<', '>" + mtable[i - 1]  + "<')");
116c111
<     if (mode == 'option') optionMorse = yf.body.innerHTML;
---
>     if (mode == 'option') optionMorse = document.body.innerHTML;
121,136d115
< function togglea(mis) {
<     if (mis == "Bigger") {
<       document.getElementById("a1").style.display='block';
<       document.getElementById("a2").style.display='block';
<     } else {
<       document.getElementById("a1").style.display='none';
<       document.getElementById("a2").style.display='none';
<     }
< }
< 
< function connect_to_iframe() {
< 	xf = document.getElementById("myiframe"); 
<     yf = (xf.contentWindow || xf.contentDocument); 
<     if (yf.document) { yf = yf.document; } 
< }
< 
139,140c118,119
< <body style='background-color:lightgreen;' onload=' yf=top.document; connect_to_iframe(); togglesub(); togglesub();   optionMorse = yf.body.innerHTML;  '>
< <h1 align='center'>Changing the Iframe's Look Below ... <select id='mode' onchange='togglea(this.value);' title='Mode'><option value="Bigger">Bigger</option><option value="Big">Big</option></select> Time</h1>
---
> <body style='background-color:lightblue;' onload='  togglesub(); togglesub();   optionMorse = document.body.innerHTML; '>
> <h1 align='center'>Changing the Look Big Time</h1>
143,145c122,167
< <a href='#' onclick='toggle();' id='a1' style='display:block;' title='Parent webpage controls child iframe document.body.innerHTML look'>Toggle Iframe dropdown OPTION and INPUT button</a><br>
< <a href='#' onclick='togglesub();' id='a2' style='display:block;' title='Parent webpage controls child iframe document.body.innerHTML look'>Toggle Iframe Morse Code for Characters</a><br><br>
< <iframe id='myiframe' style='width:100%; height:800px;' frameborder=0 src='change_everything.html' title='Changing the Look Big Time'></iframe>
---
> <a href='#' onclick='toggle();'>Toggle dropdown OPTION and INPUT button</a><br>
> <a href='#' onclick='togglesub();'>Toggle Morse Code for Characters</a><br><br>
> <select style="width:100px;font-size:36px;" size="8" multiple="" id="mymsel1">
> <option value="  " onclick="aletter(this.type);">  </option>
> <option value="a" onclick="aletter(this.type);">.-</option>
> <option value="b" onclick="aletter(this.type);">-...</option>
> <option value="c" onclick="aletter(this.type);">-.-.</option>
> <option value="d" onclick="aletter(this.type);">-..</option>
> <option value="e" onclick="aletter(this.type);">.</option>
> <option value="f" onclick="aletter(this.type);">..-.</option>
> <option value="g" onclick="aletter(this.type);">--.</option></select>
> <select style="width:100px;font-size:36px;" size="8" multiple="" id="mymsel2">
> <option value="h" onclick="aletter(this.type);">....</option>
> <option value="i" onclick="aletter(this.type);">..</option>
> <option value="j" onclick="aletter(this.type);">.---</option>
> <option value="k" onclick="aletter(this.type);">-.-</option>
> <option value="l" onclick="aletter(this.type);">.-..</option>
> <option value="m" onclick="aletter(this.type);">--</option>
> <option value="n" onclick="aletter(this.type);">-.</option>
> <option value="o" onclick="aletter(this.type);">---</option></select>
> <select style="width:100px;font-size:36px;" size="8" multiple="" id="mymsel3">
> <option value="p" onclick="aletter(this.type);">.--.</option>
> <option value="q" onclick="aletter(this.type);">--.-</option>
> <option value="r" onclick="aletter(this.type);">.-.</option>
> <option value="s" onclick="aletter(this.type);">...</option>
> <option value="t" onclick="aletter(this.type);">-</option>
> <option value="u" onclick="aletter(this.type);">..-</option>
> <option value="v" onclick="aletter(this.type);">...-</option>
> <option value="w" onclick="aletter(this.type);">.--</option></select>
> <select style="width:100px;font-size:36px;" size="8" multiple="" id="mymsel4">
> <option value="x" onclick="aletter(this.type);">-..-</option>
> <option value="y" onclick="aletter(this.type);">-.--</option>
> <option value="z" onclick="aletter(this.type);">--..</option>
> <option value="  " onclick="aletter(this.type);">  </option>
> <option value="1" onclick="aletter(this.type);">.----</option>
> <option value="2" onclick="aletter(this.type);">..---</option>
> <option value="3" onclick="aletter(this.type);">...--</option>
> <option value="4" onclick="aletter(this.type);">....-</option></select>
> <select style="width:100px;font-size:36px;" size="8" multiple="" id="mymsel5">
> <option value="5" onclick="aletter(this.type);">.....</option>
> <option value="6" onclick="aletter(this.type);">-....</option>
> <option value="7" onclick="aletter(this.type);">--...</option>
> <option value="8" onclick="aletter(this.type);">---..</option>
> <option value="9" onclick="aletter(this.type);">----.</option>
> <option value="0" onclick="aletter(this.type);">-----</option>
> </select>