 |
| LocalStorage |
Ketik dalam daftar data tabel anda, jika jumlahnya banyak pasti user sangat kesulitan untuk menentukan dimana bagian yang terpilih atau terakhir kita klik. Untuk itu, saya contohkan javascript bagaimana untuk mengatasi itu. Berikut contohnya:
<script type="text/javascript">
$(document).ready(function (e) {
var index = Cookies.get('bg-success');
$('.light').removeClass('bg-success');
$(".light").eq(index).addClass('bg-success');
$('.light').on('click', function (e) {
e.preventDefault();
$('.light').removeClass('bg-success');
$(this).addClass('bg-success');
Cookies.set('bg-success', $('.light').index(this));
});
var index = Cookies.get('bg-warning');
$('.light2').removeClass('bg-warning');
$(".light2").eq(index).addClass('bg-warning');
$('.light2').on('click', function (e) {
$('.light2').removeClass('bg-warning');
$(this).addClass('bg-warning');
Cookies.set('bg-warning', $('.light2').index(this));
});
});
</script>
Sekian, terimakasih atas kunjungannya.
Salam,
PHP Aku : Membangun web terorganisasi dan mudah dimengerti, contoh tutorial dengan menggunakan HTML, CSS, JavaScript, SQL, PHP, dan XML.