Setelah mempelajari bahan bahan sebelumnya tentang
coba di lihat pada halaman chat.php dan teukan bagian java script seperti ini
perhatikan dan pelajari script di atas, terdapat fungsi untuk mengirim pesan dengan post-message.php,
menampilkan pesan dengan message-line.php dan ajax refresh,
sedangkan pada halaman-halaman tersebut masih menggunkan sistem php sederhana diantaranya manupulasi table database dan fungsi session,
tentang css atau mempercantik atau pengembangannya silahkan di lakukan sendiri saya hanya menyampaikan dasarnya yang jauh dari kesempurnaaan
berakhir sudah proyek membuat Aplikasi chat dengan PHP dan mysql serta javascript apabila terdapat kesalahan atau kekeliruan silahkan sampaikan menggunkan kotak komentar ,
kita sama-sama belajar dan memperbaiki untuk kelancaran hobi dalam meng-codding-kan website ,
atau ada yang tidak di mengerti isikan pada kotak komentar agar sama-sama kita mengsharingkan ilmu kita
- Halaman untuk mengirim data ke sistem database menggunakan php(user login)
- membuat sistem online dan offline dengan database mysql dan php
- Membuat kotak list user yang online menggunakan refress automatis
- membuat logout
- message-line.php = untuk menampilkan dan mengambil data yang selanjutnya di tampilkan pada halaman Chat.php
- post-message.php= Untuk mengirim data ke database
coba di lihat pada halaman chat.php dan teukan bagian java script seperti ini
<script type="text/javascript">
// jQuery Document
$(document).ready(function(){
//If user submits the form
$("#submitmsg").click(function(){
var clientmsg = $("#usermsg").val();
$.post("post-message.php", {text: clientmsg});
$("#usermsg").attr("value", "");
return false;
});
//Load the file containing the chat log
function loadLog(){
var oldscrollHeight = $("#chatbox").attr("scrollHeight") - 20;
$.ajax({
url: "message-line.php",
cache: false,
success: function(html){
$("#chatbox").html(html); //Insert chat log into the #chatbox div
var newscrollHeight = $("#chatbox").attr("scrollHeight") - 20;
if(newscrollHeight > oldscrollHeight){
$("#chatbox").animate({ scrollTop: newscrollHeight }, 'normal'); //Autoscroll to bottom of div
}
},
});
}
setInterval (loadLog, 1000); //Reload file every 2.5 seconds
//If user wants to end session
$("#exit").click(function(){
var exit = confirm("Are you sure you want to end the session?");
if(exit==true){window.location = 'index.php?logout=true';}
});
});
</script>
// jQuery Document
$(document).ready(function(){
//If user submits the form
$("#submitmsg").click(function(){
var clientmsg = $("#usermsg").val();
$.post("post-message.php", {text: clientmsg});
$("#usermsg").attr("value", "");
return false;
});
//Load the file containing the chat log
function loadLog(){
var oldscrollHeight = $("#chatbox").attr("scrollHeight") - 20;
$.ajax({
url: "message-line.php",
cache: false,
success: function(html){
$("#chatbox").html(html); //Insert chat log into the #chatbox div
var newscrollHeight = $("#chatbox").attr("scrollHeight") - 20;
if(newscrollHeight > oldscrollHeight){
$("#chatbox").animate({ scrollTop: newscrollHeight }, 'normal'); //Autoscroll to bottom of div
}
},
});
}
setInterval (loadLog, 1000); //Reload file every 2.5 seconds
//If user wants to end session
$("#exit").click(function(){
var exit = confirm("Are you sure you want to end the session?");
if(exit==true){window.location = 'index.php?logout=true';}
});
});
</script>
perhatikan dan pelajari script di atas, terdapat fungsi untuk mengirim pesan dengan post-message.php,
menampilkan pesan dengan message-line.php dan ajax refresh,
sedangkan pada halaman-halaman tersebut masih menggunkan sistem php sederhana diantaranya manupulasi table database dan fungsi session,
tentang css atau mempercantik atau pengembangannya silahkan di lakukan sendiri saya hanya menyampaikan dasarnya yang jauh dari kesempurnaaan
berakhir sudah proyek membuat Aplikasi chat dengan PHP dan mysql serta javascript apabila terdapat kesalahan atau kekeliruan silahkan sampaikan menggunkan kotak komentar ,
kita sama-sama belajar dan memperbaiki untuk kelancaran hobi dalam meng-codding-kan website ,
atau ada yang tidak di mengerti isikan pada kotak komentar agar sama-sama kita mengsharingkan ilmu kita
Ditulis Oleh : bg teuku
Artikel Mengirim dan menampilkan data dari database berbasis chat ini ditulis oleh Bg Teuku pada hari Thursday, October 25, 2012. Saya sangat welcome kepada pertanyaan ,Dengan pertanyaan saya akan merasa di hargai karena tulisan sederhana yang jauh dari kata sempurna ini ternyata di pelajari sunguh-sunguh oleh anda, maka dari itu ajukan pertanyaan saya akan sebisa mungkin menjawabnya.
Hargai saya dengan memberikan link sumber apabila anda ingin COPAS artikel ini
Hargai saya dengan memberikan link sumber apabila anda ingin COPAS artikel ini
0 comments:
Post a Comment