Non volevo essere polemico.. forse sono soltanto sfortunato quando mi "imbatto" nel mondo MS.
Essendo una pagina web molto semplice non ho pensato ad un servizio vero e proprio (avrei dovuto in effetti ma non è da molto che utilizzo il DOM e allora ho preferito rimandare alla prossima :-) )
Vorrei capire però più in dettaglio come ottenere un servizio modificando il mio codice e soprattutto capire a questo punto perchè con l'utilizzo del tag DIV a me non funziona.
Ti spiego meglio la mia struttura:
1) nella pagina default.asp ho le mie select (la prima racchiude le macro aree mentre le altre sono figlie e così via..):
<select id="LuogoLiv1" name="LuogoLiv1" onchange="setLuogo('LuogoLiv',<% =i%>, <% =Livello%>);">
<option selected="selected" value="0">Seleziona un luogo</option>
<%
Do While Not RsLuogo.EOF
%>
<option value="<%=RsLuogo("ID")%>"><%=RsLuogo("Descrizione")%>
</option>
<%
RsLuogo.Movenext
Loop
RsLuogo.Close
Set RsLuogo = Nothing
%>
</select>
...
...
<!-- poi in base a quante SELECT nidificate ci sono nel db cariche le select figlie---
...
<%
For i = 2 To Livello
%>
<tr>
<td align="right"> </td>
<td>
<!--QUI C'ERA IL DIV COME VISTO NEL TUO ESEMPIO: <div id="myDiv<% =i%>"> -->
<select id="LuogoLiv<% =i%>" name="LuogoLiv<% =i%>" onchange="setLuogo('LuogoLiv',<% =i%>,<% =Livello%>);">
</select>
<!--</div>-->
</td>
</tr>
<%
Next
%>
2) questa invece è la funzione javascript che richiamo su ogni onchange della select:
// La funzione di partenza, viene chiamata quando è caricata la pagina
function setLuogo(nomeSelect, id, levelNested)
{
ID = document.getElementById(SelectNameID).value;//memorizzo l'id passato
//Se il livello di annidamento passato è quello massimo allora non ho più select //figlie: per fare questo controllo mi basta confrontare il livello massimo //passato con l'id della select passata
if (LivAnnidamento != IDSelect)
{
document.getElementById("LuogoLiv" + IDSelectNested).style.visibility = "visible";
}
//controllo se è stato selezionato un luogo nella combo
if (ID != 0)
{
xmlHttp = getXmlHttpObject();//creo l'oggetto xmlHttpRequest
if(xmlHttp == null)
{
alert("Browser does not support HTTP Request object");
return;
}
xmlHttp.onreadystatechange = stateChanged; //funzione da richiamare quando cambia lo stato dell'oggetto
xmlHttp.open("GET", url + "?idpadre=" + ID, true); //inizializzo la richiesta alla pagina asp per ottenere le option della select //figlia
xmlHttp.send(null); //invio della GET con body vuoto
}
else
{
//devo resettare tutte le select tranne quella di livello primo:
for (j=(LivAnnidamento-1);j<=LivAnnidamento;j++)
{
var x=document.getElementById(SelectName + j);
for (i=0;i<=x.length;i++)
{
x.remove(x.options[i]);//rimuovo tutte le options della select
x.options[x.selectedIndex].text = "";//setto a stringa vuota il valore di //default della select
document.getElementById("LuogoLiv" + j).style.visibility = "hidden";
}
}
}
}
// funzione che ricava l'oggetto in base al browser dell'utente
function getXmlHttpObject()
{
var objXmlHttp = null;
// code for Mozilla, etc.
if(window.XMLHttpRequest)
{
objXmlHttp = new XMLHttpRequest()
}
else if(window.ActiveXObject)
{
objXmlHttp = new ActiveXObject("Microsoft.XMLHTTP")
}
return objXmlHttp;
}
// funzione da eseguire quando cambia lo stato dell'oggetto
function stateChanged()
{
//Dobbiamo eseguire quando è stata ricevuta la risposta dal server e tutto è OK
if (xmlHttp.readyState == 4)
{
if(xmlHttp.status == 200)
{
//devo visualizzare solo la select figlia di quella selezionata dall'utente:
//se il livello di annidamento è uguale a 3 e si clicca sulla select uno devo //nascondere la select numero 3
for (z=(IDSelect+2);z<=LivAnnidamento;z++)
{
document.getElementById("LuogoLiv" + z).style.visibility = "hidden";
}
//se l'id della select passata è uguale al massimo livello di annidamento //significa che non ho più select figlie
if (LivAnnidamento != IDSelect)
{
IDSelect = (IDSelect + 1);//incremento il valore i-esimo della select per //popolare la select-figlio
SelectName = (SelectName + IDSelect);//ricavo il nome della select-figlio
//visualizzo il risultato del file aperto con l'oggetto xmlHttp
document.getElementById(SelectName).innerHTML = xmlHttp.responseText;
//qui avevo provato a gestire la reponse con le DIV
//document.getElementById(divName).innerHTML = xmlHttp.responseText;
}
}
else
{
alert('Problema nel recupero del file xml: ' + xmlHttp.status + " : " + xmlHttp.statusText);
}
}
}
3) il file .asp che mi stampa le option è questo:
..
SQL = "SELECT ID, Descrizione FROM ..."
Set Rs = DBLuoghi.Execute (SQL)
Do While Not Rs.EOF
Response.Write "<option value=""" & Rs("ID") & """>" & Rs("Descrizione") & "</option>" & VbCrLf
Rs.Movenext
Loop
