Untitled

<?php
session_start ();
function loginForm() {
	echo '
    <div id="loginform">
    <form action="index.php" method="post">
        <p>Please enter your name to continue:</p>
        <label for="name">Name:</label>
        <input type="text" name="name" id="name" />
        <input type="submit" name="enter" id="enter" value="Enter" />
    </form>
    </div>
    ';
}

$host = 'localhost';
$user = 'root';
$pass = '';
$database = 'MySQLDB';
$base = new mysqli ($host, $user, $pass, $database);

if ($base->connect_error)
      die ('Connect Error: ' . $base->connect_error);

	  if (!$base->set_charset("utf8"))
      echo "Error loading character set utf8: {$base->error}";
// проверка текущей кодировки соединения
//echo 'Current character set: ' . $base->character_set_name();


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'] . " has joined the chat session.</i><br></div>" );
		fclose ( $fp );


	} else {
		echo '<span class="error">Please type in a name</span>';
	}
}

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

	// Simple exit message
	$fp = fopen ( "log.html", 'a' );
	fwrite ( $fp, "<div class='msgln'><i>User " . $_SESSION ['name'] . " has left the chat session.</i><br></div>" );
	fclose ( $fp );

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

?>
<!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>
<style>
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;
}
</style>
<title>My Chat</title>
</head>
<body>
	<?php
	if (! isset ( $_SESSION ['name'] )) {
		loginForm ();
	} else {
		?>
<div id="wrapper">
		<div id="menu">
			<p class="welcome">
				Welcome, <b><?php echo $_SESSION['name']; ?></b>
			</p>
			<p class="logout">
				<a id="exit" href="#">Exit Chat</a>
			</p>
			<div style="clear: both"></div>
		</div>
		<div id="chatbox"><?php


		?></div>

		<form name="message" action="">
			<input name="usermsg" type="text" id="usermsg" size="63" /> <input
				name="submitmsg" type="submit" id="submitmsg" value="Send" />
<b>
<img onclick='document.message.usermsg.value = document.message.usermsg.value+"4Head"' alt='4Head' src='image/4Head.png' />
<img onclick='document.message.usermsg.value = document.message.usermsg.value+"biblethump"' alt='biblethump' src='image/biblethump.png' />
<img onclick='document.message.usermsg.value = document.message.usermsg.value+"dansGame"' alt='dansGame' src='image/dansGame.png' />
<img onclick='document.message.usermsg.value = document.message.usermsg.value+"etmSad"' alt='etmSad' src='image/etmSad.png' />
<img onclick='document.message.usermsg.value = document.message.usermsg.value+"etmSleep"' alt='etmSleep' src='image/etmSleep.png' />
<img onclick='document.message.usermsg.value = document.message.usermsg.value+"etmSmile"' alt='etmSmile' src='image/etmSmile.png' />
<img onclick='document.message.usermsg.value = document.message.usermsg.value+"kappa"' alt='kappa' src='image/kappa.png' />
<img onclick='document.message.usermsg.value = document.message.usermsg.value+"kreygasm"' alt='kreygasm' src='image/kreygasm.png' />
<img onclick='document.message.usermsg.value = document.message.usermsg.value+"valeraKappa"' alt='valeraKappa' src='image/valeraKappa.png' />
<img onclick='document.message.usermsg.value = document.message.usermsg.value+"OSsloth"' alt='OSsloth' src='image/OSsloth.png' />
</b>
		</form>
<?php
$message = str_replace(
array(
'4Head',
'biblethump',
'dansGame',
'etmSad',
'etmSleep',
'etmSmile',
'kappa',
'kreygasm',
'valeraKappa',
'OSsloth',
), array(
'<img src="image/4Head.png" />',
'<img src="image/biblethump.png" />',
'<img src="image/dansGame.png" />',
'<img src="image/etmSad.png" />',
'<img src="image/etmSleep.png" />',
'<img src="image/etmSmile.png" />',
'<img src="image/kappa.png" />',
'<img src="image/kreygasm.png" />',
'<img src="image/valeraKappa.png" />',
'<img src="image/OSsloth.png" />',
), $message);

print "<font class='chat_date_time'>".$message['time'].", ".$message['nickname']."</font><br>";
print "".$message['message']."";?>
	</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 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';}
	});
});

//If user submits the form
$("#submitmsg").click(function(){
		var clientmsg = $("#usermsg").val();
		$.post("post.php", {text: clientmsg});
		$("#usermsg").attr("value", "");
		loadLog;
	return false;
});

function loadLog(){
	var oldscrollHeight = $("#chatbox").attr("scrollHeight") - 20; //Scroll height before the request
	$.ajax({
		url: "messages.php",
		cache: false,
		success: function(html){
			$("#chatbox").html(html); //Insert chat log into the #chatbox div

			//Auto-scroll
			var newscrollHeight = $("#chatbox").attr("scrollHeight") - 20; //Scroll height after the request
			if(newscrollHeight > oldscrollHeight){
				$("#chatbox").animate({ scrollTop: newscrollHeight }, 'normal'); //Autoscroll to bottom of div
			}
	  	},
	});
}

setInterval (loadLog, 2500);
</script>
<?php
	}
	?>
	<script type="text/javascript"
		src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
	<script type="text/javascript">
</script>
</body>
</html>