Centar za edukaciju-BiH

iCentar → Racunari i oprema → Programirannje i baze podataka → PHP


Prosiri i skupi Opcije teme
Stranice (1):1
 Prikazi prvu neprocitanu poruku

#1 28.09.2010 23:27
laponac84 Van mreze
Clan
Registrovan od:20.11.2008
Postovi:86


Predmet:Jednostavna CHAT skripta
Ova tri fajla samo iskopirajte i radice Vam perfektno Smiling

Naziv fajla: index.php
PreuzmiIzvorni kôd (PHP):
  1. <?
  3.  
  4. if(isset($_GET['logout'])){    
  5.        
  6.         //Poruka o napustanju cata
  7.         $fp = fopen("log.html", 'a');
  8.         fwrite($fp, "<div class='msgln'><i>Korisnik ". $_SESSION['name'] ." je napustio cat sesiju.</i><br></div>");
  9.         fclose($fp);
  10.        
  11.         session_destroy();
  12.         header("Location: index.php"); //preusmerava korisnika na pocetnu stranu
  13. }
  14.  
  15. function loginForm(){
  16.         echo'
  17.         <div id="loginform">
  18.         <form action="index.php" method="post">
  19.                 <p>Unesite Vas nick da bi otpoceli dopisivanje:</p>
  20.                 <label for="name">Nick:</label>
  21.                 <input type="text" name="name" id="name" />
  22.                 <input type="submit" name="enter" id="enter" value="Enter" />
  23.         </form>
  24.         </div>
  25.         ';
  26. }
  27.  
  28. if(isset($_POST['enter'])){
  29.         if($_POST['name'] != ""){
  30.                 $_SESSION['name'] = stripslashes(htmlspecialchars($_POST['name']));
  31.         }
  32.         else{
  33.                 echo '<span class="error">Molimo Vas unesite Nick</span>';
  34.         }
  35. }
  36. ?>
  37. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  38. <html xmlns="http://www.w3.org/1999/xhtml">
  39. <head>
  40. <title>Chat - Customer Module</title>
  41. <link type="text/css" rel="stylesheet" href="style.css" />
  42. </head>
  43.  
  44. <?php
  45. if(!isset($_SESSION['name'])){
  46.         loginForm();
  47. }
  48. else{
  49. ?>
  50. <div id="wrapper">
  51.         <div id="menu">
  52.                 <p class="welcome">Dobrodosli, <b><?php echo $_SESSION['name']; ?></b></p>
  53.                 <p class="logout"><a id="exit" href="#">Napusti Chat</a></p>
  54.                 <div style="clear:both"></div>
  55.         </div> 
  56.         <div id="chatbox"><?php
  57.         if(file_exists("log.html") && filesize("log.html") > 0){
  58.                 $handle = fopen("log.html", "r");
  59.                 $contents = fread($handle, filesize("log.html"));
  60.                 fclose($handle);
  61.                
  62.                 echo $contents;
  63.         }
  64.         ?></div>
  65.        
  66.         <form name="message" action="">
  67.                 <input name="usermsg" type="text" id="usermsg" size="63" />
  68.                 <input name="submitmsg" type="submit"  id="submitmsg" value="Posalji" />
  69.         </form>
  70. </div>
  71. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
  72. <script type="text/javascript">
  73. // jQuery Document
  74. $(document).ready(function(){
  75.         //If user submits the form
  76.         $("#submitmsg").click(function(){      
  77.                 var clientmsg = $("#usermsg").val();
  78.                 $.post("post.php", {text: clientmsg});                         
  79.                 $("#usermsg").attr("value", "");
  80.                 return false;
  81.         });
  82.        
  83.         //Load the file containing the chat log
  84.         function loadLog(){            
  85.                 var oldscrollHeight = $("#chatbox").attr("scrollHeight") - 20;
  86.                 $.ajax({
  87.                         url: "log.html",
  88.                         cache: false,
  89.                         success: function(html){               
  90.                                 $("#chatbox").html(html); //Insert chat log into the #chatbox div                              
  91.                                 var newscrollHeight = $("#chatbox").attr("scrollHeight") - 20;
  92.                                 if(newscrollHeight > oldscrollHeight){
  93.                                         $("#chatbox").animate({ scrollTop: newscrollHeight }, 'normal'); //Autoscroll to bottom of div
  94.                                 }                              
  95.                         },
  96.                 });
  97.         }
  98.         setInterval (loadLog, 2500);    //Reload file every 2.5 seconds
  99.        
  100.         //Proverava da li korsinik zaista zeli da napusti sesiju
  101.         $("#exit").click(function(){
  102.                 var exit = confirm("Da li ste sigurni da zelite da napustite sesiju?");
  103.                 if(exit==true){window.location = 'index.php?logout=true';}             
  104.         });
  105. });
  106. </script>
  107. <?php
  108. }
  109. ?>
  110. </body>
  111. </html>
