[Ajax] invio form con nome dinamico

[pippolone]

Non ne conosco di javascript, quindi vorrei chiedervi una cosa.
ho il seguente script che invia i dati presenti nel form ad una pagina php che fa quello che deve fare senza refresh.

Io vorrei inviare allo script il nome del form in maniera dinamica e non forzata come avviene adesso (lo chiama f1) in modo da poter utilizzare più form (con i nomi che voglio) nella stessa pagina.

lo script:

<script language="Javascript">
function xmlhttpPost(strURL) {
var xmlHttpReq = false;
var self = this;
// Xhr per Mozilla/Safari/Ie7
if (window.XMLHttpRequest) {
self.xmlHttpReq = new XMLHttpRequest();
}
// per tutte le altre versioni di IE
else if (window.ActiveXObject) {
self.xmlHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
}
self.xmlHttpReq.open('POST', strURL, true);
self.xmlHttpReq.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
self.xmlHttpReq.onreadystatechange = function() {
// if (self.xmlHttpReq.readyState == 4) {
// updatepage(self.xmlHttpReq.responseText);
// }
}
self.xmlHttpReq.send(getquerystring());
}

function getquerystring() {
var form = document.forms['f1'];
var word = form.word.value;
qstr = 'w=' + escape(word); // NOTARE bene che non viene messo '?' prima della querystring
return qstr;
}

// function updatepage(str){
// document.getElementById("result").innerHTML = str;
// }
</script>

e il form che lo richiama

<form name="f1" style="font-size:10px; font-face:verdana;">
<SELECT NAME="word" style="font-size:10px; font-face:verdana;" class="form_one">
<option value="0">In Linea</option>
<option value="1">Non Al Computer</option>
<option value="2">Occupato</option>
</SELECT>
<input value="Go" type="button" onclick='JavaScript:xmlhttpPost("status.php")' style="font-size:10px; font-face:verdana;" class="form_one">
<div id="result"></div>
</form>

[pippolone]

p.s. non me ne vogliano i moderatori se ho dimenticato di finire il titolo della pagina ma ormai non posso editarlo

[floyd]

lo devi passare alle funzioni

function xmlhttpPost(strURL, formName) {
  ...
   self.xmlHttpReq.send(getquerystring(formName));
}
function getquerystring(formName) {
  var form = document.forms[formName];
  ...
<input value="Go" type="button" onclick="xmlhttpPost('status.php', 'f1')"

puoi passarlo anche come oggetto

[menphisx]

prova qui
C'è una funzione per inviare dati con i form