iFrame
WordPress
JavaScript
<iframe
src="https://wow-sirus.com/calc/"
width="100%" height="820"
frameborder="0" scrolling="no"
style="border:1px solid #6b4a1a;background:#231208;"
title="DPS/HPS Калькулятор — WoW Sirus">
</iframe>
<p style="text-align:center;font-size:11px;color:#8a6e52;margin-top:4px">
Калькулятор: <a href="https://wow-sirus.com" style="color:#c8973a">wow-sirus.com</a>
</p>
<?php
function wow_dps_calc($atts) {
$a = shortcode_atts(['height'=>'820'], $atts);
return '<iframe src="https://wow-sirus.com/calc/"
width="100%" height="'.esc_attr($a['height']).'"
frameborder="0" scrolling="no"
style="border:1px solid #6b4a1a;display:block"></iframe>
<p style="text-align:center;font-size:11px;color:#888;margin:3px 0">
<a href="https://wow-sirus.com">wow-sirus.com</a></p>';
}
add_shortcode('wow_dps_calc', 'wow_dps_calc');
// В статье:
[wow_dps_calc]
<div id="wow-calc"></div>
<script>
(function(){
var d=document.getElementById('wow-calc');
var f=document.createElement('iframe');
f.src='https://wow-sirus.com/calc/';
f.style.cssText='width:100%;height:820px;border:1px solid #6b4a1a;display:block';
f.setAttribute('frameborder','0');
d.appendChild(f);
window.addEventListener('message',function(e){
if(e.data&&e.data.type==='wow-calc-height')
f.style.height=(e.data.height+20)+'px';
});
})();
</script>
Основные характеристики
Вторичные характеристики
Баффы рейда
Сравнение с типичными значениями класса
Код для размещения на своём сайте
▼