Postingan lainnya

Membuat tabs tanpa jquery

Saya sedang ingin membuat tabs tanpa jQuery, code saya seperti berikut view :

<h3 class="maintitle">Approve Cost</h3><br/>

<input id='tab6' class='tabs' type='radio' name='tabs' checked>
<label for='tab6' class='tabs-label'>Proposed</label>

<input id='tab7' class='tabs' type='radio' name='tabs'>
<label for='tab7' class='tabs-label'>Approved</label>

<input id='tab8' class='tabs' type='radio' name='tabs'>
<label for='tab8' class='tabs-label'>Rejected</label>

<section id="content6">
	<h3>Proposed Content</h3>
</section>
<section id="content7">
	<h3>Approved Content</h3>
</section>
<section id="content8">
	<h3>Rejected Content</h3>
</section>

yang saya ingin tanyakan bagaimana caranya agar bisa load page dari halaman lain ke dalam section tersebut dengan tabs yang saya buat seperti ini? (untuk <section> diatas hanya sebagai percobaan) saya menggunakan codeigniter 3.1.9 terimakasih

php codeigniter

@ameliac

104 Kontribusi 27 Poin

Diperbarui 5 tahun yang lalu

2 Jawaban:

taksarankan menggunakan boostrap saja, ada package yang tak perlu lagi mendefiniskan jquery.

<a href=' https://getbootstrap.com/ '>Bostrap</a>

@ownner

10 Kontribusi 2 Poin

Dipost 5 tahun yang lalu

ada referensi lain? kalau bisa yang tanpa bootstrap, karena disini saya menggunakan css buatan sendiri tanpa bootstrap..

@ameliac

104 Kontribusi 27 Poin

Dipost 5 tahun yang lalu

Tanggapan

membuat tabs tanpa jquery itu tidak mungkin. jika tidak pingin ribet dengan jquery tak sarankan pakai boostrap saja, atau framwork css lainnya. framework itu memudahkan hanya saja perlu waktu penyesuaian dengan aturan penggunaan. jika sudah memahami, kecepatan membuat desain akan semakin meningkat.

@ownner