<html>
<head>
<title>Image Flipping or Flopping at Speed - RJM Programming - June, 2025</title>
<meta charset='UTF-8'/>
<style>
// |=. !=:
.http!//www.rjmprogramming.com.au/Android/NalaLuna|jpg {
-webkit-animation: fliporflop 18s ease-out infinite;
-moz-animation: fliporflop 18s ease-out infinite;
animation: fliporflop 18s ease-out infinite;
}
@keyframes fliporflop {
from {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
to {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
}
#myimg {
border-radius: 0px;
z-index: 2;
}
#tdright {
vertical-align: top;
z-index: -2;
}
</style>
<script type='text/javascript'>
var imgo=null;
var iw=0, ih=0;
var showax=(location.search + ('' + location.hash).replace(/^null/g,'').replace(/^undefined/g,'').replace(/^\#/g,'&')).split('axis=')[1] ? ((decodeURIComponent((location.search + ('' + location.hash).replace(/^null/g,'').replace(/^undefined/g,'').replace(/^\#/g,'&')).split('axis=')[1].split('&')[0])).toLowerCase().indexOf('y') == 0 ? true : false) : true;
var brad=(location.search + ('' + location.hash).replace(/^null/g,'').replace(/^undefined/g,'').replace(/^\#/g,'&')).split('radius=')[1] ? ((decodeURIComponent((location.search + ('' + location.hash).replace(/^null/g,'').replace(/^undefined/g,'').replace(/^\#/g,'&')).split('radius=')[1].split('&')[0])).toLowerCase().length == 0 ? "0" : ('' + decodeURIComponent((location.search + ('' + location.hash).replace(/^null/g,'').replace(/^undefined/g,'').replace(/^\#/g,'&')).split('radius=')[1].split('&')[0]))) : "0";
var sxis=1.0, syis=0.0;
var rpm=(location.search + ('' + location.hash).replace(/^null/g,'').replace(/^undefined/g,'').replace(/^\#/g,'&')).split('rpm=')[1] ? ((decodeURIComponent((location.search + ('' + location.hash).replace(/^null/g,'').replace(/^undefined/g,'').replace(/^\#/g,'&')).split('rpm=')[1].split('&')[0])).toLowerCase().length == 0 ? eval(300 / 10) : eval('' + decodeURIComponent((location.search + ('' + location.hash).replace(/^null/g,'').replace(/^undefined/g,'').replace(/^\#/g,'&')).split('rpm=')[1].split('&')[0]))) : eval(300 / 10);
var tis=(location.search + ('' + location.hash).replace(/^null/g,'').replace(/^undefined/g,'').replace(/^\#/g,'&')).split('transform=')[1] ? ((decodeURIComponent((location.search + ('' + location.hash).replace(/^null/g,'').replace(/^undefined/g,'').replace(/^\#/g,'&')).split('transform=')[1].split('&')[0])).toLowerCase().length == 0 ? 'flip' : decodeURIComponent('' + decodeURIComponent((location.search + ('' + location.hash).replace(/^null/g,'').replace(/^undefined/g,'').replace(/^\#/g,'&')).split('transform=')[1].split('&')[0]))).toLowerCase() : 'flip';
var isecs=eval(30 / rpm); // 0.1;
var imagedurl='';
var theimgurl=(location.search + ('' + location.hash).replace(/^null/g,'').replace(/^undefined/g,'').replace(/^\#/g,'&')).split('url=')[1] ? ((decodeURIComponent((location.search + ('' + location.hash).replace(/^null/g,'').replace(/^undefined/g,'').replace(/^\#/g,'&')).split('url=')[1].split('&')[0])).toLowerCase().length == 0 ? 'http://www.rjmprogramming.com.au/Android/NalaLuna.jpg' : ('' + decodeURIComponent((location.search + ('' + location.hash).replace(/^null/g,'').replace(/^undefined/g,'').replace(/^\#/g,'&')).split('url=')[1].split('&')[0])).replace(/\ /g,'+')) : 'http://www.rjmprogramming.com.au/Android/NalaLuna.jpg';
var theclass=theimgurl.slice(-96).replace(/\:/g,'!').replace(/\./g,'|'); //'http!//www.rjmprogramming.com.au/Android/NalaLuna|jpg';
var dcbi='', started=false, ffnum=0;
var flipflops=['scaleX(1) scaleY(1)','scaleX(-1) scaleY(1)','scaleX(-1) scaleY(-1)','scaleX(1) scaleY(-1)'];
var flopflips=['scaleX(1) scaleY(1)','scaleX(1) scaleY(-1)','scaleX(-1) scaleY(-1)','scaleX(-1) scaleY(1)'];
function constructahref() {
var phrefis=document.URL.split('?')[0].split('#')[0];
phrefis+='?radius=' + encodeURIComponent('' + brad) + '&rpm=' + encodeURIComponent('' + rpm) + '&transform=' + encodeURIComponent(document.getElementById('sforf').value) + '&axis=' + (showax == true ? 'y' : 'n') + '&#url=' + (theimgurl == 'http://www.rjmprogramming.com.au/Android/NalaLuna.jpg' ? '' : encodeURIComponent(document.getElementById('myimg').src));
return phrefis;
}
function doemail() {
var anchor=null;
var emis=prompt('Please enter email address to send to.', '');
if (emis == null) { emis=''; }
if (emis.indexOf('@') != -1) {
anchor = document.createElement('a');
anchor.href = 'mailto:' + emis.trim() + '?subject=My%20Flip%20or%20Flop&body=' + encodeURIComponent(constructahref());
anchor.style.display='none';
document.body.appendChild(anchor);
anchor.innerHTML='Email';
anchor.target='_top';
anchor.click();
} else if (emis.trim() != '' && emis.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,'') == '') {
anchor = document.createElement('a');
anchor.href = 'sms:' + emis.trim() + '&body=' + encodeURIComponent(constructahref());
anchor.style.display='none';
anchor.innerHTML='SMS';
anchor.target='_top';
anchor.click();
}
}
function dosms(){
var anchor=null;
var emis=prompt('Please enter SMS number to send to.', '');
if (emis == null) { emis=''; }
if (emis.indexOf('@') != -1) {
anchor = document.createElement('a');
anchor.href = 'mailto:' + emis.trim() + '?subject=My%20Flip%20or%20Flop&body=' + encodeURIComponent(constructahref());
anchor.style.display='none';
document.body.appendChild(anchor);
anchor.innerHTML='Email';
anchor.target='_top';
anchor.click();
} else if (emis.trim() != '' && emis.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,'') == '') {
anchor = document.createElement('a');
anchor.href = 'sms:' + emis.trim() + '&body=' + encodeURIComponent(constructahref());
anchor.style.display='none';
anchor.innerHTML='SMS';
anchor.target='_top';
anchor.click();
}
}
function doanim() {
if (Math.abs(sxis) > 0.5) {
sxis=eval(-1.0 * sxis);
imgo.style.transform='scaleX(' + sxis + ')';
} else if (Math.abs(syis) > 0.5) {
syis=eval(-1.0 * syis);
imgo.style.transform='scaleY(' + syis + ')';
} else if (Math.abs(sxis) > 0.0) {
imgo.style.transform=flipflops[ffnum];
if (flipflops[ffnum].indexOf('X(-') != -1) {
document.getElementById('myhr').style.left='0px';
document.getElementById('myhr').style.width='' + eval(10 + eval('' + Math.max(ih,iw))) + 'px';
//document.getElementById('myhr').style.height='20px';
document.getElementById('myhr').style.top='' + eval(eval('' + iw) / 2) + 'px';
document.getElementById('myhr').style.transformOrigin='' + eval(eval('' + eval(10 + eval('' + Math.max(ih,iw)))) / 2) + 'px 0px';
//document.getElementById('myhr').style.backgroundColor='black';
document.getElementById('myhr').style.transform='rotate(90deg)';
} else if (flipflops[ffnum].indexOf('Y(-') != -1) {
document.getElementById('myhr').style.left='0px';
document.getElementById('myhr').style.width='' + eval(30 + eval('' + Math.max(ih,iw))) + 'px';
//document.getElementById('myhr').style.height='20px';
document.getElementById('myhr').style.top='' + eval(eval('' + ih) / 2) + 'px';
document.getElementById('myhr').style.transformOrigin='' + eval(eval('' + eval(10 + eval('' + Math.max(ih,iw)))) / 2) + 'px 0px'; // + eval(eval('' + eval(10 + eval('' + iw))) / 2) + 'px';
//document.getElementById('myhr').style.backgroundColor='black';
document.getElementById('myhr').style.transform='rotate(0deg)';
}
ffnum++;
if (ffnum >= eval('' + flipflops.length)) { ffnum=0; }
} else if (Math.abs(syis) > 0.0) {
imgo.style.transform=flopflips[ffnum];
if (flopflips[ffnum].indexOf('X(-') != -1) {
document.getElementById('myhr').style.left='0px';
document.getElementById('myhr').style.width='' + eval(10 + eval('' + Math.max(ih,iw))) + 'px';
//document.getElementById('myhr').style.height='20px';
document.getElementById('myhr').style.top='' + eval(eval('' + iw) / 2) + 'px';
document.getElementById('myhr').style.transformOrigin='' + eval(eval('' + eval(10 + eval('' + Math.max(ih,iw)))) / 2) + 'px 0px';
//document.getElementById('myhr').style.backgroundColor='black';
document.getElementById('myhr').style.transform='rotate(90deg)';
} else if (flopflips[ffnum].indexOf('Y(-') != -1) {
document.getElementById('myhr').style.left='0px';
document.getElementById('myhr').style.width='' + eval(30 + eval('' + Math.max(ih,iw))) + 'px';
//document.getElementById('myhr').style.height='20px';
document.getElementById('myhr').style.top='' + eval(eval('' + ih) / 2) + 'px';
document.getElementById('myhr').style.transformOrigin='' + eval(eval('' + eval(10 + eval('' + Math.max(ih,iw)))) / 2) + 'px 0px'; // + eval(eval('' + eval(10 + eval('' + iw))) / 2) + 'px';
//document.getElementById('myhr').style.backgroundColor='black';
document.getElementById('myhr').style.transform='rotate(0deg)';
}
ffnum++;
if (ffnum >= eval('' + flopflips.length)) { ffnum=0; }
}
setTimeout(doanim, Math.round(isecs * 1000));
}
function startanim(isio) {
imgo=isio;
iw=imgo.width;
ih=imgo.height;
if (!started) {
setTimeout(doanim, Math.round(isecs * 1000));
}
started=true;
var rectone=document.getElementById('rpm').getBoundingClientRect();
var recttwo=document.getElementById('imgurl').getBoundingClientRect();
var rectthree=document.getElementById('radius').getBoundingClientRect();
document.getElementById('imgurl').style.width='' + eval(eval('' + rectone.right) - eval('' + recttwo.left)) + 'px';
document.getElementById('radius').style.width='' + eval(eval('' + rectone.right) - eval('' + rectthree.left)) + 'px';
if (dcbi == '') { dcbi=document.getElementById('divcbi').innerHTML; }
if (showax) {
document.getElementById('myhr').style.display='block';
} else {
document.getElementById('myhr').style.display='none';
}
document.getElementById('myhr').style.position='absolute';
document.getElementById('myhr').style.left='0px';
document.getElementById('myhr').style.width='' + eval(10 + eval('' + Math.max(ih,iw))) + 'px';
document.getElementById('myhr').style.height='20px';
document.getElementById('myhr').style.top='' + eval(eval('' + iw) / 2) + 'px';
document.getElementById('myhr').style.transformOrigin='' + eval(eval('' + eval(10 + eval('' + Math.max(ih,iw)))) / 2) + 'px 0px';
document.getElementById('myhr').style.backgroundColor='rgba(127,127,127,0.7)';
document.getElementById('myimg').style.zIndex='2';
document.getElementById('myimg').style.marginTop='5px';
document.getElementById('myimg').style.marginLeft='5px';
document.getElementById('tdleft').style.marginRight='5px';
//alert('' + iw + '.' + ih);
if (tis != 'flip') { changef(document.getElementById('sforf')); }
if (brad != '0') { brad='-999'; changeradius(document.getElementById('radius')); }
}
function changeurl(tbo) {
if (theimgurl != tbo.value && theimgurl.indexOf(tbo.value) == -1) {
theimgurl=tbo.value;
theclass=theimgurl.slice(-96).replace(/\:/g,'!').replace(/\./g,'|');
document.getElementById('myimg').src=theimgurl.replace(/^http\:/g,'').replace(/^https\:/g,'');
}
}
function changerpm(tbo) {
rpm=eval('' + tbo.value);
isecs=eval(30 / rpm);
}
function changeradius(tbo) {
if (eval('' + tbo.value) != brad) {
brad=('' + tbo.value);
document.getElementById('myimg').style.borderRadius='' + brad.trim().replace(/px$/g,'') + (brad.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(/px/g,'').trim() == '' ? 'px' : '');
}
}
function changef(tbo) {
if (tbo.value.toLowerCase() == 'flip') {
imgo.style.transform='scaleY(1)';
sxis=1.0,
syis=0.0;
document.getElementById('myhr').style.left='0px';
document.getElementById('myhr').style.width='' + eval(10 + eval('' + Math.max(ih,iw))) + 'px';
//document.getElementById('myhr').style.height='20px';
document.getElementById('myhr').style.top='' + eval(eval('' + iw) / 2) + 'px';
document.getElementById('myhr').style.transformOrigin='' + eval(eval('' + eval(10 + eval('' + Math.max(ih,iw)))) / 2) + 'px 0px';
//document.getElementById('myhr').style.backgroundColor='black';
document.getElementById('myhr').style.transform='rotate(90deg)';
} else if (tbo.value.toLowerCase() == 'flop') {
imgo.style.transform='scaleX(1)';
//alert('here');
sxis=0.0,
syis=1.0;
document.getElementById('myhr').style.left='0px';
document.getElementById('myhr').style.width='' + eval(30 + eval('' + Math.max(ih,iw))) + 'px';
//document.getElementById('myhr').style.height='20px';
document.getElementById('myhr').style.top='' + eval(eval('' + ih) / 2) + 'px';
document.getElementById('myhr').style.transformOrigin='' + eval(eval('' + eval(10 + eval('' + Math.max(ih,iw)))) / 2) + 'px 0px'; // + eval(eval('' + eval(10 + eval('' + iw))) / 2) + 'px';
//document.getElementById('myhr').style.backgroundColor='black';
document.getElementById('myhr').style.transform='rotate(0deg)';
} else if (tbo.value.toLowerCase() == 'flipflop') {
imgo.style.transform='scaleX(1)';
imgo.style.transform='scaleY(1)';
//alert('here');
sxis=0.1,
syis=0.0;
ffnum=0;
document.getElementById('myhr').style.left='0px';
document.getElementById('myhr').style.width='' + eval(10 + eval('' + Math.max(ih,iw))) + 'px';
//document.getElementById('myhr').style.height='20px';
document.getElementById('myhr').style.top='' + eval(eval('' + iw) / 2) + 'px';
document.getElementById('myhr').style.transformOrigin='' + eval(eval('' + eval(10 + eval('' + Math.max(ih,iw)))) / 2) + 'px 0px';
//document.getElementById('myhr').style.backgroundColor='black';
document.getElementById('myhr').style.transform='rotate(90deg)';
} else if (tbo.value.toLowerCase() == 'flopflip') {
imgo.style.transform='scaleX(1)';
imgo.style.transform='scaleY(1)';
//alert('here');
sxis=0.0,
syis=0.1;
ffnum=0;
document.getElementById('myhr').style.left='0px';
document.getElementById('myhr').style.width='' + eval(10 + eval('' + Math.max(ih,iw))) + 'px';
//document.getElementById('myhr').style.height='20px';
document.getElementById('myhr').style.top='' + eval(eval('' + iw) / 2) + 'px';
document.getElementById('myhr').style.transformOrigin='' + eval(eval('' + eval(10 + eval('' + Math.max(ih,iw)))) / 2) + 'px 0px';
//document.getElementById('myhr').style.backgroundColor='black';
document.getElementById('myhr').style.transform='rotate(90deg)';
}
}
function resultlook() {
if (document.getElementById('result').innerHTML != '') {
imagedurl=document.getElementById('result').innerHTML;
document.getElementById('result').innerHTML='';
theimgurl=imagedurl;
theclass=theimgurl.slice(-96).replace(/\:/g,'!').replace(/\./g,'|');
document.getElementById('myimg').src=imagedurl;
imgo=document.getElementById('myimg');
document.getElementById('myimg').className=theclass;
document.getElementById('imgurl').placeholder=imagedurl;
document.getElementById('imgurl').title=imagedurl;
document.getElementById('imgurl').value='';
imagedurl='';
document.getElementById('divcbi').innerHTML=dcbi;
}
}
function changeax(chko) {
if (chko.checked) {
document.getElementById('myhr').style.display='block';
showax=true;
} else {
document.getElementById('myhr').style.display='none';
showax=false;
}
}
setInterval(resultlook, 5000);
</script>
</head>
<body>
<table><tr><td id=tdleft>
<script type='text/javascript'>
var theusual=true;
if (window.parent) {
if (window.parent != window.self) {
theusual=false;
}
}
if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) {
document.write(('<img onload="startanim(this);" id=myimg class="' + theclass + '" src="' + ((theimgurl.indexOf('rjmprogramming.com.au') != -1 && document.URL.indexOf(':8888/') == -1) ? (theimgurl.split('rjmprogramming.com.au')[1]) : (theimgurl.indexOf('data:') == 0 ? theimgurl : theclass.replace(/\!/g,':').replace('http:','').replace('https:','').replace(/\|/g,'.'))) + '"></img></td><td id=tdright><h1>Image Flipping or Flopping at Speed</h1><h3>RJM Programming - June, 2025</h3><br><br><br>Transform <div id=divcbi style=display:inline-block;><iframe scrolling=no frameborder=0 id=cbi data-accept="image/*" style="width:163px;height:228px;margin-top:-204px;display:inline-block;background-color:transparent;" src="/HTMLCSS/client_browsing.htm?d=3121605626826&wording=Allimages%20images%2E%20"></iframe></div> <select size=4 onchange=changef(this); style=z-index:99; id=sforf><option value=flip>Flip </option><option value=flop>Flop </option><option value=flipflop>FlipFlop</option><option value=flopflip>FlopFlip</option></select><br><br>Revolutions per minute <input type=text onblur=changerpm(this); title="Revolutions per minute" id=rpm value="' + rpm + '"></input><br><br>Border radius in pixels <input type=text onblur=changeradius(this); title="Border radius in pixels" id=radius value="' + brad + '"></input><br><br>Show Axis <input id=axchk type=checkbox onchange=changeax(this); ' + (showax == true ? 'checked' : '') + '></input> <button onclick=" doemail(); " id="butemail">Email 📧</button> <button onclick=" dosms(); " id="butsms">SMS 📟</button><br><br>Image URL <input type=text onblur=changeurl(this); id=imgurl data-title="Image URL" title="' + theimgurl + '" placeholder="' + theimgurl + '" value="' + (theimgurl.indexOf('rjmprogramming.com.au') != -1 ? (theimgurl.split('rjmprogramming.com.au')[1]) : theimgurl) + '"></input>').replace('=' + tis + '>', '=' + tis + ' selected>'));
} else if (theusual && 1 == 7) {
document.write(('<img onload="startanim(this);" id=myimg class="' + theclass + '" src="' + ((theimgurl.indexOf('rjmprogramming.com.au') != -1 && document.URL.indexOf(':8888/') == -1) ? (theimgurl.split('rjmprogramming.com.au')[1]) : (theimgurl.indexOf('data:') == 0 ? theimgurl : theclass.replace(/\!/g,':').replace('http:','').replace('https:','').replace(/\|/g,'.'))) + '"></img></td><td id=tdright><h1>Image Flipping or Flopping at Speed</h1><h3>RJM Programming - June, 2025</h3><br><br><br>Transform <select size=4 onchange=changef(this); style=z-index:99; id=sforf><option value=flip>Flip </option><option value=flop>Flop </option><option value=flipflop>FlipFlop</option><option value=flopflip>FlopFlip</option></select> <div id=divcbi style=display:inline-block;><iframe scrolling=no frameborder=0 id=cbi data-accept="image/*" style="width:163px;height:228px;margin-top:-204px;display:inline-block;background-color:transparent;" src="/HTMLCSS/client_browsing.htm?d=3121605626826&wording=Allimages%20images%2E%20"></iframe></div><br><br>Revolutions per minute <input type=text onblur=changerpm(this); title="Revolutions per minute" id=rpm value="' + rpm + '"></input><br><br>Border radius in pixels <input type=text onblur=changeradius(this); title="Border radius in pixels" id=radius value="' + brad + '"></input><br><br>Show Axis <input id=axchk type=checkbox onchange=changeax(this); ' + (showax == true ? 'checked' : '') + '></input> <button onclick=" doemail(); " id="butemail">Email 📧</button> <button onclick=" dosms(); " id="butsms">SMS 📟</button><br><br>Image URL <input type=text onblur=changeurl(this); id=imgurl data-title="Image URL" title="' + theimgurl + '" placeholder="' + theimgurl + '" value="' + (theimgurl.indexOf('rjmprogramming.com.au') != -1 ? (theimgurl.split('rjmprogramming.com.au')[1]) : theimgurl) + '"></input>').replace('=' + tis + '>', '=' + tis + ' selected>'));
} else {
document.write(('<img onload="startanim(this);" id=myimg class="' + theclass + '" src="' + ((theimgurl.indexOf('rjmprogramming.com.au') != -1 && document.URL.indexOf(':8888/') == -1) ? (theimgurl.split('rjmprogramming.com.au')[1]) : (theimgurl.indexOf('data:') == 0 ? theimgurl : theclass.replace(/\!/g,':').replace('http:','').replace('https:','').replace(/\|/g,'.'))) + '"></img></td><td id=tdright><h1>Image Flipping or Flopping at Speed</h1><h3>RJM Programming - June, 2025</h3><br><br><br>Transform <div id=divcbi style=display:inline-block;><iframe scrolling=no frameborder=0 id=cbi data-accept="image/*" style="width:163px;height:228px;margin-top:-204px;display:inline-block;background-color:transparent;" src="/HTMLCSS/client_browsing.htm?d=3121605626826&wording=Allimages%20images%2E%20"></iframe></div> <select size=4 onchange=changef(this); style=z-index:99; id=sforf><option value=flip>Flip </option><option value=flop>Flop </option><option value=flipflop>FlipFlop</option><option value=flopflip>FlopFlip</option></select><br><br>Revolutions per minute <input type=text onblur=changerpm(this); title="Revolutions per minute" id=rpm value="' + rpm + '"></input><br><br>Border radius in pixels <input type=text onblur=changeradius(this); title="Border radius in pixels" id=radius value="' + brad + '"></input><br><br>Show Axis <input id=axchk type=checkbox onchange=changeax(this); ' + (showax == true ? 'checked' : '') + '></input> <button onclick=" doemail(); " id="butemail">Email 📧</button> <button onclick=" dosms(); " id="butsms">SMS 📟</button><br><br>Image URL <input type=text onblur=changeurl(this); id=imgurl data-title="Image URL" title="' + theimgurl + '" placeholder="' + theimgurl + '" value="' + (theimgurl.indexOf('rjmprogramming.com.au') != -1 ? (theimgurl.split('rjmprogramming.com.au')[1]) : theimgurl) + '"></input>').replace('=' + tis + '>', '=' + tis + ' selected>'));
}
</script>
</td>
</tr></table>
<div id=dstyle></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>
<hr id=myhr style=display:none;z-index:-1;transform:rotate(90deg);overflow:visible;></hr>
</body>
</html>