ajaxiskey

it is called changing your mind...

document.getElementById("VCP_CONTENT").value Is suppose to be displayed like that, I don't want it's value to be inserted there.

How can I make this string work? document.getElementById("PAGE").innerHTML = '<div style="color: #FE4D1B; text-align: center; font-family: Arial; font-size: 12px; background-color: #222222;">View Comments</div><div id="VCP_COMMENTS" style="height: 166px; overflow: auto; border: 1px dotted #444444; width: 444px; margin: auto; margin-top: 4px;"></div><div id="VCP_BOX" style="text-align: center;"><textarea id="VCP_CONTENT" style="background-color: #000000; color: #FFFFFF; border: 1px dotted #FE4D1B; width: 444px; font-size: 10px; height: 30px; font-family: Arial; margin: auto; margin-top: 4px;"></textarea><input type="button" value="Post Comment" onClick="POST_NEWS_COMMENT('+NEWS_ID+',document.getElementById("VCP_CONTENT").value);" style="margin-top: 2px; background-color: #000000; color: #FFFFFF; border: 1px dotted #FE4D1B; width: 446px; font-family: Arial;"></div>';

test/test works fine... are you using firefox? also the code runs fine if it is the only code on the page... but when it is included with my entire code, when i click the image the onClick doesn't trigger... <div id="ERRORBOX" style="position: absolute; left: 50%; top: 50%; width: 200px; height: 150px; margin-left: -100px; margin-top: -75px; background-image: url('images/errorbox.png'); visibility: hidden;"> <div style="margin-top: 2px; margin-left: 2px; width: 196px; background-color: #121212; text-align: center; color: #FF0000; padding-top: 1px;">ERROR</div> <div id="ERRORBOX2" style="position: relative; top: 30%; color: #FFFFFF; text-align: center;"></div> <img style="display: block; position: absolute; bottom: 6px; right: 6px;" src="images/x.png" onClick="document.getElementById('ERRORBOX').style.visibility='hidden';"> </div>

-

To View The Problem 1. http://www.oddim.com/ 2. Login as test/test 3. Hit Update Status 4. Notice how when u click the red x the onClick doesn't run Doesn't work on Firefox, that is the problem... Any ideas?

When does the php code on the requested page start running, and end running... readyState wise?

Can someone please explain the complete ajax request in high detail. 0: request not initialized 1: server connection established 2: request received 3: processing request 4: request finished and response is ready The point of me asking this question is that I must know when the PHP code on the page I called has finished being processed...