Sabtu, 05 Januari 2013

Trick Style iFrame Writing

Berbicara tentang HTML <iframe> tag memiliki cerita tersendiri. Mungkin bisa disamakan dengan tag textarea ceritanya :D Jika kita mempunyai ilmu mengenai kedua variabel tersebut, sangatlah enak diaplikasikan ke dalam template kita! Karena attributes mereka sangat fungsional. Dalam individual function saja sudah begitu cewowow, apalagi dipadukan dengan scripts :-/ Contoh praktek konsep...auto read more dengan bantuan textarea
Resource atribut iframe dan textarea:Scroll ke bawah cari tulisan sub judul Attributes Koben sekarang mau berbagi trik penulisan syntax seputaran iframe kayak artikel dulu varian form action, drop down, select navigation. Lihat demo var. iframe berikut memakai syntax image...

Click for: Blogger | 404

Lantas link kita ganti dengan url address, bagaimana jadinya yah :P

<div align="center">
<a href="http://..." target="iframe1">Title1</a> |
<a href="http://..." target="iframe1">Title2</a> |
<a href="http://..." target="iframe1">Title3</a> |
<a href="http://..." target="iframe1">Title4</a>
<p>
<iframe name="iframe1" src="http://..." frameborder="0" scrolling="no"></iframe>
</p>
</div>

<input id="textdata" type="text" size="36" value="http://..." />
<input type="button" value="Buka" onclick="document.getElementById('webpage').src= document.getElementById('textdata').value" />
<br/>
<iframe id="webpage" width="238px" height="55px" scrolling="no"></iframe>



<input id="url" type="text" value="add url here..." />
<input id="open_button" type="button" value="Buka" />
<br/>
<iframe id="inner_iframe" width="200" height="69" scrolling="no"></iframe>
<script type='text/javascript'>
this.onload = function(){
var open_button = document.getElementById('open_button');
open_button.onclick = function(){
var url = document.getElementById('url');
var inner_iframe = document.getElementById('inner_iframe');
inner_iframe.src = url.value;
};
};
</script>
Begitu dan segitu saja yah, selebihnya silahkan cari sendiri :D
Happy iframe \m/

Tidak ada komentar:

Posting Komentar