4d3
< <title>Maintaining Table Cell Dimensions With Zoomed Content - RJM Programming - May, 2018</title>
8,9c7
<      overflow: scroll;
<      -webkit-overflow-scrolling: touch;
---
>      overflow: hidden;
26c24
<     if (othis.innerHTML.indexOf('over' + 'flow') == -1) othis.innerHTML+='<div onclick="prefx=' + "'" + prefix + "';" + '" id="' + prefix + 'divhangman" style="background-color:white;overflow:scroll;-webkit-overflow-scrolling:touch;width:100%;height:100%;"></div>';
---
>     if (othis.innerHTML.indexOf('over' + 'flow') == -1) othis.innerHTML+='<div onclick="prefx=' + "'" + prefix + "';" + '" id="' + prefix + 'divhangman" style="background-color:white;overflow:hidden;width:100%;height:100%;"></div>';
29c27
<     document.getElementById(prefix + 'divhangman').innerHTML='<iframe onclick="prefx=' + "'" + prefix + "';" + '" style="-webkit-overflow-scrolling: touch;border:1px solid red;transform-origin: 0% 0%;transform:scale(' + document.getElementById('scale').value + '); -o-transform: scale(' + document.getElementById('scale').value + '); -moz-transform: scale(' + document.getElementById('scale').value + '); -ms-transform: scale(' + document.getElementById('scale').value + '); -webkit-transform:  scale(' + document.getElementById('scale').value + ');width:' + Math.floor(eval(eval(100.0 / document.getElementById('scale').value))) + '%;height:' + Math.floor(eval(eval(100.0 / document.getElementById('scale').value))) + '%;" id="' + prefix + 'ihangman" src="hangman_bg.html?curplayer=' + curplayer + '&tosolve=' + encodeURIComponent(swhatshort) + "&clue=" + encodeURIComponent(clue) + '"></iframe>';
---
>     document.getElementById(prefix + 'divhangman').innerHTML='<iframe onclick="prefx=' + "'" + prefix + "';" + '" style="border:1px solid red;transform-origin: 0% 0%;transform:scale(' + document.getElementById('scale').value + '); -o-transform: scale(' + document.getElementById('scale').value + '); -moz-transform: scale(' + document.getElementById('scale').value + '); -ms-transform: scale(' + document.getElementById('scale').value + '); -webkit-transform:  scale(' + document.getElementById('scale').value + ');width:' + Math.floor(eval(eval(100.0 / document.getElementById('scale').value) * myw)) + '%;height:' + Math.floor(eval(eval(100.0 / document.getElementById('scale').value) * myh)) + '%;" id="' + prefix + 'ihangman" src="hangman_bg.html?curplayer=' + curplayer + '&tosolve=' + encodeURIComponent(swhatshort) + "&clue=" + encodeURIComponent(clue) + '"></iframe>';
91,93c89,91
< <td title="Click me for content" onclick="load_zoomed_content('' + this.id,this);" id='ltd'></td>
< <td title="Click me for content" onclick="load_zoomed_content('' + this.id,this);" id='dhangman'></td>
< <td title="Click me for content" onclick="load_zoomed_content('' + this.id,this);" id='rtd'></td></tr>
---
> <td onclick="load_zoomed_content('' + this.id,this);" id='ltd'></td>
> <td onclick="load_zoomed_content('' + this.id,this);" id='dhangman'></td>
> <td onclick="load_zoomed_content('' + this.id,this);" id='rtd'></td></tr>
95,97c93,95
< <td title="Click me for content" onclick="load_zoomed_content('t7' + this.id,this);" style='background-color:red;'></td>
< <td title="Click me for content" onclick="load_zoomed_content('t8' + this.id,this);" style='background-color:yellow;'></td>
< <td title="Click me for content" onclick="load_zoomed_content('t9' + this.id,this);" style='background-color:green;'><div id=shangman style="display:none;">Score: 0/0</div><div id=score style="display:none;">Score: 0/0</div></td></tr>
---
> <td onclick="load_zoomed_content('t7' + this.id,this);" style='background-color:red;'></td>
> <td onclick="load_zoomed_content('t8' + this.id,this);" style='background-color:yellow;'></td>
> <td onclick="load_zoomed_content('t9' + this.id,this);" style='background-color:green;'><div id=shangman style="display:none;">Score: 0/0</div><div id=score style="display:none;">Score: 0/0</div></td></tr>