Ciao a tutti ragazzi,
ho iniziato da poco a studiare Ajax e stavo facendo qualche prova con questa pagina html che richiama tramite una funzione ajax una pagina php. QUesta pagina dovrebbe servire a passare i tag della pagina php dentro al select e poi poter colorare il testo nel div ma non funzia e non riesco a capire il motivo, qualcuno sa darmi una mano? Vi posto il codice
codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>Prova Ajax e Xml</title>
    <script type="text/javascript">
        var options;
        function getOption(schema) {
            if (Ajax.Request) {
            var url = option_3.php;
            Ajax.open("POST",url);
            Ajax.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
            Ajax.onreadystatechange = function(){
                if(Ajax.readyState == 4 && Ajax.status == 200) {
                    var xmlDocument = Ajax.ResponseXML;
                     options = xmlDocument.getElementByTagName('option');
                    listOptions();
                }
                function listOptions(){
                    var i;
                    var selectControl = document.getElementById('optionList');
                    for (i=0; i<options.length; i++){
                            selectControl.options[i] = new Option(options[i].firstChild.data);}
                }

            }
            function setOption(){
                document.getElementById('targetDiv').style.color = options[document.getElementById('optionList').selectedIndex].firstChild.data;
            }
            Ajax.send("schema="+schema)
            }
        }
    </script>

  </head>
  <body>
      <h4>ajax e xml</h4>
      <form id="prova">
          <select id="optionList" size="1" onchange="setOption();">
              <option>seleziona i colori</option>
          </select>
          <input type="button" value="clicca" onclick="getOption(1);" />
      </form>
      <div id="targetDiv">
          Colora il testo
      </div>
  </body>
</html>