iFrame
WordPress
JavaScript
<iframe
src="URL_ФАЙЛА/wow-nickname-generator.html"
width="100%" height="900"
frameborder="0" scrolling="no"
style="border:1px solid #6b4a1a;display:block;background:#231208"
title="Генератор ников WoW Sirus">
</iframe>
<script>
window.addEventListener('message', function(e) {
if(e.data && e.data.type === 'wow-nick-height') {
var fs = document.querySelectorAll('iframe');
fs.forEach(function(f){ try{ if(f.contentWindow===e.source) f.style.height=(e.data.height+20)+'px'; }catch(err){} });
}
});
</script>
<?php
function wow_nick_gen_shortcode($atts) {
$a = shortcode_atts(['height' => '900'], $atts);
return '<iframe src="URL_ФАЙЛА/wow-nickname-generator.html"
width="100%" height="' . esc_attr($a['height']) . '"
frameborder="0" scrolling="no"
style="border:1px solid #6b4a1a;display:block;background:#231208"
title="Генератор ников WoW Sirus"></iframe>';
}
add_shortcode('wow_nick_gen', 'wow_nick_gen_shortcode');
add_action('wp_footer', function(){
echo '<script>window.addEventListener("message",function(e){
if(e.data&&e.data.type==="wow-nick-height"){
var fs=document.querySelectorAll("iframe");
fs.forEach(function(f){try{if(f.contentWindow===e.source)f.style.height=(e.data.height+20)+"px";}catch(err){}});
}
});</script>';
});
// В статье: [wow_nick_gen]
// С высотой: [wow_nick_gen height="1000"]
<div id="wow-nick-wrap"></div>
<script>
(function(){
var wrap = document.getElementById('wow-nick-wrap');
var f = document.createElement('iframe');
f.src = 'URL_ФАЙЛА/wow-nickname-generator.html';
f.style.cssText = 'width:100%;height:900px;border:1px solid #6b4a1a;display:block;background:#231208';
f.setAttribute('frameborder','0');
f.title = 'Генератор ников WoW Sirus';
wrap.appendChild(f);
window.addEventListener('message', function(e){
if(e.data && e.data.type==='wow-nick-height')
f.style.height = (e.data.height+20) + 'px';
});
})();
</script>
Замените
URL_ФАЙЛА на адрес загруженного файла.
Оставьте ссылку на
wow-sirus.com — это помогает развитию проекта.
Встроить на сайт / WordPress
▼