|
<!DOCTYPE html> |
|
<html> |
|
<head> |
|
<title>Just A Test</title> |
|
<style> |
|
body: { |
|
background-color: white; |
|
} |
|
</style> |
|
<script> |
|
function handleFileSelect(event) { |
|
const file = event.target.files[0]; |
|
const reader = new FileReader(); |
|
|
|
reader.onload = function(e) { |
|
const htmlContent = e.target.result; |
|
const iframe = document.getElementById('output'); |
|
iframe.srcdoc = htmlContent; |
|
}; |
|
|
|
reader.readAsText(file); |
|
} |
|
function toggleFullscreen() { |
|
var iframe = document.getElementById('output'); |
|
|
|
if (iframe.requestFullscreen) { |
|
if (document.fullscreenElement) { |
|
document.exitFullscreen(); |
|
} else { |
|
iframe.requestFullscreen(); |
|
} |
|
} else if (iframe.mozRequestFullScreen) { |
|
if (document.mozFullScreenElement) { |
|
document.mozCancelFullScreen(); |
|
} else { |
|
iframe.mozRequestFullScreen(); |
|
} |
|
} else if (iframe.webkitRequestFullscreen) { |
|
if (document.webkitFullscreenElement) { |
|
document.webkitExitFullscreen(); |
|
} else { |
|
iframe.webkitRequestFullscreen(); |
|
} |
|
} else if (iframe.msRequestFullscreen) { |
|
if (document.msFullscreenElement) { |
|
document.msExitFullscreen(); |
|
} else { |
|
iframe.msRequestFullscreen(); |
|
} |
|
} |
|
} |
|
|
|
</script> |
|
</head> |
|
<body> |
|
<h1>Upload and Run HTML File</h1> |
|
<p> |
|
(If it isn't working press TAB) |
|
</p> |
|
<input type="file" accept=".html" onchange="handleFileSelect(event)"><br><button onclick="toggleFullscreen()">Toggle Fullscreen</button> |
|
|
|
<br> |
|
<iframe id="output" width="100%" height="1000px"></iframe> |
|
</body> |
|
<script> |
|
document.querySelector('#fileInput').addEventListener('change', handleFile,false) |
|
|
|
function handleFile(e){ |
|
var reader = new FileReader; |
|
var file = e.target.files[0] |
|
|
|
reader.onload = function(e){ |
|
var csv = e.target.result |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
reader.readAsText(file); |
|
} |
|
</script> |
|
</html> |
|
|
|
|
|
|
|
|
