Всем привет.
В общем у меня есть кусок кода, он рабочий но вот гугл кричит что он не оптимизирован и почему то в мобильной версии из-за этого кода не грузится почему то css. Может можно как то оптимизировать это?
<div class="pleerbac">
<div class="tab">
<button class="tablinks active" onclick="openCity(event, 'mm1');update_iframe();update_iframe2();update_iframe3(); return false;"><span style="color: #f59c12;">Кнопка 1</span></button>
<button class="tablinks" onclick="openCity(event, 'mm2');update_iframe();update_iframe2();update_iframe3(); return false;"><span style="color: #f59c12;">Кнопка 2</span></button>
<button class="tablinks" onclick="openCity(event, 'mm3');update_iframe();update_iframe2();update_iframe3(); return false;"><span style="color: #f59c12;">Кнопка 3</span></button>
</div>
<div id="mm1" class="tabcontent active">
<div style="text-align:center;"><iframe id="FrameID1" allowfullscreen="" src="https://turksezon.com/playlist/745" width="100%" height="430" frameborder="0" scrolling="no"></iframe></div>
</div>
<div id="mm2" class="tabcontent">
<div style="text-align:center;"><iframe id="FrameID2" allowfullscreen="" src="https://turksezon.com/playlist/745" width="100%" height="430" frameborder="0" scrolling="no"></iframe></div>
</div>
<div id="mm3" class="tabcontent">
<div style="text-align:center;"><iframe id="FrameID3" allowfullscreen="" src="https://turksezon.com/playlist/745" width="100%" height="430" frameborder="0" scrolling="no"></iframe></div>
</div>
</div>
и сам JS
<script type="text/javascript">
function update_iframe(){
var iframe = document.getElementById('FrameID');
iframe.src = iframe.src;
}
function update_iframe2(){
var iframe = document.getElementById('FrameID2');
iframe.src = iframe.src;
}
function update_iframe3(){
var iframe = document.getElementById('FrameID3');
iframe.src = iframe.src;
}
function openCity(evt, cityName) {
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(cityName).style.display = "block";
evt.currentTarget.className += " active";
}
</script>
Прошу помочь мне и заранее благодарен за ваше время!
