index.php dosyası oluşturup jquery kütüphanesini script tagıyla ekleyin
http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js
altına style tagı açarak içerisine bu kodları ekleyin.
.kutu { background:#eee; border: 1px solid #ddd; padding:10px; margin-bottom:10px; height:200px; weight:200px; } #sorular { height:150px; padding:10px; overflow:scroll; overflow-x:hidden; }
altına script tagı açarak içerisine bu kodları ekleyin.
function sor() { var soru = $("#konus :input").val(); if(soru != '') { $.post("bot.php",$('#konus').serialize(), function(gelen) { $("#sorular").append("Misafir:"+soru+"<br />Bot:"+gelen+"<br />"); $("#soru").val(""); }); }else{ alert("Birşeyler yazmayı deneyebilirsiniz?"); } return false; }
sayfa içerisine istediğiniz yere bu kodları yerleştirin.
<div class="kutu">Sanal Bot ile Konuşun! <div id="sorular">Bir şeyler yazın;<br /></div> <form id="konus" name="form1" method="post" action="javascript:void(0);"> <label> <input name="soru" type="text" id="soru" value="" size="30" /> </label> <label> <input type="submit" name="button" id="button" value="Konuş" onclick="sor()"/> </label> </form></div>
bot.php dosyası oluşturup içine bu kodları ekleyin.
<?php $soru = htmlspecialchars($_POST["soru"]); $cevaplar = array("selam"=>"sana da selam","merhaba"=>"merhaba","naber"=>"iyidir senden","iyi"=>"sevindim","sa"=>"as","nasılsın?"=>"teşekkürler siz?","adın ne"=>"yapay zeka"); $anlamadim = array("anlayamadım?","afedersiniz?","bu konuyu bilmiyorum"); $sonuc=array_key_exists($_POST["soru"],$cevaplar); if($sonuc){ die($cevaplar[$_POST["soru"]]); }else{ echo $anlamadim[rand(0,count($anlamadim)-1)]; } ?>