iFrame
WordPress
JavaScript
<iframe
src="https://wow-sirus.com/calc/prof/"
width="100%" height="1200"
frameborder="0" scrolling="no"
style="border:1px solid #6b4a1a;background:#231208;display:block;"
title="Калькулятор профессий — 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_prof_calc($atts) {
$a = shortcode_atts(['height'=>'1200'], $atts);
return '<iframe src="https://wow-sirus.com/calc/prof/"
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('prof_calc', 'wow_prof_calc');
// В статье используйте:
[prof_calc]
// Или с параметрами:
[prof_calc height="1300"]
<div id="wow-prof-calc"></div>
<script>
(function(){
var d=document.getElementById('wow-prof-calc');
var f=document.createElement('iframe');
f.src='https://wow-sirus.com/calc/prof/';
f.style.cssText='width:100%;height:1200px;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-prof-height')
f.style.height=(e.data.height+20)+'px';
});
var p=document.createElement('p');
p.style.cssText='text-align:center;font-size:11px;color:#888;margin:3px 0';
p.innerHTML='Калькулятор: <a href="https://wow-sirus.com" style="color:#c8973a">wow-sirus.com</a>';
d.appendChild(p);
})();
</script>
Код для размещения на своём сайте
▼