HI,

This question involves AJAX but this is not an ajax problem as the ajax works...this is a DOM related question. IM sorry its such a long read but its the only was i could describe my problem

I have an ajax app that allows a user to select a message from a list and then edit it in a textarea to the right of the list. Once the user has finished editing the message they click a submit button some more ajax runs and the message is sent back to the server. A confirmation message is the printed in place of the edited text in the textarea.

Now all works fine up to a certain point....a user can click edit, the message is loaded in the textarea and the user can click submit and the edited message gets submitted to the server.

The problem however is here. If the user clicks edit, clicks in the textarea but doesnt edit any text and then presses submit everything is fine and the confirmation message is printed. However id the user edits the message and then presses submit there is no confirmation printed and the user cannot click any further buttons....the page has to be reloaded for the app to do anything else.....BUT the message has been edited....

so i dont think its an ajax problem, i think its more something to do with the DOM...has anyone ever encountered problems with textareas once they've been clicked in/text edited?

I cant work this out....ive debugged and debugged but cant find the problem....ive also googled it do death....heres my code. First the functions ( sendmessage() sends the text and showconfirmation() prints the conf...duh!) and then the related html....

Code JavaScript:
function send_message(msg) {
    var message_id = msg.id;
   	var updated = document.getElementById("textbox");
   	var updated_txt = updated.TextNode;
   	var url = "edit_message.php";
   	request.open("POST", url, true);
   	request.onreadystatechange = show_confirmation;
   	request.send("message_id=" + escape(message_id) +
                   "message=" + escape(updated_txt));
   }
 
   function show_confirmation() { 
   alert('polo');
    if(request.readyState == 4) {
     var confirmation = request.responseText;
     var div = document.getElementById("textbox");
   	 var confirmation_area = div.TextNode;
   	 replaceText(confirmation_area, confirmation);
 
    }
   }

Code HTML4Strict:
 <tr>
      <td><?php echo substr($message, 0, 30); ?></td><td><span style="color: red; font-weight: bold;"><?php echo $author; ?></span></td><td>
      <form>
 
      <input type="button" id="<?php echo $message_id; ?>" value="edit" onClick="get_message(this);" /></td>     </tr>
<?php } ?>
  </table>
 <textarea style="width: 300px; height: 400px; border: 1px solid #ccc; margin-left: 20px;" id="textbox"></textarea>
  <input type="button" id="<?php echo $message_id; ?>" value="submit" onClick="send_message(this);" /></form>
 
 
    </div>

Any ideas would be appreciated