Membuat php script Chat tanpa mysql!! ~ LyGaCool

Sepertinya banyak yang penasaran dengan chat yang saya buat seperti di SINI (klik disini) ...

--SS--

Btw,gimana gan ?

-script ini tanpa mysql (ha,mysql?,itu bisa chat seperti itu..gimana tuh caranya??) ..tepat sekali,tetapi script chat ini tidak perlu mengunakan mysql ..ha ?,gimana -_- ? ..Jawabannya nanti ya xD ..btw,yuk kita buat scriptnya xD ..

Bahan-Bahannya :

index.php
log.html
post.php
style.css

Cara Pembuatan ..:
1.Pertama buat index.php nya dulu xD!

<?
session_start();

if(isset($_GET['logout'])){

    // Pesan simpel ada saat keluar
    $fp = fopen("log.html", 'a');
    fwrite($fp, "<div class='msgln'><i>User ". $_SESSION['name'] ." telah keluar dari ruang obrolan.</i><br></div>");
    fclose($fp);

    session_destroy();
    header("Location: index.php"); //Membawa user
}

function loginForm(){
    echo'
    <div id="loginform">
    <form action="index.php" method="post">
        <p>Ketik nama anda untuk bergabung:</p>
        <label for="name">Nama:</label>
        <input type="text" name="name" id="name" />
        <input type="submit" name="enter" id="enter" value="Enter" />
    </form>
    </div>
    ';
}

