Membuat notifikasi drop down

misi gan, ada yang punya referensi bikin notifikasi drop down, jadi sebelum drop down (lambang lonceng) di klik masih ada angka pada lonceng tapi ketika lonceng di klik/si user melihat pesan nya otomatis update kolom 'status' menjadi '1' di database (sudah terbaca) tanpa refresh halaman, udh nyari di google belom ketemu juga cth kode dropdown ane:

<li class="dropdown">
                            <a data-toggle="dropdown" href="#">
                                <i class="him-icon zmdi zmdi-notifications"></i>
                                <? if($cek == 0){
                                } else { ?>
                                <i class="him-counts"><? echo $cek; ?></i>
                                <? } ?>
                            </a>
                            <div class="dropdown-menu dropdown-menu-lg pull-right">
                                <div class="list-group him-notification">
                                    <div class="lg-header">
                                    <? echo $cek.' Pesan belum dibaca'; ?>
                                        <ul class="actions">
                                            <li class="dropdown">
                                                <a href="#" data-ma-action="clear-notification">
                                                    <i class="zmdi zmdi-check-all"></i>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="lg-body">
                                        <? while($not = mysql_fetch_assoc($notif)){ ?>
                                        <a class="list-group-item media" href="#">
                                            <div class="media-body">
                                                <div class="lgi-heading"><? echo $not['send_by']; ?></div>
                                                <small class="lgi-text"><? echo $not['isi']; ?></small>
                                            </div>
                                        </a><? } ?>
                                    </div>
                                    <a class="view-more" href="notif">Lihat Semua Pesan</a>
                                </div>
                            </div>
                        </li>
                    </ul>

makasih gan sebelumnya

avatar simuf
@simuf

43 Kontribusi 5 Poin

Diperbarui 4 tahun yang lalu

Tanggapan

udah coba pake ajax untuk update status dan jquery untuk update tampilan angka?

ajax sama jquery ga terlalu paham bng apalgi buat update data kalo cuma show data dri db ngerti dikit hehhe, ada referensi?

1 Jawaban:

lebih baik pelajari ajax sama jquery dulu, tapi kalo lihat2 bisa <a href='https://www.webslesson.info/2017/02/facebook-style-notifications-in-php.html'>kesini</a>

avatar dianarifr
@dianarifr

642 Kontribusi 316 Poin

Dipost 4 tahun yang lalu

Login untuk ikut Jawaban