<html>
<head>
<title>Show Some Shapes - RJM Programming - October, 2023</title>
<style>
* { padding: 5 5 5 5; }
</style>
<script type='text/javascript'>
var andthenthereis=" Or comma (and/or semicolon ; pen up) separated x1,y1,x2,y2 co-ordinate set or comma (and/or semicolon ; pen up) separated x1,y1,bearing-distance set or justification code from ... to ... justification code to ( eg. the default tltobr )... where ... tl ... top left tc ... top centre tr ... top right cl ... centre left cc ... centre centre cr ... centre right bl ... bottom left bc ... bottom centre br ... bottom right ... relative to the SVG window width x height dimensions, comma (and/or semicolon ; pen up) separated ... #title or ##text or ###both (where the ## and ### usages only require x1,y1 in a mandatory way) available with these";
var shapeopts='arc,semicircle,rectangle,square,pie,crescent,quadrant,line,octagon,circle,ellipse,bezier,triangle,rhombus,image,iMage,imAge';
var lastimagesuffix='bezier', lastiframesuffix='circle';
var ifw=334, ifh=334, imifw=334, imifh=334, ififw=334, ififh=334;
var equalsr='y', equalsrim='y', equalsrif='y';
var thimageextras=' Width: <input onblur=fixv(this); onchange=fixv(this); type=number id=imagew value=' + ifw + ' step=1 min=0 style=width:50px;></input> x <input style=width:50px; onblur=fixv(this); onchange=fixv(this); type=number id=imageh value=' + ifh + ' step=1 min=0></input> <select onchange=fixv(this); id=selimageoverlay><option value="">Height</option><option value="overlay">Height ... Overlayed</option></select> <br><select onchange=fixv(this); id=imageself><option id=imageoptf value=" ">Fill</option><option id=imageotherf value="transparent">Transparent Fill</option><option id=imagenonef value="">Fill None</option></select><input onblur=fixv(this); id=imagecpfo type=text value="" style=width:50px; placeholder=":" title="Optional fill colour opacity 0.0 to [1.0]' + andthenthereis + '"></input> <input onblur=fixv(this); onchange=fixv(this); id=imagecpf type=color title="Fill" data-last="#00ff00" value="#00ff00"></input> <select onchange=fixv(this); id=imagesels><option id=imageopts value=" ">Stroke</option><option id=imageothers value="transparent">Transparent Stroke</option><option id=imagenones value="">Stroke None</option></select><input onblur=fixv(this); id=imagecpso type=text value="" style=width:50px; placeholder=":" title="Optional stroke colour opacity 0.0 to [1.0]' + andthenthereis + '"></input> <input onblur=fixv(this); onchange=fixv(this); id=imagecps type=color title="Stroke" data-last="#000000" value="#000000"></input>';
var thiframeextras=thimageextras.replace(/image/g, 'iframe').replace(/00ff00/g,'0000ff');
var iframemid='0000ff+';
var imagemid='00ff00+';
var lastfocus='iframew';
var typeeq='';
var jframemid=iframemid + lastiframesuffix;
var jmagemid=imagemid + lastimagesuffix;
var fopacity='', mopacity='';
var sopacity='', topacity='';
var sifcol='', simcol='';
var imagestring='';
var imageoverlay=false, iframeoverlay=false;
var imageprevs='', iframeprevs='';
var imagelasts='', iframelasts='';
var imageurlpush=[], iframeurlpush=[];
var imagerect=[], iframerect=[];
var snapshotoh='';
var bigwo=[];
function maybenoimshadows(inbit) {
if (document.getElementById('myselanim').value == ' ') {
return '%20' + inbit;
} else if (document.getElementById('myselanim').value == 'UPPERCASE') {
return '%20' + inbit;
}
return inbit.trim().replace(/^\%20/g,'').replace(/^\+/g,'');
}
function maybenoifshadows(inbit) {
if (document.getElementById('myselanim').value == ' ') {
return '%20' + inbit;
} else if (document.getElementById('myselanim').value == 'UPPERCASE') {
return '%20' + inbit;
}
return inbit.trim().replace(/^\%20/g,'').replace(/^\+/g,'');
}
function animcheck(insrc) {
if (document.getElementById('myselanim').value.trim() != '') {
return insrc.replace(lastimagesuffix + '=', lastimagesuffix.toUpperCase() + '=').replace(document.getElementById('thimagesel').value + '=', document.getElementById('thimagesel').value.toUpperCase() + '=');
}
return insrc;
}
function anifcheck(insrc) {
if (document.getElementById('myselanim').value.trim() != '') {
return insrc.replace(lastiframesuffix + '=', lastiframesuffix.toUpperCase() + '=').replace(document.getElementById('thiframesel').value + '=', document.getElementById('thiframesel').value.toUpperCase() + '=');
}
return insrc;
}
function thenimagain(inurl) {
if (imageoverlay) {
var wasp=imageprevs;
//setTimeout(function() {
imageprevs=imagelasts;
imageurlpush.push(animcheck(inurl));
document.getElementById('doverlay').innerHTML+='<img title="Click for new window version or right click showing overlays" oncontextmenu="windowopen(this.src,' + "'_blank'" + ');" onclick="window.open(this.src,' + "'_blank'" + ');" style=' + "'width:" + imifw + "px;height:" + imifh + "px;left:" + imagerect[0].left + "px;top:" + imagerect[0].top + "px;position:absolute;'" + ' id=myimage' + imagelasts + ' src="' + animcheck(inurl).split('=')[0] + '=' + maybenoimshadows(equalsrim) + '"></img>';
imagerect=[];
imagerect.push(document.getElementById('myimage' + imagelasts).getBoundingClientRect());
imagelasts='' + imageurlpush.length;
//}, 1000);
return document.getElementById('myimage' + wasp).src + '#';
}
return animcheck(inurl).split('=')[0] + '=' + maybenoimshadows(equalsr);
}
function thenifagain(inurl) {
if (iframeoverlay) {
var wasp=iframeprevs;
//setTimeout(function() {
iframeprevs=iframelasts;
//alert('equalsrif=' + equalsrif + ' and inurl=' + inurl + ' anifcheck(inurl)=' + anifcheck(inurl) + ' ... url=' + anifcheck(inurl).split('=')[0] + '=' + maybenoifshadows(equalsrif));
iframeurlpush.push(anifcheck(inurl));
console.log(iframeurlpush);
document.getElementById('doverlay').innerHTML+='<iframe title="Click for new window version or right click showing overlays" oncontextmenu="windowopen(this.src,' + "'_blank'" + ');" onclick="window.open(this.src,' + "'_blank'" + ');" frameborder=0 style=' + "'width:" + ififw + "px;height:" + ififh + "px;left:" + iframerect[0].left + "px;top:" + iframerect[0].top + "px;position:absolute;'" + ' id=myiframe' + iframelasts + ' src="' + anifcheck(inurl).split('=')[0] + '=' + maybenoifshadows(equalsrif) + '"></iframe>';
iframerect=[];
iframerect.push(document.getElementById('myiframe' + iframelasts).getBoundingClientRect());
iframelasts='' + iframeurlpush.length;
//}, 1000);
return document.getElementById('myiframe' + wasp).src + '#';
}
return anifcheck(inurl).split('=')[0] + '=' + maybenoifshadows(equalsr);
}
function intwenty() {
if (lastfocus.indexOf('iframe') != -1 || lastfocus.indexOf('image') != -1) {
imagestring='data:';
equalsr=encodeURIComponent(imagestring);
equalsrif=encodeURIComponent(imagestring);
document.getElementById('myiframe' + iframeprevs).src=thenifagain(document.getElementById('myiframe' + iframeprevs).src.replace(lastiframesuffix.toUpperCase(), 'image').replace(lastiframesuffix, 'image')).split('=')[0] + '=' + maybenoifshadows(encodeURIComponent(imagestring)); //equalsrif;
imagestring='';
lastiframesuffix='image';
document.getElementById('thiframeopt').innerText='Iframe ... showing image above';
document.getElementById('thiframesel').value='';
} else if (lastfocus.indexOf('image') != -1) {
imagestring='data:';
equalsr=encodeURIComponent(imagestring);
equalsrim=encodeURIComponent(imagestring);
document.getElementById('myimage' + iframeprevs).src=thenifagain(document.getElementById('myimage' + iframeprevs).src.replace(lastiframesuffix.toUpperCase(), 'image').replace(lastiframesuffix, 'image')).split('=')[0] + '=' + maybenoifshadows(encodeURIComponent(imagestring)); //equalsrim;
imagestring='';
lastimageesuffix='image';
}
document.body.style.cursor='pointer';
}
function drawvia(what) {
if (what.value != '') {
if (what.id.indexOf('frame') != -1) {
if (what.value == 'rhombus') {
document.getElementById('myiframe').style.width='' + eval(1.5 * ififw) + 'px';
document.getElementById('myiframe').style.height='' + eval(1.5 * ififh) + 'px';
} else {
document.getElementById('myiframe').style.width='' + ififw + 'px';
document.getElementById('myiframe').style.height='' + ififh + 'px';
}
if (what.value.toLowerCase() == 'image') {
if (imagestring == '') {
if (what.value == 'iMage') {
imagestring=prompt('Please enter video URL', '');
} else if (what.value == 'imAge') {
imagestring=prompt('Please enter audio URL', '');
} else {
imagestring=prompt('Please enter image URL', '');
}
if (imagestring == null) { imagestring=''; }
if (imagestring != '') {
if (imagestring.indexOf('://') != -1 && imagestring.toLowerCase().indexOf('http') == 0) {
if (imagestring.split('://')[0] != document.URL.split('://')[0]) {
imagestring=imagestring.replace(imagestring.split('://')[0], document.URL.split('://')[0]);
}
}
if (what.value == 'iMage') {
document.getElementById('tdright').value='Video referenced is ' + imagestring;
} else if (what.value == 'imAge') {
document.getElementById('tdright').value='Audio referenced is ' + imagestring;
} else {
document.getElementById('tdright').value='Image referenced is ' + imagestring;
}
equalsr=encodeURIComponent(imagestring);
equalsrif=encodeURIComponent(imagestring);
document.getElementById('myiframe' + iframeprevs).src=thenifagain(document.getElementById('myiframe' + iframeprevs).src.replace(lastiframesuffix.toUpperCase(), what.value.toLowerCase()).replace(lastiframesuffix, what.value.toLowerCase())).split('=')[0] + '=' + maybenoifshadows(encodeURIComponent(imagestring)); //equalsrif;
lastiframesuffix='image';
if (what.value == 'iMage') {
document.getElementById('thiframeopt').innerText='Iframe ... showing video above';
document.getElementById('existtemporarily').value=imagestring + '#video/';
document.getElementById('mysubbut').click();
} else if (what.value == 'imAge') {
document.getElementById('thiframeopt').innerText='Iframe ... showing audio above';
document.getElementById('existtemporarily').value=imagestring + '#audio/';
document.getElementById('mysubbut').click();
} else {
document.getElementById('thiframeopt').innerText='Iframe ... showing image above';
}
imagestring='';
document.getElementById('thiframesel').value='';
} else {
what.value=lastimagesuffix.toLowerCase();
}
}
} else {
document.getElementById('myiframe' + iframeprevs).src=thenifagain(document.getElementById('myiframe' + iframeprevs).src.replace(lastiframesuffix.toUpperCase(), what.value).replace(lastiframesuffix, what.value));
}
//document.body.innerHTML=document.body.innerHTML.replace(lastiframesuffix, what.value);
lastiframesuffix=what.value;
jframemid=iframemid + lastiframesuffix;
document.getElementById('thiframeopt').innerText='Iframe';
} else if (what.id.indexOf('mage') != -1) {
if (what.value == 'rhombus') {
document.getElementById('myimage').style.width='' + eval(1.5 * imifw) + 'px';
document.getElementById('myimage').style.height='' + eval(1.5 * imifh) + 'px';
} else {
document.getElementById('myimage').style.width='' + imifw + 'px';
document.getElementById('myimage').style.height='' + imifh + 'px';
}
if (what.value.toLowerCase() == 'image') {
if (imagestring == '') {
if (what.value == 'iMage') {
imagestring=prompt('Please enter video URL', '');
} else if (what.value == 'imAge') {
imagestring=prompt('Please enter audio URL', '');
} else {
imagestring=prompt('Please enter image URL', '');
}
if (imagestring == null) { imagestring=''; }
if (imagestring != '') {
equalsr=encodeURIComponent(imagestring);
equalsrim=encodeURIComponent(imagestring);
if (what.value == 'iMage') {
document.getElementById('tdleft').value='Video referenced is ' + imagestring;
} else if (what.value == 'imAge') {
document.getElementById('tdleft').value='Audio referenced is ' + imagestring;
} else {
document.getElementById('tdleft').value='Image referenced is ' + imagestring;
}
document.getElementById('myimage' + iframeprevs).src=thenifagain(document.getElementById('myimage' + iframeprevs).src.replace(lastiframesuffix.toUpperCase(), what.value.toLowerCase()).replace(lastiframesuffix, what.value.toLowerCase())).split('=')[0] + '=' + maybenoifshadows(encodeURIComponent(imagestring)); //equalsrim;
lastimagesuffix='image';
if (what.value == 'iMage') {
document.getElementById('thimageopt').innerText='Image ... showing video above';
document.getElementById('existtemporarily').value=imagestring + '#video/';
document.getElementById('mysubbut').click();
} else if (what.value == 'imAge') {
document.getElementById('thimageopt').innerText='Image ... showing audio above';
document.getElementById('existtemporarily').value=imagestring + '#audio/';
document.getElementById('mysubbut').click();
} else {
document.getElementById('thimageopt').innerText='Image ... showing image above';
}
imagestring='';
document.getElementById('thimagesel').value='';
} else {
what.value=lastimagesuffix.toLowerCase();
}
}
} else {
document.getElementById('myimage' + imageprevs).src=thenimagain(document.getElementById('myimage' + imageprevs).src.replace(lastimagesuffix.toUpperCase(), what.value).replace(lastimagesuffix, what.value));
}
//document.body.innerHTML=document.body.innerHTML.replace(lastiframesuffix, what.value);
lastimagesuffix=what.value;
jmagemid=imagemid + lastimagesuffix;
document.getElementById('thimageopt').innerText='Image';
}
}
}
function equalsrcheck(ioo) {
var thisval=ioo.value;
var justs=['tl','tc','tm','tr','bl','bc','bm','br','cl','cc','cm','cr','ml','mc','mm','mr'];
var jusxw=[0.00,0.50,0.50,1.00,0.00,0.50,0.50,1.00,0.00,0.50,0.50,1.00,0.00,0.50,0.50,1.00];
var jusyh=[0.00,0.00,0.00,0.00,1.00,1.00,1.00,1.00,0.50,0.50,0.50,0.50,0.50,0.50,0.50,0.50];
var xfofarc='', iix, xtoflds=[], jjx;
//if (thisval.trim() == '' || thisval.indexOf(',') == -1) { equalsr='y'; }
if (thisval.indexOf(',') != -1) {
var cflds=thisval.split(',');
if (eval('' + cflds.length) == 2 && thisval.indexOf('##') != -1) {
cflds.push(cflds[0].split('#')[0]);
cflds.push(cflds[1].split('#')[0]);
thisval+=',' + cflds[0].split('#')[0] + ',' + cflds[1].split('#')[0];
}
for (var inm=0; inm<cflds.length; inm++) {
if (cflds[inm].split('#')[0].toLowerCase().indexOf('to') == 2 && eval('' + cflds[inm].split('#')[0].length) == 6) {
xfofarc='';
xtoflds=cflds[inm].split('#')[0].toLowerCase().split('to');
for (iix=0; iix<justs.length; iix++) {
if (xtoflds[0] == justs[iix] || xtoflds[0] == (justs[iix].substring(1) + justs[iix].substring(0,1))) {
if (ioo.id.indexOf('mage') != -1) {
xfofarc='' + eval(jusxw[iix] * imifw) + ',' + eval(jusyh[iix] * imifh) + ',';
} else if (ioo.id.indexOf('frame') != -1) {
xfofarc='' + eval(jusxw[iix] * ififw) + ',' + eval(jusyh[iix] * ififh) + ',';
}
}
}
if (xfofarc != '') {
for (jjx=0; jjx<justs.length; jjx++) {
if (xtoflds[1] == justs[jjx] || xtoflds[1] == (justs[iix].substring(1) + justs[iix].substring(0,1))) {
if (ioo.id.indexOf('mage') != -1) {
xfofarc+='' + eval(jusxw[jjx] * imifw) + ',' + eval(jusyh[jjx] * imifh) + '';
} else if (ioo.id.indexOf('frame') != -1) {
xfofarc+='' + eval(jusxw[jjx] * ififw) + ',' + eval(jusyh[jjx] * ififh) + '';
}
}
}
}
if (eval('' + xfofarc.split(',').length) == 4) {
thisval=thisval.replace(cflds[inm].split('#')[0], xfofarc);
}
}
cflds=thisval.split(',');
}
if (eval('' + cflds.length) >= 3) {
if (eval('' + cflds.length) >= 4 && (cflds[2] + ' ').substring(1).indexOf('-') == -1) {
equalsr=encodeURIComponent(thisval);
if (ioo.id.replace('cp','sel').indexOf('sel') != -1) { ioo.value=''; }
thisval='';
} else if ((cflds[2] + ' ').substring(1).indexOf('-') > 0) {
var pcx=eval('' + cflds[0].split('#')[0]);
var pcy=eval('' + cflds[1].split('#')[0]);
var radialssofar='', fdel='';
for (var jj=2; jj<cflds.length; jj++) {
if ((cflds[jj] + ' ').substring(1).indexOf('-') > 0) {
pcx=eval(pcx + Math.sin(Math.PI * eval('' + cflds[jj].split('#')[0].split('-')[0]) / 180.0) * eval('' + cflds[jj].split('#')[0].split('-')[1]));
pcy=eval(pcy + Math.cos(Math.PI * eval('' + cflds[jj].split('#')[0].split('-')[0]) / 180.0) * eval('' + cflds[jj].split('#')[0].split('-')[1]));
radialssofar+=fdel + cflds[0] + ',' + cflds[1] + ',' + pcx + ',' + pcy;
pcx=eval('' + cflds[0].split('#')[0]);
pcy=eval('' + cflds[1].split('#')[0]);
fdel=';';
} else {
radialssofar+=',' + cflds[jj].split('#')[0];
}
}
equalsr=encodeURIComponent(radialssofar);
if (ioo.id.replace('cp','sel').indexOf('sel') != -1) { ioo.value=''; }
thisval='';
} else {
equalsr='y';
thisval='' + cflds[0].split('#')[0];
}
}
} else if (thisval.split('#')[0].toLowerCase().indexOf('to') == 2 && eval('' + thisval.split('#')[0].length) == 6) {
var toflds=thisval.toLowerCase().split('to');
var combit='';
if (thisval.indexOf('#') != -1) { combit='#' + thisval.split('#')[1].split(',')[0].split(';')[0]; }
var fofarc='';
for (var ii=0; ii<justs.length; ii++) {
if (toflds[0].split('#')[0] == justs[ii] || toflds[0].split('#')[0] == (justs[ii].substring(1) + justs[ii].substring(0,1))) {
if (ioo.id.indexOf('mage') != -1) {
fofarc='' + eval(jusxw[ii] * imifw) + ',' + eval(jusyh[ii] * imifh) + ',';
} else if (ioo.id.indexOf('frame') != -1) {
fofarc='' + eval(jusxw[ii] * ififw) + ',' + eval(jusyh[ii] * ififh) + ',';
}
}
}
if (fofarc != '') {
for (var jj=0; jj<justs.length; jj++) {
if (toflds[1].split('#')[0] == justs[jj] || toflds[1].split('#')[0] == (justs[jj].substring(1) + justs[jj].substring(0,1))) {
if (ioo.id.indexOf('mage') != -1) {
fofarc+='' + eval(jusxw[jj] * imifw) + ',' + eval(jusyh[jj] * imifh) + '';
} else if (ioo.id.indexOf('frame') != -1) {
fofarc+='' + eval(jusxw[jj] * ififw) + ',' + eval(jusyh[jj] * ififh) + '';
}
}
}
}
if (eval('' + fofarc.split(',').length) == 4) {
equalsr=encodeURIComponent(fofarc + combit);
if (ioo.id.replace('cp','sel').indexOf('sel') != -1) { ioo.value=''; }
thisval='';
}
}
if (ioo.id.indexOf('mage') != -1 && equalsr != 'y') {
equalsrim=equalsr;
setTimeout(function(){ equalsr='y'; }, 13000);
} else if (ioo.id.indexOf('frame') != -1 && equalsr != 'y') {
equalsrif=equalsr;
setTimeout(function(){ equalsr='y'; }, 13000);
}
return thisval;
}
function fixv(oselinvo) {
var theval=equalsrcheck(oselinvo);
switch('' + oselinvo.id) {
case 'selimageoverlay': // overlay flag
if (theval.trim() == '') {
imageoverlay=false;
//imageurlpush=[];
//imagerect=[];
} else {
if (eval('' + imageurlpush.length) == 0) {
snapshotoh='<html><head>' + document.head.innerHTML + '</head>' + document.body.outerHTML + '</html>';
}
imageoverlay=true;
imageurlpush.push(document.getElementById('myimage' + imagelasts).src);
imagerect=[];
imagerect.push(document.getElementById('myimage' + imagelasts).getBoundingClientRect());
imagelasts='' + imageurlpush.length;
}
break;
case 'seliframeoverlay': // overlay flag
if (theval.trim() == '') {
iframeoverlay=false;
//iframeurlpush=[];
//iframerect=[];
} else {
if (eval('' + iframeurlpush.length) == 0) {
snapshotoh='<html><head>' + document.head.innerHTML + '</head>' + document.body.outerHTML + '</html>';
}
iframeoverlay=true;
iframeurlpush.push(document.getElementById('myiframe' + iframelasts).src);
iframerect=[];
iframerect.push(document.getElementById('myiframe' + iframelasts).getBoundingClientRect());
iframelasts='' + iframeurlpush.length;
}
break;
case 'imagew': // width
if (theval.trim() != '') {
imifw=eval('' + theval);
document.getElementById('myimage').style.width='' + theval + 'px';
document.getElementById('myimage' + imageprevs).src=thenimagain(document.getElementById('myimage' + imageprevs).src.replace('blog/' + document.getElementById('myimage').src.split('/')[4] + '/', 'blog/' + theval + '/'));
}
break;
case 'iframew':
if (theval.trim() != '') {
ififw=eval('' + theval);
document.getElementById('myiframe').style.width='' + theval + 'px';
document.getElementById('myiframe' + iframeprevs).src=thenifagain(document.getElementById('myiframe' + iframeprevs).src.replace('blog/' + document.getElementById('myiframe').src.split('/')[4] + '/', 'blog/' + theval + '/'));
}
break;
case 'imageh': // height
if (theval.trim() != '') {
imifh=eval('' + theval);
document.getElementById('myimage').style.height='' + theval + 'px';
document.getElementById('myimage' + imageprevs).src=thenimagain(document.getElementById('myimage' + imageprevs).src.replace('blog/' + document.getElementById('myimage').src.split('/')[4] + '/' + document.getElementById('myimage').src.split('/')[5] + '/', 'blog/' + document.getElementById('myimage').src.split('/')[4] + '/' + theval + '/'));
}
break;
case 'iframeh':
if (theval.trim() != '') {
ififh=eval('' + theval);
document.getElementById('myiframe').style.height='' + theval + 'px';
document.getElementById('myiframe' + iframeprevs).src=thenifagain(document.getElementById('myiframe' + iframeprevs).src.replace('blog/' + document.getElementById('myiframe').src.split('/')[4] + '/' + document.getElementById('myiframe').src.split('/')[5] + '/', 'blog/' + document.getElementById('myiframe').src.split('/')[4] + '/' + theval + '/'));
}
break;
case 'imageself': // fill dropdown
if (theval == '') {
document.getElementById('myimage' + imageprevs).src=thenimagain(document.getElementById('myimage' + imageprevs).src.replace(imagemid, 'none' + fopacity.replace(/^1\.0$/g, '') + '+' + simcol + sopacity.replace(/^1\.0$/g, '')));
//imagemid='none+';
imagemid='none' + fopacity.replace(/^1\.0$/g, '') + '+' + simcol + sopacity.replace(/^1\.0$/g, '');
} else if (theval == 'transparent') {
document.getElementById('myimage' + imageprevs).src=thenimagain(document.getElementById('myimage' + imageprevs).src.replace(imagemid, 'transparent' + fopacity.replace(/^1\.0$/g, '') + '+' + simcol + sopacity.replace(/^1\.0$/g, '')));
//imagemid='transparent+';
imagemid='transparent' + fopacity.replace(/^1\.0$/g, '') + '+' + simcol + sopacity.replace(/^1\.0$/g, '');
}
jmagemid=imageemid + lastimagesuffix;
break;
case 'iframeself':
if (theval == '') {
document.getElementById('myiframe' + iframeprevs).src=thenifagain(document.getElementById('myiframe' + iframeprevs).src.replace(iframemid, 'none' + mopacity.replace(/^1\.0$/g, '') + '+' + sifcol + topacity.replace(/^1\.0$/g, '')));
//iframemid='none+';
iframemid='none' + mopacity.replace(/^1\.0$/g, '') + '+' + sifcol + topacity.replace(/^1\.0$/g, '');
} else if (theval == 'transparent') {
document.getElementById('myiframe' + iframeprevs).src=thenifagain(document.getElementById('myiframe' + iframeprevs).src.replace(iframemid, 'transparent' + mopacity.replace(/^1\.0$/g, '') + '+' + sifcol + topacity.replace(/^1\.0$/g, '')));
//iframemid='transparent+';
iframemid='transparent' + mopacity.replace(/^1\.0$/g, '') + '+' + sifcol + topacity.replace(/^1\.0$/g, '');
}
jframemid=iframemid + lastiframesuffix;
break;
case 'imagesels': // stroke dropdown
if (theval == '') {
document.getElementById('myimage' + imageprevs).src=thenimagain(document.getElementById('myimage' + imageprevs).src.replace(imagemid, imagemid.split('+')[0] + '+' + 'none' + sopacity.replace(/^1\.0$/g, '')));
//imagemid='none+';
imagemid=imagemid.split('+')[0] + '+' + 'none' + sopacity.replace(/^1\.0$/g, '');
} else if (theval == 'transparent') {
document.getElementById('myimage' + imageprevs).src=thenimagain(document.getElementById('myimage' + imageprevs).src.replace(imagemid, imagemid.split('+')[0] + '+' + 'transparent' + sopacity.replace(/^1\.0$/g, '')));
//imagemid='transparent+';
imagemid=imagemid.split('+')[0] + '+' + 'transparent' + sopacity.replace(/^1\.0$/g, '');
}
jmagemid=imageemid + lastimagesuffix;
break;
case 'iframesels':
if (theval == '') {
document.getElementById('myiframe' + iframeprevs).src=thenifagain(document.getElementById('myiframe' + iframeprevs).src.replace(iframemid, iframemid.split('+')[0] + '+' + 'none' + topacity.replace(/^1\.0$/g, '')));
//iframemid='none+';
iframemid=iframemid.split('+')[0] + '+' + 'none' + topacity.replace(/^1\.0$/g, '');
} else if (theval == 'transparent') {
document.getElementById('myiframe' + iframeprevs).src=thenifagain(document.getElementById('myiframe' + iframeprevs).src.replace(iframemid, iframemid.split('+')[0] + '+' + 'transparent' + topacity.replace(/^1\.0$/g, '')));
//iframemid='transparent+';
iframemid=iframemid.split('+')[0] + '+' + 'transparent' + topacity.replace(/^1\.0$/g, '');
}
jframemid=iframemid + lastiframesuffix;
break;
case 'imagecpfo': // fill opacity
if (theval.trim().replace(/0/g,'').replace(/1/g,'').replace(/2/g,'').replace(/3/g,'').replace(/4/g,'').replace(/5/g,'').replace(/6/g,'').replace(/7/g,'').replace(/8/g,'').replace(/9/g,'').replace(/\./g,'') == '') {
if (fopacity != '') {
document.getElementById('myimage' + imageprevs).src=thenimagain(document.getElementById('myimage' + imageprevs).src.replace(imagemid, imagemid.replace(fopacity + '+','+')));
imagemid=imagemid.replace(fopacity + '+','+');
fopacity='';
} else if (fopacity == '') {
document.getElementById('myimage' + imageprevs).src=thenimagain(document.getElementById('myimage' + imageprevs).src.replace(imagemid, imagemid.replace('+', theval + '+')));
imagemid=imagemid.replace('+', theval + '+');
fopacity=theval;
} else {
document.getElementById('myimage' + imageprevs).src=thenimagain(document.getElementById('myimage' + imageprevs).src.replace(imagemid, imagemid.replace(fopacity + '+',theval + '+')));
imagemid=imagemid.replace(fopacity + '+',theval + '+');
fopacity=theval;
}
}
jmagemid=imagemid + lastimagesuffix;
break;
case 'iframecpfo':
if (theval.trim().replace(/0/g,'').replace(/1/g,'').replace(/2/g,'').replace(/3/g,'').replace(/4/g,'').replace(/5/g,'').replace(/6/g,'').replace(/7/g,'').replace(/8/g,'').replace(/9/g,'').replace(/\./g,'') == '') {
if (mopacity != '') {
document.getElementById('myiframe' + iframeprevs).src=thenifagain(document.getElementById('myiframe' + iframeprevs).src.replace(iframemid, iframemid.replace(mopacity + '+','+')));
iframemid=iframemid.replace(mopacity + '+','+');
mopacity='';
} else if (mopacity == '') {
document.getElementById('myiframe' + iframeprevs).src=thenifagain(document.getElementById('myiframe' + iframeprevs).src.replace(iframemid, iframemid.replace('+', theval + '+')));
iframemid=iframemid.replace('+', theval + '+');
mopacity=theval;
} else {
document.getElementById('myiframe' + iframeprevs).src=thenifagain(document.getElementById('myiframe' + iframeprevs).src.replace(iframemid, iframemid.replace(mopacity + '+',theval + '+')));
iframemid=iframemid.replace(mopacity + '+',theval + '+');
mopacity=theval;
}
}
jframemid=iframemid + lastiframesuffix;
break;
case 'imagecpso': // stroke opacity
if (theval.trim().replace(/0/g,'').replace(/1/g,'').replace(/2/g,'').replace(/3/g,'').replace(/4/g,'').replace(/5/g,'').replace(/6/g,'').replace(/7/g,'').replace(/8/g,'').replace(/9/g,'').replace(/\./g,'') == '') {
if (sopacity != '') {
document.getElementById('myimage' + imageprevs).src=thenimagain(document.getElementById('myimage' + imageprevs).src.replace(jmagemid, jmagemid.replace(sopacity + lastimagesuffix,lastimagesuffix)));
jmagemid=jmagemid.replace(sopacity + lastimagesuffix,lastimagesuffix);
sopacity='';
} else if (sopacity == '') {
document.getElementById('myimage' + imageprevs).src=thenimagain(document.getElementById('myimage' + imageprevs).src.replace(jmagemid, jmagemid.replace(lastimagesuffix.toUpperCase(), theval + lastimagesuffix.toUpperCase()).replace(lastimagesuffix, theval + lastimagesuffix)));
jmagemid=jmagemid.replace(lastimagesuffix, theval + lastimagesuffix);
sopacity=theval;
} else {
document.getElementById('myimage' + imageprevs).src=thenimagain(document.getElementById('myimage' + imageprevs).src.replace(jmagemid, jmagemid.replace(sopacity + lastimagesuffix.toUpperCase(),theval + lastimagesuffix.toUpperCase()).replace(sopacity + lastimagesuffix,theval + lastimagesuffix)));
jmagemid=jmagemid.replace(sopacity + lastimagesuffix,theval + lastimagesuffix);
sopacity=theval;
}
}
iframemid=jframemid.split(lastiframesuffix)[0].split(lastiframesuffix.toUpperCase())[0];
break;
case 'iframecpso':
if (theval.trim().replace(/0/g,'').replace(/1/g,'').replace(/2/g,'').replace(/3/g,'').replace(/4/g,'').replace(/5/g,'').replace(/6/g,'').replace(/7/g,'').replace(/8/g,'').replace(/9/g,'').replace(/\./g,'') == '') {
if (topacity != '') {
document.getElementById('myiframe' + iframeprevs).src=thenifagain(document.getElementById('myiframe' + iframeprevs).src.replace(jframemid, jframemid.replace(topacity + lastiframesuffix,lastiframesuffix)));
jframemid=jframemid.replace(topacity + lastiframesuffix,lastiframesuffix);
topacity='';
} else if (topacity == '') {
document.getElementById('myiframe' + iframeprevs).src=thenifagain(document.getElementById('myiframe' + iframeprevs).src.replace(jframemid, jframemid.replace(lastiframesuffix.toUpperCase(), theval + lastiframesuffix.toUpperCase()).replace(lastiframesuffix, theval + lastiframesuffix)));
jframemid=jframemid.replace(lastiframesuffix, theval + lastiframesuffix);
topacity=theval;
} else {
document.getElementById('myiframe' + iframeprevs).src=thenifagain(document.getElementById('myiframe' + iframeprevs).src.replace(jframemid, jframemid.replace(topacity + lastiframesuffix.toUpperCase(),theval + lastiframesuffix.toUpperCase()).replace(topacity + lastiframesuffix,theval + lastiframesuffix)));
jframemid=jframemid.replace(topacity + lastiframesuffix,theval + lastiframesuffix);
topacity=theval;
}
}
imagemid=jmagemid.split(lastimagesuffix)[0].split(lastimagesuffix.toUpperCase())[0];
break;
case 'imagecpf': // fill colour
if (theval.trim() != '') {
if (document.getElementById('imageself').value == ' ') {
document.getElementById('myimage' + imageprevs).src=thenimagain(document.getElementById('myimage' + imageprevs).src.replace(imagemid, theval.replace('#','') + fopacity.replace(/^1\.0$/g, '') + '+' + simcol + sopacity.replace(/^1\.0$/g, '')));
oselinvo.setAttribute('data-last', theval);
imagemid=theval.replace('#','') + fopacity.replace(/^1\.0$/g, '') + '+' + simcol + sopacity.replace(/^1\.0$/g, '');
} else {
oselinvo.value=oselinv.getAttribute('data-last');
}
}
jmagemid=imagemid + lastimagesuffix;
break;
case 'iframecpf':
if (theval.trim() != '') {
//alert(document.getElementById('myiframe').src + ' becomes ' + document.getElementById('myiframe').src.replace(iframemid, theval.replace('#','')));
if (document.getElementById('iframeself').value == ' ') {
document.getElementById('myiframe' + iframeprevs).src=thenifagain(document.getElementById('myiframe' + iframeprevs).src.replace(iframemid, theval.replace('#','') + mopacity.replace(/^1\.0$/g, '') + '+' + sifcol + topacity.replace(/^1\.0$/g, '')));
oselinvo.setAttribute('data-last', theval);
iframemid=theval.replace('#','') + mopacity.replace(/^1\.0$/g, '') + '+' + sifcol + topacity.replace(/^1\.0$/g, '');
} else {
oselinvo.value=oselinv.getAttribute('data-last');
}
}
jframemid=iframemid + lastiframesuffix;
break;
case 'imagecps': // stroke colour
if (theval != '') {
document.getElementById('myimage' + imageprevs).src=thenimagain(document.getElementById('myimage' + imageprevs).src.replace(imagemid, imagemid.split('+')[0] + '+' + theval.replace('#','') + sopacity.replace(/^1\.0$/g, '')));
simcol=theval.replace('#','');
imagemid=imagemid.split('+')[0] + '+' + simcol + sopacity.replace(/^1\.0$/g, '');
}
jmagemid=imagemid + lastimagesuffix;
break;
case 'iframecps':
if (theval != '') {
document.getElementById('myiframe' + iframeprevs).src=thenifagain(document.getElementById('myiframe' + iframeprevs).src.replace(iframemid, iframemid.split('+')[0] + '+' + theval.replace('#','') + topacity.replace(/^1\.0$/g, '')));
sifcol=theval.replace('#','');
iframemid=iframemid.split('+')[0] + '+' + sifcol + topacity.replace(/^1\.0$/g, '');
}
jframemid=iframemid + lastiframesuffix;
break;
default:
break;
}
}
function onl() {
var thimagesel='<select style=background-color:yellow; id=thimagesel onchange=drawvia(this);><option id=thimageopt value="">Image</option></select>';
var thiframesel=thimagesel.replace(/mage/g, 'frame');
thimagesel=thimagesel.replace('>Image<', '>Image ... showing bezier above<');
var arrs=shapeopts.split(',');
for (var i=0; i<arrs.length; i++) {
if (arrs[i].toLowerCase() != 'image') {
thimagesel=thimagesel.replace('</select>', '<option value=' + arrs[i] + '>' + arrs[i] + '</option></select>');
if (document.getElementById('myimage').src.indexOf(arrs[i]) != -1 && thimagesel.indexOf('>Image<') != -1) {
thimageesel=thimagesel.replace('>Image<', '>Image ... showing ' + arrs[i] + ' above<');
lastimagesuffix=arrs[i];
}
}
thiframesel=thiframesel.replace('</select>', '<option value=' + arrs[i] + '>' + arrs[i].replace('iMage','video').replace('imAge','audio') + '</option></select>');
if (document.getElementById('myiframe').src.indexOf(arrs[i]) != -1 && thiframesel.indexOf('>Iframe<') != -1) {
thiframesel=thiframesel.replace('>Iframe<', '>Iframe ... showing ' + arrs[i].replace('iMage','video').replace('imAge','audio') + ' above<');
lastiframesuffix=arrs[i].toLowerCase();
}
}
document.getElementById('thimage').innerHTML=thimagesel + thimageextras;
document.getElementById('thiframe').innerHTML=thiframesel + thiframeextras;
snapshotoh='<html><head>' + document.head.innerHTML + '</head>' + document.body.outerHTML + '</html>';
if (1 == 2) { document.getElementById('iframew').focus(); }
}
function tdit() {
document.getElementById('tdimg').innerHTML=document.getElementById('myimage').src;
document.getElementById('tdif').innerHTML=document.getElementById('myiframe').src;
var huhf='' + document.activeElement.id;
if (huhf.indexOf('image') != -1) {
lastfocus=huhf;
} else if (huhf.indexOf('iframe') != -1) {
lastfocus=huhf;
}
if (document.getElementById('result').innerHTML != '') {
document.getElementById('hones').innerHTML='';
document.getElementById('hones').innerHTML='<iframe class="spag" scrolling="no" data-onload="iifopen(this);" id="cbi" frameborder="0" style="width:173px;height:218px;margin-top:-204px;" src="/HTMLCSS/client_browsing.htm?d=312160562686&wording=Allimages%20images%2E%20"></iframe>';
if (lastfocus.indexOf('iframe') != -1) {
document.getElementById('tdright').title=document.getElementById('result').innerHTML.split('data:')[1].substring(0,1).toUpperCase() + document.getElementById('result').innerHTML.split('data:')[1].substring(1).split('/')[0] + ' referenced is ' + document.getElementById('audioname').value;
document.getElementById('existtemporarily').value=document.getElementById('result').innerHTML;
document.body.style.cursor='progress';
if (document.getElementById('result').innerHTML.split('data:')[1].substring(0,1).toUpperCase() + document.getElementById('result').innerHTML.split('data:')[1].substring(1).split('/')[0] == 'Image') {
setTimeout(intwenty, 20000);
typeeq='';
} else {
typeeq=' type="' + document.getElementById('result').innerHTML.split('data:')[1].split(';')[0] + '" ';
}
document.getElementById('result').innerHTML='';
document.getElementById('mysubbut').click();
} else if (lastfocus.indexOf('image') != -1) {
document.getElementById('tdleft').title=document.getElementById('result').innerHTML.split('data:')[1].substring(0,1).toUpperCase() + document.getElementById('result').innerHTML.split('data:')[1].substring(1).split('/')[0] + ' referenced is ' + document.getElementById('audioname').value;
document.getElementById('existtemporarily').value=document.getElementById('result').innerHTML;
document.body.style.cursor='progress';
if (document.getElementById('result').innerHTML.split('data:')[1].substring(0,1).toUpperCase() + document.getElementById('result').innerHTML.split('data:')[1].substring(1).split('/')[0] == 'Image') {
setTimeout(intwenty, 20000);
typeeq='';
} else {
typeeq=' type="' + document.getElementById('result').innerHTML.split('data:')[1].split(';')[0] + '" ';
}
document.getElementById('result').innerHTML='';
document.getElementById('mysubbut').click();
}
} else if (document.getElementById('resultav').innerHTML != '') {
document.getElementById('hones').innerHTML='';
document.getElementById('hones').innerHTML='<iframe class="spag" scrolling="no" data-onload="iifopen(this);" id="cbi" frameborder="0" style="width:173px;height:218px;margin-top:-204px;" src="/HTMLCSS/client_browsing.htm?d=312160562686&wording=Allimages%20images%2E%20"></iframe>';
if (lastfocus.indexOf('iframe') != -1 || lastfocus.indexOf('image') != -1) {
document.getElementById('tdright').title=document.getElementById('resultav').innerHTML.split('data:')[1].substring(0,1).toUpperCase() + document.getElementById('resultav').innerHTML.split('data:')[1].substring(1).split('/')[0] + ' referenced is ' + document.getElementById('audioname').value;
document.getElementById('existtemporarily').value=document.getElementById('resultav').innerHTML;
document.body.style.cursor='progress';
if (document.getElementById('resultav').innerHTML.split('data:')[1].substring(0,1).toUpperCase() + document.getElementById('resultav').innerHTML.split('data:')[1].substring(1).split('/')[0] == 'Image') {
setTimeout(intwenty, 20000);
typeeq='';
} else {
typeeq=' type="' + document.getElementById('resultav').innerHTML.split('data:')[1].split(';')[0] + '" ';
}
document.getElementById('resultav').innerHTML='';
document.getElementById('mysubbut').click();
} else if (lastfocus.indexOf('image') != -1) {
document.getElementById('tdleft').title=document.getElementById('resultav').innerHTML.split('data:')[1].substring(0,1).toUpperCase() + document.getElementById('resultav').innerHTML.split('data:')[1].substring(1).split('/')[0] + ' referenced is ' + document.getElementById('audioname').value;
document.getElementById('existtemporarily').value=document.getElementById('resultav').innerHTML;
document.body.style.cursor='progress';
if (document.getElementById('resultav').innerHTML.split('data:')[1].substring(0,1).toUpperCase() + document.getElementById('resultav').innerHTML.split('data:')[1].substring(1).split('/')[0] == 'Image') {
setTimeout(intwenty, 20000);
typeeq='';
} else {
typeeq=' type="' + document.getElementById('resultav').innerHTML.split('data:')[1].split(';')[0] + '" ';
}
document.getElementById('resultav').innerHTML='';
document.getElementById('mysubbut').click();
}
} else if (document.getElementById('thewords').value.toLowerCase().indexOf('.pdf') != -1) {
document.getElementById('thewords').value='';
document.getElementById('hones').innerHTML='';
document.getElementById('hones').innerHTML='<iframe class="spag" scrolling="no" data-onload="iifopen(this);" id="cbi" frameborder="0" style="width:173px;height:218px;margin-top:-204px;" src="/HTMLCSS/client_browsing.htm?d=312160562686&wording=Allimages%20images%2E%20"></iframe>';
}
}
function windowopen(purl, pway) {
bigwo.push(window.open('','_blank'));
if (imageoverlay && iframeoverlay) {
bigwo[eval(-1 + bigwo.length)].document.write(snapshotoh.replace(' id="my' + 'iframe" style="',' id="my' + 'iframe" style="visibility:hidden;').replace(' id="my' + 'image" style="',' id="my' + 'image" style="visibility:hidden;').replace(' id="do' + 'verlay">', ' id="do' + 'verlay">' + document.getElementById('doverlay').innerHTML));
} else if (imageoverlay) {
bigwo[eval(-1 + bigwo.length)].document.write(snapshotoh.replace(' id="my' + 'ifrXame" style="',' id="my' + 'ifrXame" style="visibility:hidden;').replace(' id="my' + 'image" style="',' id="my' + 'image" style="visibility:hidden;').replace(' id="do' + 'verlay">', ' id="do' + 'verlay">' + document.getElementById('doverlay').innerHTML));
} else if (iframeoverlay) {
bigwo[eval(-1 + bigwo.length)].document.write(snapshotoh.replace(' id="my' + 'iframe" style="',' id="my' + 'iframe" style="visibility:hidden;').replace(' id="my' + 'imaXge" style="',' id="my' + 'imXage" style="visibility:hidden;').replace(' id="do' + 'verlay">', ' id="do' + 'verlay">' + document.getElementById('doverlay').innerHTML));
} else {
bigwo[eval(-1 + bigwo.length)].document.write('<html><head>' + document.head.innerHTML + '</head>' + document.body.outerHTML + '</html>');
}
}
function notwotwo() {
return '';
}
function maybepost() {
if (document.getElementById('existtemporarily').value.indexOf('image/') != -1) { return true; }
if (lastfocus.indexOf('iframe') != -1 || lastfocus.indexOf('image') != -1) {
imagestring='data:';
equalsr=encodeURIComponent(imagestring);
equalsrif=encodeURIComponent(imagestring);
if (document.getElementById('existtemporarily').value.indexOf('audio/') != -1) {
document.getElementById('myiframe' + iframeprevs).src=thenifagain(document.getElementById('myiframe' + iframeprevs).src.replace(lastiframesuffix.toUpperCase(), 'image').replace(lastiframesuffix, 'image')).split('=')[0] + '=' + maybenoifshadows(encodeURIComponent(imagestring)); //equalsrif;
document.getElementById('myiframe' + iframeprevs).srcdoc='<html><body style="opacity:0.2;width:' + ififw + 'px;height:' + ififh + 'px;"><audio controls="true" loop="true" muted="true" crossorigin="anonymous"><source' + typeeq + ' src="' + document.getElementById('existtemporarily').value.split('#audio')[0] + '"></source></audio></body></html>';
document.getElementById('thiframeopt').innerText='Iframe ... showing audio above';
document.getElementById('seliframeoverlay').value='overlay';
} else if (document.getElementById('existtemporarily').value.indexOf('video/') != -1) {
document.getElementById('myiframe' + iframeprevs).src=thenifagain(document.getElementById('myiframe' + iframeprevs).src.replace(lastiframesuffix.toUpperCase(), 'image').replace(lastiframesuffix, 'image')).split('=')[0] + '=' + maybenoifshadows(encodeURIComponent(imagestring)); //equalsrif;
document.getElementById('myiframe' + iframeprevs).srcdoc='<html><body style="opacity:0.8;width:' + ififw + 'px;height:' + ififh + 'px;"><video controls="true" height="90%" width="90%" autoplay="true" loop="true" muted="true" crossorigin="anonymous"><source' + typeeq + ' src="' + document.getElementById('existtemporarily').value.split('#video')[0] + '"></source></video></body></html>';
document.getElementById('thiframeopt').innerText='Iframe ... showing video above';
document.getElementById('seliframeoverlay').value='overlay';
}
imagestring='';
lastiframesuffix='image';
document.getElementById('thiframesel').value='';
}
document.body.style.cursor='pointer';
return false;
}
setInterval(tdit, 4000);
</script>
<style>
th td { background-color:transparent; overflow:visible; }
</style>
</head>
<body onload="onl();">
<h1 ondblclick="windowopen(this.innerHTML,'_blank');">Show <select id=myselanim><option value=' '>Shadowed</option><option value='UPPERCASE'>Animated and Shadowed</option><option value='uppercase'>Animated</option><option value=''>Some</option></select> Shapes <span id=hones onclick="document.getElementById('cbi').style.display='none';"><iframe class="spag" scrolling="no" data-onload="iifopen(this);" id="cbi" frameborder="0" style="width:173px;height:218px;margin-top:-204px;" src="/HTMLCSS/client_browsing.htm?d=312160562686&wording=Allimages%20images%2E%20"></iframe></span></h1>
<h3>RJM Programming - October, 2023</h3>
<table border=50 style=width:98%;background-color:transparent;overflow:visible;>
<tr><td id=tdleft>
<img title="Click for new window version or right click showing overlays" oncontextmenu="windowopen(this.src,'_blank');" onclick="window.open(this.src,'_blank');" id="myimage" style="width:334px;height:334px;background-color:transparent;overflow:visible;" src='//www.rjmprogramming.com.au/ITblog/334/334/?svg00ff00+bezier=+y'></img>
<span id=tdimg style=display:none;></span></td>
<td id=tdright oncontextmenu="window.open(document.getElementById('myiframe' + iframelasts).src,'_blank');" onclick="window.open(document.getElementById('myiframe' + iframelasts).src,'_blank');">
<iframe scrolling="no" title="Click for new window version or right click showing overlays" oncontextmenu="window.open(this.src,'_blank');" onclick="window.open(this.src,'_blank');" id="myiframe" style="width:334px;height:334px;background-color:transparent;overflow:visible;" frameborder=0 src='//www.rjmprogramming.com.au/ITblog/334/334/?svg0000ff+circle=+y'></iframe>
<span id=tdif style=display:none;></span></td></tr>
<tr><th id=thimage style="width:50%;">Image</th><th id=thiframe>Iframe</th></tr>
</table>
<div id="doverlay"></div>
<div id="result" style=display:none;></div>
<div id="resultav" style=display:none;></div>
<div id="videoag" style=display:none;></div>
<input type=hidden id="audioname" style=display:none; value=''></input>
<input type=hidden id="outputname" style=display:none; value=''></input>
<input type=hidden id="cto" style=display:none; value=''></input>
<input type=hidden id="thewords" style=display:none; value=''></input>
<input type=hidden id="saysub" style=display:none; value=''></input>
<form onsubmit="return maybepost();" method=POST style=display:none; target=ifstyle action=//www.rjmprogramming.com.au/PHP/fgc/index.php>
<input name=existtemporarily id=existtemporarily value='' type=hidden></input>
<input type=submit style=display:none; value=Write id=mysubbut></input>
</form>
<iframe name=ifstyle id=ifstyle src='//www.rjmprogramming.com.au/PHP/fgc/index.php' style=display:none;></iframe>
</body>
</html>