function creerObjet() {
    var obj;
    var browser = navigator.appName;
    if(browser == "Microsoft Internet Explorer"){
        obj = new ActiveXObject("Microsoft.XMLHTTP");
    }else{
        obj = new XMLHttpRequest();
    }
    return obj;
}
var http = creerObjet();
var url = "villeXml.do?idCommunaute=";

function getVilles(idCommunaute)     {
        if(idCommunaute!=''){
            http.open('get', url + escape(idCommunaute), true);
            http.onreadystatechange = reponse;
            http.send(null);
        } else {
            emptyVille();
        }
}

function reponse() {
  if(http.readyState == 4){
        var html = "- <b>Commune : </b><select name=\"ville\" class=\"select_pagerecherche\">\n";
            html = html + "<option value=\"\">Choisissez une ville</option>";
        var xmltexte = http.responseXML;
        var root = xmltexte.getElementsByTagName('results').item(0);
        var sonOfRoot = root.getElementsByTagName("beans").item(0);
        var listeVilleXML = sonOfRoot.getElementsByTagName("bean");
            for(i=0 ; i<listeVilleXML.length ; i++){
                childNode = listeVilleXML.item(i);
                    ville = childNode.getElementsByTagName("property");
                    var tempNom = ville.item(1).getAttribute("value");
                    html = html + "<option value=\""+tempNom+"\">"+tempNom+"</option>\n";
            }
            html = html + "\n</select>";
        document.getElementById('emptyVille').display = "none";
        document.getElementById('villes').display = "inline";
        document.getElementById('villes').innerHTML = html;
        document.getElementById('emptyVille').innerHTML = "";
   }
}

function emptyVille(){
        document.getElementById('villes').display = "none";
        document.getElementById('emptyVille').display = "inline";
        document.getElementById('emptyVille').innerHTML = "<input type=\"hidden\" name=\"ville\" value=\"\"/>";
}
