Cara Membuat Menu Link Iframe

Cara Membuat Menu Link Iframe

Pada kesempatan ini kita belajar kembali mengenai iframe, untuk kali ini kita mencoba membuat banyak link yang akan kita load / munculkan hanya dalam satu iframe saja. Cara nya cukup mudah . Sebelumnya teman –  teman bisa membaca artikel saya tentang Cara membuat iframe secara responsive

Ilustrasinya seperti di bawah ini :

Jika menu itu kita klik maka content harus dapat kita load hanya pada 1 iframe saja. Dengan begitu kita dapat membuat halaman secara dinamis menggunakan iframe.

Bagaimana penerapannya. Mari kita simak bersama

<style>

    iframe {

        display:block;

        width:100%;

        height:80vh;

    }

</style>

<ul class="dropdown-menu">

          <li><a href="https://www.wikipedia.org/" target="iframeku" class="dropdown-item">menu 1</a></li>

          <li><a href="https://blog.kristiandes.com/" target="iframeku" class="dropdown-item">menu 2</a></li>

</ul>

<iframe src="" name="iframeku" frameborder="1" allowfullscreen></iframe>

Copy-paste saja script ini. Anda bisa memberi nama dengan iframemenu.html atau lainnya. Anda hanya fokus pada tag target=”iframeku” dan name=”iframeku”. Kedua bagian ini haruslah sama secara penamaan. Maka secara otomatis halaman link Anda akan dapat di tampilkan dalam iframe. Sebenarnya seperti ini saja, sangat sederhana bukan.

Baca Juga mengenai : Cara Membuat Iframe Responsive CSS

Demikian ulasan mengenai Cara Membuat Menu Link Iframe. Tetap semangat untuk menulis, dan berikan ilmu kepada Siapa saja ya. Sekian dari Saya semoga bermanfaat.