ua1zbe
/
rdz_ttgo_sonde
mirror of https://github.com/oh3bsg/rdz_ttgo_sonde
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

load iframes only when visible

This commit is contained in:
Hansi, dl9rdz 2019-05-22 11:36:58 +02:00
parent 6c02e32e18
commit 7c238ccc1d
1 changed files with 16 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
RX_FSK/data/index.html
View File

@ -34,12 +34,12 @@
<iframe src="wifi.html" style="border:none;" width="100%%" height="100%%"></iframe> <iframe src="wifi.html" style="border:none;" width="100%%" height="100%%"></iframe>
</div> </div>
<div id="Data" class="tabcontent"> <div id="Data" class="tabcontent" data-src="status.html">
<h3>Data</h3> <h3>Data</h3>
<iframe src="status.html" style="border:none;" width="100%%" height="100%%"></iframe> <iframe src="status.html" style="border:none;" width="100%%" height="100%%"></iframe>
</div> </div>
<div id="SondeMap" class="tabcontent"> <div id="SondeMap" class="tabcontent" data-src="https://wx.dl2mf.de/#?">
<iframe src="https://wx.dl2mf.de/#?" style="border:none;" width="98%%" height="98%%"></iframe> <iframe src="https://wx.dl2mf.de/#?" style="border:none;" width="98%%" height="98%%"></iframe>
</div> </div>
@ -74,13 +74,25 @@ function selTab(evt, id) {
tabcontent=document.getElementsByClassName("tabcontent"); tabcontent=document.getElementsByClassName("tabcontent");
for(i=0; i<tabcontent.length; i++) { for(i=0; i<tabcontent.length; i++) {
tabcontent[i].style.display = "none"; tabcontent[i].style.display = "none";
var link = tabcontent[i].dataset.src;
if(link) {
var iframe = tabcontent[i].getElementsByTagName("iframe")[0];
iframe.setAttribute("src", "");
}
} }
tablinks=document.getElementsByClassName("tablinks"); tablinks=document.getElementsByClassName("tablinks");
for(i=0; i<tablinks.length; i++) { for(i=0; i<tablinks.length; i++) {
tablinks[i].className = tablinks[i].className.replace(" active", ""); tablinks[i].className = tablinks[i].className.replace(" active", "");
} }
document.getElementById(id).style.display = "block"; var act = document.getElementById(id);
act.style.display = "block";
evt.currentTarget.className += " active"; evt.currentTarget.className += " active";
var link = act.dataset.src;
if(link) {
var iframe = act.getElementsByTagName("iframe")[0];
iframe.setAttribute("src", link);
}
} }
document.getElementById("defaultTab").click(); document.getElementById("defaultTab").click();
</script> </script>