Menù interattivo (era: Aiuto Ajax)

[ciccio9999]

Ragazzi sto cercando di fare un menu a tendina interattivo ma non mi viene. Dove sbaglio? Non so dove sta l'errore perchè non mi fa nulla quando dovrebbe far comparire il risultato:

ajax.js:

function ajaxFunction()
{
    var xmlhttp;
    if (window.XMLHttpRequest)
    {
        // code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp=new XMLHttpRequest();
    }
    else if (window.ActiveXObject)
    {
        // code for IE6, IE5
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    else
    {
        alert("Your browser does not support XMLHTTP!");
    }
 return xmlhttp;
}

xmlhttp = ajaxFunction();

function doFileRequest(filename, args, elem)
{    
    xmlhttp.onreadystatechange=function()
    {
        if (xmlhttp.readyState==4) 
        {
            elem.innerHTML=xmlhttp.responseText;            
        }
    }

    var method = "GET";
    if (args) method = "POST";
    
    xmlhttp.open(method, filename, true);
    if (args) {
        xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
        xmlhttp.setRequestHeader("Content-length", args.length);
        xmlhttp.setRequestHeader("Connection", "close");
    }    
    xmlhttp.send(args);
}

poi il file pagina.php che è quello con il form:

<script type="text/javascript" src="ajax.js"></script>
<form> 
    Cerca un nome:<br>
	<select onchange="doFileRequest('ajax.php', '?val='+this.value, document.getElementById('content'))">
	<option value="Pluto">Pluto</option>
	<option value="Pipo">Pipo</option>
	<option value="Gigio">Gigio</option>
	</select>
	</form>

<div id="content"></div>

Ed infine il file ajax.php.

<?
    echo $_POST['val'];
?>

Informazioni aggiuntive:

1) Ho provato sia con $_GET che con POST.
2) Ho provato anche a mettere il name alla select ma non funzionava lo stesso.

Cosa/Dove sbaglio? Come lo sistemereste? Grazie

 

[alessandro1997]

Ti consiglio di usare un framework per gestire le richieste AJAX. jQuery è perfetto. Su Mr. Webmaster c'è un ottimo articolo. Prova così. Se ancora non funziona riposta.

 

[ciccio9999]

Il javascript non lo conosco e forse dipende da questo. Ma mi pare completamente diverso da quanto serve a me. Avevo trovato un altro sistema per fare le ricerche, ma non riesco a farlo con i menu a tendina

 

[alessandro1997]

L'articolo invece è esattamente quello che ti serve. jQuery ti aiuta a sviluppare applicazioni Web cross-browser e semplifica tutto ciò che non ha direttamente a che fare con i fini dell'applicazione stessa. Il tutorial non parla di come sviluppare un menù a tendina con jQuery, ma ti spiega come usare le funzioni AJAX che ti mette a disposizione.

 

[ciccio9999]

Non è che puoi spiegarmi cosa fanno le varie parti del codice? Anche qui come risposta almeno serve anche ad altri che hanno lo stesso mio problema