<html>
<head>
<title>test page</title>
<script type="text/javascript" src="text-utils.js"></script>
<script language="javascript" type="text/javascript">
var request = null;
function createRequest() {
try {
request = new XMLHttpRequest();
} catch (trymicrosoft) {
try {
request = new ActiveXObject("Msxml2.XMLHTTP");
} catch (othermicrosoft) {
try {
request = new ActiveXObject("Microsoft.XMLHTTP");
} catch (failed) {
request = null;
}
}
}
if (request == null)
alert("Error creating request object!");
}
function get_message() {
var message_id = document.getElementById("message_id").value;
createRequest();
var url = "edit_message.php?message_id=" + escape(message_id);
request.open("GET", url, true);
request.onreadystatechange = open_message;
request.send(null);
}
function open_message() {
if(request.readystate == 4) {
var message_txt = request.responseText;
var message_area = document.getElementById("message_text");
replaceText(message_area, message_txt);
}
}
</script>
</head>
<body>
<table style="float: left; width: 30px; background-color: red;">
<?php
require_once('../mysql_connect.php');
$sql = "SELECT * FROM message ORDER BY message_id";
$query = mysql_query($sql);
while($row = mysql_fetch_assoc($query)) {
$message = $row['message'];
$author = $row['author'];
$message_id = $row['message_id'];
?>
<tr>
<td><?php echo $message; ?></td><td><span style="color: red; font-weight: bold;"><?php echo $author; ?></span></td><td>
<form method="GET">
<input type="hidden" id="message_id" value="<?php echo $message_id; ?>">
<input type="button" value="edit" onClick="get_message();" /></td> </form>
</tr>
<?php
}
?>
</table>
<div style="float: left; width: 400px; margin-left: 20px; height: 400px; background-color: blue;" id="textbox">
<p id="message_text">some text</p>
</div>
</body>
</html>
Unsolved 
