document.getelementbyId(’nama_id’).innerHTML;

<div id=”CommentList”>

<!– list start –>

<div class=”Comment” id=”1″>

<div class=”SenderName”>Kandar</div>

<div class=”CommentDate”>23, April 2009</div>

<div class=”CommentContent”>Ini komentar dari kandar</div>

</div>

<div class=”Comment” id=”2″>

<div class=”SenderName”>Foo</div>

<div class=”CommentDate”>24, April 2009</div>

<div class=”CommentContent”>hellow world</div>

</div>

<div class=”Comment” id=”3″>

<div class=”SenderName”>Kandar</div>

<div class=”CommentDate”>23, April 2009</div>

<div class=”CommentContent”>Ini komentar dari kandar</div>

</div>

<!–list end–>

</div>

document.getElementById(’CommentList’).innerHTML;

var currentContent = document.getElementById(’CommentList’).innerHTML;

var commentValue = ‘name=’ + encodeURI(
document.getElementById(’name’).value ) + ‘&YourComment=’ +
encodeURI( document.getElementById(’YourComment’).value );

<form name=”CommentForm” id=”CommentForm” class=”cssform” action=”javascript:postContent()” method=”post” />

<p><label for=”name”>Name:</label> <input type=”text” name=”name” id=”name” />

<p><label for=”YourComment”>Comment:</label>
<textarea name=”YourComment” id=”YourComment”
/></textarea></p>

<p><input name=”Submit” type=”submit” value=”Submit” /></p>

</form>

function postContent(){

/* Query yang nilainya akan dikirim ke php.*/

var commentValue = ‘name=’ + encodeURI(
document.getElementById(’name’).value ) + ‘&YourComment=’ +
encodeURI( document.getElementById(’YourComment’).value );

/* File php yang bertugas melalukan proses penyumpanan. */

var send_to = ‘manage-comment.php’;

/*Div id untuk menampilan gambar preloader dan error.*/

var respons = ‘alert’;

postAjax(send_to, commentValue, respons, handleResponComment);

}

var xmlHttp = createXmlHttpRequest();

var obj = ”;

function createXmlHttpRequest() {

var xmlHttp = false;

if (window.ActiveXObject) {

xmlHttp = new ActiveXObject(”Microsoft.XMLHTTP”);

} else {

xmlHttp = new XMLHttpRequest();

}

if (!xmlHttp) {

alert(”Ops sorry We found some error!!”);

}

return xmlHttp;

}

function handleResponComment(){

if (xmlHttp.readyState == 4){

if (xmlHttp.status == 200){

/* Untuk menerima respon balik dari php, kita menggunakan JSON. */

var JSONRespons = eval(’(’ + xmlHttp.responseText + ‘)’);

if(JSONRespons.status == 1){

/*

* Jika penyimpanan data ke dalam database telah berhasil, proses selanjutnya adalah memanggil fungsi commentResponse.

*/

commentResponse(JSONRespons);

}

else{

/*Jika komentar baru sudah muncul, form kita aktifkan kembali dengan
memanggil fungsi enableForm() dengan menggunakan event onload pada
image.*/

document.getElementById(obj).innerHTML = JSONRespons.message +
‘<img src=”ajax-loading.gif” width=”0″ height=”0″
onload=”enableForm();”>’;

}

} else {

/* Tampilkan error jika ada.*/

document.getElementById(obj).innerHTML = ‘Error: ‘ + xmlHttp.statusText;

}

}

else{

/*

* Nonaktifkan form sesaat setelah user menekan tombol submit.

* Munculkan juga image preloader.

*/

document.getElementById(obj).innerHTML = ‘<img src=”ajax-loading.gif”>’;

document.getElementById(’name’).disabled=true;

document.getElementById(’YourComment’).disabled=true;

document.getElementById(’submit’).disabled=true;

}

}

function enableForm(){

/* Mengaktifkan kembali form jika semua proses telah selesai. */

document.getElementById(’name’).disabled=false;

document.getElementById(’YourComment’).disabled=false;

document.getElementById(’submit’).disabled=false;

}

function commentResponse(JSONRespons){

/*Melist komentar yang telah ada.*/

var current_contents = document.getElementById(’CommentList’).innerHTML;

/* List komentar yang telah ada ditambah komentar baru. */

var newComment = current_contents + ‘<div class=”Comment” id=”‘ +
JSONRespons.message_id + ‘”><div class=”Remove”><a
href=”javascript:deleteContent(’ + JSONRespons.message_id +
‘);”>Remove</a></div><div
class=”SenderName”><img src=”ajax-loading.gif” width=”0″
height=”0″ onload=”enableForm();”>’ + JSONRespons.name +
‘</div><div class=”CommentDate”>’ + JSONRespons.date +
‘</div><div class=”CommentContent”>’ + JSONRespons.comment
+ ‘</div></div>’;

/* Mendapatkan total komentar saat ini*/

var currTotalComm = document.getElementById(’numComment’).innerHTML;

/* Total komentar saat ini ditambah satu.*/

document.getElementById(’numComment’).innerHTML = parseInt(currTotalComm) + parseInt(1);

/*Munculkan semua komentar, termasuk yang baru saja ditambahkan.*/

document.getElementById(’CommentList’).innerHTML = newComment;

/* reset form.*/

document.getElementById(’CommentForm’).reset();

/* Hilangkan image preloader.*/

document.getElementById(’alert’).innerHTML = ”;

}

function deleteContent(messageID){

var postValue = ‘id=’ + messageID;

var send_to = ‘manage-comment.php’;

var respons = ‘alert’;

input_box = window.confirm(’Are you sure want to delete this comment?’);

if (input_box==true){

postAjax(send_to, postValue, respons, handleDeletedComment);

}

}

function handleDeletedComment(){

if (xmlHttp.readyState == 4){

if (xmlHttp.status == 200){

var JSONRespons = eval(’(’ + xmlHttp.responseText + ‘)’);

if(JSONRespons.status == 1){

deleteNow(JSONRespons.id);

}

else{

document.getElementById(obj).innerHTML = JSONRespons.message;

}

} else {

document.getElementById(obj).innerHTML = ‘Error: ‘ + xmlHttp.statusText;

}

}

}

function deleteNow(id){

var delete_comment = document.getElementById(id);

var currTotalComm = document.getElementById(’numComment’).innerHTML;

document.getElementById(’numComment’).innerHTML = parseInt(currTotalComm) – parseInt(1);

delete_comment.parentNode.removeChild(delete_comment);

enableForm();

document.getElementById(’alert’).innerHTML = ”;

}