if(isset($_POST['enter'])){
    if($_POST['name'] != ""){
        $_SESSION['name'] = stripslashes(htmlspecialchars($_POST['name']));
            $fp = fopen("log.html", 'a');
        fwrite($fp, "<div class='msgln'><i>User ". $_SESSION['name'] ." masuk ruang obrolan.</i><br></div>");
        fclose($fp);
    }
    else{
        echo '<span class="error">Silahkan tulis nama anda dulu!</span>';
    }
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Chat - Lygacool</title>
<link type="text/css" rel="stylesheet" href="style.css" />
</head>
<font color='#4169E1' type='comic sans ms' size='4'>Web Chat<align='center'></align></font>
<font color='#4169E1' type='arrial narrow' size='1'>Version 1.0<align='center'></align></font></br></br>
<?php
if(!isset($_SESSION['name'])){
    loginForm();
}
else{
?>
<div id="wrapper">
    <div id="menu">
        <p class="welcome">Selamat Datang, <b><?php echo $_SESSION['name']; ?></b></p>
        <p class="logout"><a id="exit" href="#">Keluar Chat</a></p>
        <div style="clear:both"></div>
    </div>
    <div id="chatbox"><?php
    if(file_exists("log.html") && filesize("log.html") > 0){
        $handle = fopen("log.html", "r");
        $contents = fread($handle, filesize("log.html"));
        fclose($handle);

        echo $contents;
    }
    ?></div>

    <form name="message" action="">
        <input name="usermsg" type="text" id="usermsg" size="63" />
        <input name="submitmsg" type="submit" id="submitmsg" value="Kirim" />
    </form>
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script type="text/javascript">
// jQuery Document
$(document).ready(function(){
    //If user submits the form
    $("#submitmsg").click(function(){
        var clientmsg = $("#usermsg").val();
        $.post("post.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: "log.html",
            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, 2500);    //Reload file every 2.5 seconds

    //If user wants to end session
    $("#exit").click(function(){
        var exit = confirm("Apakah anda yakin mengakhiri obrolan ini?");
        if(exit==true){window.location = 'index.php?logout=true';}
    });
});
</script>
<?php
}
?>
</body>
</html>

2.buat post.php nya lagi !

<?
session_start();
if(isset($_SESSION['name'])){
    $text = $_POST['text'];

    $fp = fopen("log.html", 'a');
    fwrite($fp, "<div class='msgln'>(".date("g:i A").") <b>".$_SESSION['name']."</b>: ".stripslashes(htmlspecialchars($text))."<br></div>");
    fclose($fp);
}
?>

3.Buat style.css nya !

/* Dokument CSS */
body {
    font:12px arial;
    color: #222;
    text-align:center;
    padding:35px; }

form, p, span {
    margin:0;
    padding:0; }

input { font:12px arial; }

a {
    color:#0000FF;
    text-decoration:none; }

    a:hover { text-decoration:underline; }

#wrapper, #loginform {
    margin:0 auto;
    padding-bottom:25px;
    background:#EBF4FB;
    width:504px;
    border:1px solid #ACD8F0; }

#loginform { padding-top:18px; }

    #loginform p { margin: 5px; }

#chatbox {
    text-align:left;
    margin:0 auto;
    margin-bottom:25px;
    padding:10px;
    background:#fff;
    height:270px;
    width:430px;
    border:1px solid #ACD8F0;
    overflow:auto; }

#usermsg {
    width:395px;
    border:1px solid #ACD8F0; }

#submit { width: 60px; }

.error { color: #ff0000; }

#menu { padding:12.5px 25px 12.5px 25px; }

.welcome { float:left; }

.logout { float:right; }

.msgln { margin:0 0 2px 0; }

4.Sekarang kita buat log.html nya xD (Oooo,ini toh jawaban-nya xD) ,iya gan..jadi setiap ada pembicaraan maka pembicaraan tersebut akan di kirim ke log.html xD ...

<div class='msgln'><i>User Henlatoz masuk ruang obrolan.</i><br></div>

-NOTE : log.html bisa di isi kosong gan ..

Malas buat begituan ?...
-Mau download atau liat demonya ?
DEMO : KLIK DISINI
Download : KLIK DISINI ( zip)
Mirror : KLIK DISINI
========Bingung cara mengunakannya ?
-Berikut tutornya :
1.Download/buat script nya (script di atas/ download saja karna 100& siap di upload dan di gunakan)
2.Upload ke server anda ...
3.lalu anda coba ketik www.webagan.com/index.php atau www.domainanda.com/chat/index.php
=====F.A.Q=======
Gan,bisa pasangkan script tersebut ke blog ane ?,atau gabungkan dengan index.php saya gituu .
-Bisa ..(jika lagi gk sibuk aja xD)
Owh,rencananya saya mau gabungkan script ini dengan index.php saya ..tp chat ini keren gitu desainnya dan berada di kanan kiri atas (dimanapun) ..
-Bisa..
Bayar gk gan ?
-Gratis ..(bayar jg gpp xP)
Mau minta pasangkannya kek gimana gan ?
-Contact aja via fanspage facebook lgc
-Contact aja via forum lgc
-Contact aja via email ..email ane : henlatozcr@yahoo.com
=================Ada masalah,kritik,atau saran? ..comment aja gan xD========

14 comments:

Tegar_ KurniawanApril 2, 2014 at 3:26 PM
kok demo'y eroor
UnknownJune 4, 2014 at 8:06 PM
^ demonya error?,ada SS nya gk gan ..tak betulin ntar :) ..tapi,sejauh ini sih gk demonya ane test gk ada error kok :)
Dedy IbrahimSeptember 13, 2014 at 11:14 PM
Gan footer nya boleh di ganti ga
UnknownJanuary 9, 2015 at 11:03 PM
gan ane mau izin edit tampilanya boleh gak , buat di nclude ke TA ane,
Anas TAVJanuary 19, 2015 at 3:36 PM
terima kasih mas Henlatoz atas source codenya, sudah saya klik link iklannya...
dan kalau mas Henlatoz berkenan berkunjung ke blog saya di http://www.tavblog.co.vu

terima kasih mas

bookmark dolo linknya :)
UnknownMarch 28, 2017 at 2:33 PM
Kok gk bsa kirim chatnya gan,cuman notiv user masuk,chat gk kekirim ke chatbox
AnonymousMarch 18, 2018 at 4:27 PM
gan cara menghapus pesannya gimana gan
AnonymousApril 24, 2021 at 8:38 AM
halo ka,punya saya kok error ya pas enter sama script php nya sebagian kelihatan sebagai tulisan.

Pakai php versi apa ya mau nya? :)
AnonymousMarch 27, 2022 at 11:23 AM
Membuat Php Script Chat Tanpa Mysql!! ~ Lygacool >>>>> Download Now

>>>>> Download Full

Membuat Php Script Chat Tanpa Mysql!! ~ Lygacool >>>>> Download LINK

>>>>> Download Now

Membuat Php Script Chat Tanpa Mysql!! ~ Lygacool >>>>> Download Full

>>>>> Download LINK

Menjadi Donatur untuk blog ini hanya dengan 1 klik iklan.

LyGaCool

Weekly Views

Tuesday, October 1, 2013

Membuat php script Chat tanpa mysql!!

14 comments:

Labels

Blog Archive

Fanspage Facebook