Forum PHP.pl > [ajax] Pusty ciąg znaków przekazany do getElementById()

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [ajax] Pusty ciąg znaków przekazany do getElementById()

zimekk

27.07.2009, 17:21:54

Mam kod z pewnej książki, ale coś nie chce działać. Konsola błędów pokazuje mi komunikat: "Pusty ciąg znaków przekazany do getElementById()."

[HTML] pobierz, plaintext 
<html>
    <head>
        <meta HTTP-EQUIV="content-type" CONTENT="text/html; charset=utf-8">
        <script language="javascript">
            var XMLHttpRequestObject = false;
 
            if(window.XMLHttpRequest) {
                XMLHttpRequestObject = new XMLHttpRequest();
            } else if(window.ActiveXObject) {
                XMLHttpRequestObject = new ActiveXObject("Microsoft.XMLHTTP");
            }
            var options;
 
            function getOptions1() {
                if(XMLHttpRequestObject) {
                    XMLHttpRequestObject.open("GET", "options1.php", true);
 
                    XMLHttpRequestObject.onreadystatechange = function() {
                    if(XMLHttpRequestObject.readyState == 4 &&
                        XMLHttpRequestObject.status == 200) {
                        var xmlDocument = XMLHttpRequestObject.responseXML;
                        options = xmlDocument.getElementByTagName("option");
                        listOptions();
                        }
                    }
                XMLHttpRequestObject.send(null);
                }
            }
 
            function listOptions() {
                var loopIndex;
                var selectControl = document.getElementById('optionList');
 
                for(loopIndex=0; loopIndex < options.length; loopIndex++) {
                    selectControl.options[loopIndex] = new Option(option[loopIndex].firstChild.data);
                }
            }
        </script>
    </head>
    <body>
        <form>
            <select size="1" id="optionList" onchange="setOption()">
                <option>Wybierz schemat</option>
            </select>
            <input type="button" value="Użyj schematu kolorów 1" onclick="getOptions1()" />
            <input type="button" value="Użyj schematu kolorów 2" onclick="getOptions2()" />
        </form>
        <div id="targetDiv">
            <p>Przechwycone dane będą tu</p>
        </div>
    </body>
</html>
[HTML] pobierz, plaintext

a to plik options1.php

[PHP] pobierz, plaintext 
<?php
    header("Content-type: text/xml");
    $options = array('red', 'green', 'blue');
    echo '<?xml version="1.0"?>';
    echo '<options>';
    foreach($options as $wartosc) {
        echo '<option>';
        echo $wartosc;
        echo '</option>';
    }
    echo '</options>';
?>
[PHP] pobierz, plaintext

phpmens

20.04.2010, 15:19:09

poczytaj o jQuery

ziqzaq

20.04.2010, 18:11:11

Cytat(phpmens @ 20.04.2010, 16:19:09 )

poczytaj o jQuery

Bo jQuery uratuje go od literówek w kodzie? IMO lepiej jak się najpierw pouczy js bez frameworków.
Co do kodu to masz dwie literówki.
1. Linia 22: getElementsByTagName()
2. Linia 35: options

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.