↑  ↓

#2 28.09.2010 23:28
laponac84 Van mreze
Clan
Registrovan od:20.11.2008
Postovi:86


Predmet:Re: Jednostavna CHAT skripta
Naziv fajla: post.php
PreuzmiIzvorni kôd (PHP):
  1. <?
  3. if(isset($_SESSION['name'])){
  4.         $text = $_POST['text'];
  5.        
  6.         $fp = fopen("log.html", 'a');
  7.         fwrite($fp, "<div class='msgln'>(".date("g:i A").") <b>".$_SESSION['name']."</b>: ".stripslashes(htmlspecialchars($text))."<br></div>");
  8.         fclose($fp);
  9. }
  10. ?>
↑  ↓

#3 28.09.2010 23:29
laponac84 Van mreze
Clan
Registrovan od:20.11.2008
Postovi:86


Predmet:Re: Jednostavna CHAT skripta
i poslednji fajl
naziv fajla: style.css
PreuzmiIzvorni kôd (CSS):
  1. /* CSS Document */  
  2. body {  
  3.     font:12px arial;  
  4.     color: #222;  
  5.     text-align:center;  
  6.     padding:35px; }  
  7.  
  8. form, p, span {  
  9.     margin:0;  
  10.     padding:0; }  
  11.  
  12. input { font:12px arial; }  
  13.  
  14. a {  
  15.     color:#0000FF;  
  16.     text-decoration:none; }  
  17.  
  18.     a:hover { text-decoration:underline; }  
  19.  
  20. #wrapper, #loginform {  
  21.     margin:0 auto;  
  22.     padding-bottom:25px;  
  23.     background:#EBF4FB;  
  24.     width:504px;  
  25.     border:1px solid #ACD8F0; }  
  26.  
  27. #loginform { padding-top:18px; }  
  28.  
  29.     #loginform p { margin: 5px; }  
  30.  
  31. #chatbox {  
  32.     text-align:left;  
  33.     margin:0 auto;  
  34.     margin-bottom:25px;  
  35.     padding:10px;  
  36.     background:#fff;  
  37.     height:270px;  
  38.     width:430px;  
  39.     border:1px solid #ACD8F0;  
  40.     overflow:auto; }  
  41.  
  42. #usermsg {  
  43.     width:395px;  
  44.     border:1px solid #ACD8F0; }  
  45.  
  46. #submit { width: 60px; }  
  47.  
  48. .error { color: #ff0000; }  
  49.  
  50. #menu { padding:12.5px 25px 12.5px 25px; }  
  51.  
  52. .welcome { float:left; }  
  53.  
  54. .logout { float:rightright; }  
  55.  
  56. .msgln { margin:0 0 2px 0; }  
↑  ↓

Stranice (1):1

Srodne teme

Ko je online?

Aktivni clanovi:
nema clanova


Kontakt
Sva vremena su GMT +01:00. Trenutno vrijeme: 1: 14 am.