63 lines
1.8 KiB
HTML
63 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>ESP32 Web Server</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link rel="icon" href="data:,">
|
|
<link rel="stylesheet" type="text/css" href="style.css">
|
|
</head>
|
|
<body>
|
|
<h1>ESP32 Web Server</h1>
|
|
<!--
|
|
<p>GPIO state: <strong> %STATE%</strong></p>
|
|
<p><a href="/on"><button class="button">ON</button></a></p>
|
|
<p><a href="/off"><button class="button button2">OFF</button></a></p>
|
|
-->
|
|
|
|
<div class="tab">
|
|
<button class="tablinks" onclick="selTab(event,'QRG')" id="defaultTab">QRG</button>
|
|
<button class="tablinks" onclick="selTab(event,'WIFI')">WLAN</button>
|
|
<button class="tablinks" onclick="selTab(event,'Data')">Data</button>
|
|
<button class="tablinks" onclick="selTab(event,'About')">About</button>
|
|
</div>
|
|
|
|
<div id="QRG" class="tabcontent">
|
|
<h3> QRG</h3>
|
|
<iframe src="qrg.html" style="border:none;" width="100%%" height="100%%"></iframe>
|
|
</div>
|
|
|
|
<div id="WIFI" class="tabcontent">
|
|
<h3> WIFI</h3>
|
|
<iframe src="wifi.html" style="border:none;" width="100%%" height="100%%"></iframe>
|
|
</div>
|
|
|
|
<div id="Data" class="tabcontent">
|
|
<h3>Data</h3>
|
|
<iframe src="status.html" style="border:none;" width="100%%" height="100%%"></iframe>
|
|
</div>
|
|
|
|
<div id="About" class="tabcontent">
|
|
<h3>About</h3>
|
|
RDZSonde
|
|
</div>
|
|
|
|
<script>
|
|
function selTab(evt, id) {
|
|
var i, tabcontent, tablinks;
|
|
tabcontent=document.getElementsByClassName("tabcontent");
|
|
for(i=0; i<tabcontent.length; i++) {
|
|
tabcontent[i].style.display = "none";
|
|
}
|
|
tablinks=document.getElementsByClassName("tablinks");
|
|
for(i=0; i<tablinks.length; i++) {
|
|
tablinks[i].className = tablinks[i].className.replace(" active", "");
|
|
}
|
|
document.getElementById(id).style.display = "block";
|
|
evt.currentTarget.className += " active";
|
|
}
|
|
document.getElementById("defaultTab").click();
|
|
</script>
|
|
</body>
|
|
</html>
|
|
|