Ciao!
Ho letto il link che mi hai segnalato e ho provato ad inserire lo script di esempio, ma non mi funziona lo stesso.
Il problema lo riscontro solo con IE (ho la versione 7), mentre con Firefox (che ho usato per lo sviluppo di questo progettino) non mi crea alcun problema..
Qui di seguito posto l'intera pagina..magari gli errori sono altrove!
codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<script>
function setXMLHttpRequest() {
var xhr = null;
// browser standard con supporto nativo
if (window.XMLHttpRequest) {
xhr = new XMLHttpRequest();
}
else if (window.ActiveXObject) {
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
return xhr;
}
var xhrObj = setXMLHttpRequest();
function populateList() {
var par = document.forms[0].elements[0].value;
var url = 'leggi.php?par=' + par;
xhrObj.open('GET', url, true);
xhrObj.onreadystatechange = getRicerca;
xhrObj.send(null);
}
function getRicerca() {
if(xhrObj.readyState == 4 && xhrObj.status == 200) {
document.getElementById('risultati').innerHTML = "<label for='risultati'>Scelgi:</label><select id='risultato' class='text' name='risultato'>" + xhrObj.responseText + "</select>";
}
else {
document.getElementById('risultati').innerHTML = 'Errore: ricerca fallita!';
}
};
function populateList2() {
var aut = document.forms[0].elements[1].value;
var url = 'leggi2.php?aut=' + aut;
xhrObj.open('GET', url, true);
xhrObj.onreadystatechange = getArticolo;
xhrObj.send(null);
}
function getArticolo() {
if(xhrObj.readyState == 4 && xhrObj.status == 200) {
document.getElementById('articoli').innerHTML = "<label for='articoli'>Scelgi:</label><select id='articolo' class='text' name='articolo'>" + xhrObj.responseText + "</select>";
}
else {
document.getElementById('articoli').innerHTML = 'Errore: ricerca fallita!';
}
}
</script>
<head>
<meta name="author" content="Luka Cvrk (solucija.com)" />
<meta http-equiv="content-type" content="text/html; charset=utf-8;no-cache" />
<link rel="stylesheet" href="css/main.css" type="text/css" media="screen, projection" />
<title>ArticoloDiciannove - LeggiArticoli</title>
</head>
<?session_start();?>
<body id="home">
<div class="wrap">
<div id="logo" style="width: 299px; height: 24px">
<h2>ARTICOLO DICIANNOVE</h2>
diritto di espressione e di parola</p>
</div>
<ul id="nav">[*]<span class="akey">H</span>ome[*]<span class="akey">P</span>aginaPersonale[*]<span class="akey">L</span>eggi[*]<span class="akey">S</span>crivi[*]<span class="akey">I</span>mmagini[*]<span class="akey">Q</span>uiz
[/list]
</div>
<div class="wrap">
<div id="left">
<h1>Scegli il parametro di ricerca</h1>
<FORM METHOD="GET" ACTION="articolo_leggi.php">
<label for="parametri"> Cerca per:</label>
<select id="par" class="text" name="par" onchange="populateList()" >
<option value="">Seleziona un criterio</option>
<option id="autore" value="autore">Autore</option>
<option id="titolo" value="titolo">Titolo</option>
<option id="data" value="data">Data</option>
</select>
</p>
<p id="risultati" name="risultato" onchange="populateList2()">
</p>
<P id="articoli" name="articolo">
</p>
<INPUT TYPE="Submit" VALUE="Leggi">
</P>
</FORM>
</div>
<div id="right">
<h2>ATTENZIONE</h1>
<p id="info">Nel titolo dell'articolo il carattere apostrofo (') viene sostituito dal carattere asterisco (*)</p>
</div>
<div id="footer">
Articolo19: Home · Leggi · Scrivi · Immagini · Quiz · Segnala</p>
</div>
</div>
</body>
</html>