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 :

iframe menu link
iframe menu link

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.

One Reply to “Cara Membuat Menu Link Iframe”

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

This site uses Akismet to reduce spam. Learn how your comment data is processed.