Memasukan Elemen IFRAME Ke Elemen DIV Menggunakan Javascript


Mari kita mencoba membuat elemen IFRAME beserta Attributnya (SRC, WIDTH, HEIGHT dan lainnya) dengan menggunakan teknik Javascript yang ramah semua browser, coba lihat contoh HTML berikut ini :

<script type="text/javascript">
function framePlayer()
{
var target = document.getElementById("targetDiv");
ifrm = document.createElement("IFRAME");
ifrm.setAttribute("src", "https://w.soundcloud.com/player/?url=https://api.soundcloud.com/tracks/92218483&color=ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&from=http://id-soundcloud-music.blogspot.co.id/2015/04/red-carpet-alright.html");
ifrm.style.width = 100+"%";
ifrm.style.height = 166+"px";
target.appendChild(ifrm);
}
</script>
<div id="targetDiv"></div>
<script type="text/javascript">framePlayer();</script>
<script type="text/javascript">

Smoga dapat difahami dan bisa bermanfaat....
Previous
Next Post »