Salve a tutti
ho una pagina che tramite javascript aggiorna il div grigio che contiene un pagina php.
Il concetto è aggiornare una parte della pagina senza aggiornare l'intera pagina, questo lo fa già ma vorrei modificare la pagina in modo che ci sia un input text che passi il valore inserito alla pagina caricata nel div
come si può fare'?

Non me ne intendo molto di javascript ma so che il client può leggere il contenuto delle input. Con il DOM può essere?

Vorrei modificare la pagina in modo che al posto del button ci sia un input in modo da poter inserire qualsiasi valore.

Come si può fare?

Vi ringrazio

vi posto il codice

codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<style>
#monitor{ width:300px; height:200px; background-color:#CCC;}
</style>
<script>
var myRequest = null;

function CreateXmlHttpReq(handler) {
var xmlhttp = null;
xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = handler;
return xmlhttp;
}

function myHandler() 
{
if (myRequest.readyState == 4 && myRequest.status == 200) {
//alert(myRequest.responseText);
var e = document.getElementById("monitor");
e.innerHTML = myRequest.responseText;
}
}

function esempio3(services) 
{
alert(services);
myRequest = CreateXmlHttpReq(myHandler);
myRequest.open("GET",services);
myRequest.send(null);
}
</script>
</head>

<body>
<div id="monitor">
</div>


<input type="button" value="FOTO" onClick="esempio3('foto.php')" class="mainLink" />

</body>
</html>