Форумы портала PHP.SU

CODE (html):
скопировать код в буфер обмена
 
<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script language="javascript">
            function createObject() {
                var request_type;
                var browser = navigator.appName;
                if(browser == "Microsoft Internet Explorer"){
                    request_type = new ActiveXObject("Microsoft.XMLHTTP");
                } else {
                    request_type = new XMLHttpRequest();
                }       
                return request_type;
            }
            var http = createObject();
            
            function showForm(id) {
                var myParam=document.getElementById(id);
                myParam.innerHTML="<input type=\"text\" id=\"newval\" /><input type=\"button\" value=\"Изменить\" onclick=\"sendVal(id)\" />";
            }
            
            function sendVal(id) {
                var newValue = document.getElementById('newval').value;
                http.open('POST','handler.php',true);
                http.onreadystatechange=reloadPage;
                http.setRequestHeader("Content-type","application/x-www-form-urlencoded");
                http.send('id=' + id + '&value=' + newValue);
}
function reloadPage()
{
        if(http.readyState==4 && http.status==200)
        {
                location.reload(true);
                
        }
            }
        </script>
    </head>
    <body>
        <!-- таблица из базы данных -->
        <table>
            <tr>
                <td id="td1" onclick="showForm('td1')">val of td 1</td>
            </tr>
            <tr>
                <td id="td2" onclick="showForm('td2')">val of td 2</td>
            </tr>
            <tr>
                <td id="td3" onclick="showForm('td3')">val of td 3</td>
            </tr>
            <tr>
                <td id="td4" onclick="showForm('td4')">val of td 4</td>
            </tr>
            <tr>
                <td id="td5" onclick="showForm('td5')">val of td 5</td>
            </tr>
        </table>
    </body>
</html>
 