<!doctype html>
<html>
<head>
<title>Iframe Functionality Restrictions</title>
<script type='text/javascript'>
var tdstoreis='';

function tdstore() {
tdstoreis=document.getElementById('tdsandbox').innerHTML;
}

function tdchange(tv) {
tdstoreis=tdstoreis.replace(' sandbox="', ' sandbox="' + tv + ' ');
document.getElementById('tdsandbox').innerHTML=tdstoreis;
document.title+=' ' + tv;
document.getElementById('myh1').innerHTML+=' ' + tv;
}

</script>
</head>
<body onload='tdstore();'>
<h1 id='myh1'>Iframe Functionality Restrictions</h1>
<h3>RJM Programming</h3>
<h3>March, 2019</h3>
<table style='width:100%;' border=10>
<tr><th id='thsandbox'><a target=_blank title='Iframe Sandbox Attribute information from W3schools' href='//www.w3schools.com/tags/att_iframe_sandbox.asp'>Sandbox</a> <select onchange=' tdchange(this.value); '>
<option value=''>Applies all restrictions</option>
<option value='allow-forms'>Re-enables form submission</option>
<option value='allow-pointer-lock'>Re-enables APIs</option>
<option value='allow-popups'>Re-enables popups</option>
<option value='allow-same-origin'>Allows the iframe content to be treated as being from the same origin</option>
<option value='allow-scripts'>Re-enables scripts</option>
<option value='allow-top-navigation'>Allows the iframe content to navigate its top-level browsing context</option>
</select></th><th id='thnosandbox'><a onclick="alert('No sandbox attribute used on this iframe allows the dynamic Javascript to be run and no other sandbox restrictions to happen.');" style="text-decoration:underline;cursor:pointer;">Not Sandbox</a>
</th></tr>
<tr><td id='tdsandbox'><iframe id='ifsandbox' style='width:100%;height:1200px;' src="//www.rjmprogramming.com.au/Contact_Us.html" sandbox=""></iframe></td><td id='tdnosandbox'><iframe style='width:100%;height:1200px;' src="//www.rjmprogramming.com.au/Contact_Us.html"></iframe></td></tr>
</table>
</body>
</html>