Notifications Script Notifications Script

Membuat Script Notifikasi Seperti Facebook dengan jQuery dan PHP Membuat Script Notifikasi Seperti Facebook dengan jQuery dan PHP

Diposkan oleh F̶a̶i̶s̶a̶l̶ ̶D̶a̶e̶ ⇦⇦⇦ di 02.02 ·

Updated: 9 bulan kemaren

07:12 24 Oct 2010 @Ajax
Di facebook jika kita ada
pesan baru, walaupun halaman gak direfresh maka akan muncul angka jumlah
pesan dengan latar belakang merah. Ketika diklik akan mucul list pesan
terbaru dari siapa dan kapan. Nah mari kita coba membuat notifikasi seperti
facebok tersebut dengan menggunakan jQuery.

Struktur tabel_pesan di database MySQL adalah sebagai berikut :

<br /> --<br /> -- Table structure for table `tabel_pesan`<br /> --<br /> <br /> CREATE TABLE `tabel_pesan` (<br /> `nomor` int(10) NOT NULL auto_increment,<br /> `waktu` varchar(20) NOT NULL,<br /> `dari` varchar(50) NOT NULL,<br /> `kepada` varchar(50) NOT NULL,<br /> `pesan` text NOT NULL,<br /> `sudahbaca` varchar(1) NOT NULL,<br /> PRIMARY KEY (`nomor`)<br /> ) ;<br />

Pada struktur tabel di atas, untuk mendeteksi sudah terbaca atau belum
adalah pada field sudahbaca, bernilai 'N' jika belum dan 'Y' jika sudah
dibaca.

Sekarang kita lihat kode jQuery untuk mengecek jika ada pesan terbaru.

<br /> function cek(){<br /> $.ajax({<br /> url: "cekpesan.php",<br /> cache: false,<br /> success: function(msg){<br /> $("#notifikasi").html(msg);<br /> }<br /> });<br /> var waktu = setTimeout("cek()",3000);<br /> }<br />

Pada kode di atas kita melakukan proses request dengan ajax ke file
cekpesan.php. fungsi setTimeout()
berfungsi untuk menjalankan fungsi cek()
terus berulang setiap 3000 milidetik atau 3 detik. Untuk Belajar jQuery silahkan
baca di pengenalan jQuery dan
Tutorial jQuery Ajax.
Berikut kode cekpesan.php

<br /> <?php session_start(); include "config.php"; $userid = $_SESSION['userid']; $pesan = mysql_query("SELECT nomor FROM tabel_pesan WHERE kepada='$userid' and sudahbaca='N'"); $j = mysql_num_rows($pesan); if($j>0){<br /> echo $j;<br /> }<br /> ?><br />

Pada kode diatas kita melakukan query, cek jika ada pesan untuk $userid dan
belum dibaca (sudahbaca='N').
$userid kita dapat dari variabel
$_SESSION yang sudah kita set di
halaman utama. Bagaimana cara menggunakan
$_SESSION silahkan baca di artikel Membuat Login
Multi User dengan PHP.
Untuk database dan kode lengkapnya silahkan
download Source Code |
lihat demo

Facebook Smiley Code 2012 Facebook Smiley Code 2012

Selasa, 23 Oktober 2012 jam 18:43 magrib

New Smiley Code for Facebook 2012 New Smiley Code for Facebook 2012

Diposkan oleh F̶a̶i̶s̶a̶l̶ ̶D̶a̶e̶ ⇦⇦⇦ di 03.43 ·

Apa yang harus kita lakukan untuk memasukkan smiley baru cukup ketik atau sisipkan kode pada pesan Anda atau kotak chatting di facebook. Berikut adalah kode chat:

  [[f9.laugh]]
  [[f9.sad]]
  [[f9.angry]]
  [[f9.sleepy]]
  [[f9.shock]]
  [[f9.kiss]]
  [[f9.inlove]]
  [[f9.pizza]]
  [[f9.coffee]]
  [[f9.rain]]
  [[f9.bomb]]
  [[f9.sun]]
  [[f9.heart]]
  [[f9.heartbreak]]
  [[f9.doctor]]
  [[f9.ghost]]
  [[f9.brb]]
  [[f9.wine]]
  [[f9.gift]]
  [[f9.adore]]
  [[f9.angel]]
  [[f9.baloons]]
  [[f9.bowl]]
  [[f9.cake]]
  [[f9.callme]]
  [[f9.clap]]
  [[f9.confused]]
  [[f9.curllip]]
  [[f9.devilface]]
  [[f9.lying]]

That’s all for now. The above list of smiley will probably be updated later depends on their update. Happy chatting on facebook

---

Langganan: Poskan Komentar (Atom)

Facebook Blue Comment Facebook Blue Comment

KOMEN FACEBOOK WARNA BIRU

LIKE THIS PAGE

Setelah lama Vakum akhirnya sedikit menemukan keanehan baru...
Udah pada tau kan Cara komen warna biru facebook??
nah....
berikut kodenya gan...!!
Copas Kode berikut :

@@[1:[0:198005336876807:TULISAN KAMU]]
BISA JUGA DITULIS SEPERTI INI
@@[1:[0:1:TULISAN KAMU]]

NB : Gantilah warna MERAH dengan id page, aplikasi atau id facebook anda

Tulisan Warna Biru adalah status kamu...!
(Tulisan Warna Merah Tidak boleh ada Spasi)
__________________________________
Trik Komen Warna agar gampang di Klik
Ex :
Tau Gak Kalo
Facebook sekarang
Udah bisa ganti nama
Dengan cara yang aneh…
Aku kemaren baca di…
@@[1:[198005336876807:1:Lihat Selengkapnya]]

__________________________________

Selamat Mencoba

PAGE ASAL