Merhabalar bu yazımda geçen yıl php ve jquery kullanarak yazdığım basit tutorial scripti sizlerle paylaşayım dedim.
Bu script ne yapıyor ? derseniz basit ve hızlı sohbet odası scripti diyebiliriz. Sürekli olarak metinlerinizi yazıp get isteği gönderiyorsunuz ve bunlar txt üzerine kaydedilip sürekli olarak size gösteriliyor ve 100 mesaja erişildiğinde otomatik olarak sohbeti temizliyor.Kodlarda dilediğiniz gibi değişikler yapabilirsiniz 🙂
home.php
<!DOCTYPE html> <html> <head> <title>ajax_chat</title> <script src="//code.jquery.com/jquery-1.11.0.min.js"></script> </head> <body> <style type="text/css"> body{background-color:#fed} .txtarea{width:600px;height:40px;resize:none; overflow:hidden; font-size:19px;} .roteform{position:absolute;top:520px; left:340px;} .yazilar{position:absolute;border-style:none;width:600px;height:500px;background-color:#eee; top:10px; left:340px; overflow:scroll; font-family:Arial;font-weight:bold; font-size:16px; padding:0px; } </style> <script type="text/javascript"> $(function(){ $(".txtarea").keyup(function(e){ var deger=$(this).val(); var tcode=e.whitch ? e.whitch : e.keyCode; if (tcode=='13'){ $.post("ajax.php",{txt:deger},function(cevap){ }); $(this).val(""); } }); });//func son </script> <script type="text/javascript"> $.loader=function(){ var d=5; $.get("verick.php",{dd:d},function(cevap){ $(".yazilar").html(cevap); }); }//func sonu setInterval("$.loader()",500); </script> <div class="yazilar"></div> <div class="roteform"> <form action="" method="post" onsubmit="return false"> <input type="text" class="txtarea" name="text" placeholder="buraya yaz..."> </form> </div> </body> </html>
verick.php
<?php if ($_GET){ $count=count(file("txt.txt")); if ($count>100){ $ok=fopen("txt.txt","w"); fwrite($ok,""); fclose($ok); }else { $dosya="txt.txt"; $oku=fopen("$dosya","r"); while (!feof($oku)){ echo fgets($oku)."<br>"; } fclose($oku); } }//get son ?>
ajax.php
<?php if ($_POST){ $txt=$_POST['txt']; $dosya="txt.txt"; if (!empty($txt)){ $oku=fopen("$dosya","a"); fwrite($oku,"\nMisafir:{$txt}\r"); fclose($oku); } } ?>
Bu yazı yorumlara kapalı.