Announcement

Collapse
No announcement yet.

JavaScript extern auslagern

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • JavaScript extern auslagern

    Hallo,

    ich stehe gerade vor einem Rätsel.

    ich hbae folgende xml datei.

    Code:
    <?xml version="1.0" encoding="ISO-8859-1"?>
    <!DOCTYPE DATEN SYSTEM "format.dtd">
    
    <DATEN>
    
       <GEBIETE>
        <STADT ID="Amasya">
            <ORT ID="Gesamt">
                <EINWOHNER>322.167</EINWOHNER>
                <FLÄCHE>5690 km²</FLÄCHE>
                <BESCHREIBUNG>Text</BESCHREIBUNG>
            </ORT>
          
            <ORT ID="Suluova">
                <EINWOHNER>46.485</EINWOHNER>
                <FLÄCHE>516 km²</FLÄCHE>    
                <BESCHREIBUNG>Text</BESCHREIBUNG>
            </ORT>
         
          
         </STADT>
       </GEBIETE>
    </DATEN>
    Mit JavaScript möchte ich einzelne Elemente auslesen und in HTML einfügen. Wenn ich die den JS-Code intern in das HTML dokument einbinde klappt es.
    Wenn ich es extern auslagere tut sich nichts. Kann mir jemand vielleicht bitte sagen wo der fehler liegt?

    Meine HTML datei:

    Code:
    <!DOCTYPE html>
    <html>
          <head>
             <title>Layout meiner Webseite</title>
            <link rel="stylesheet" type="text/css" href="css/style.css" />
            <!-- <script type="text/javascript" src="script.js"></script>-->
          </head>
         
          <body>
             <div id="header">   
             Schwarzmeerregion
             </div>
              
              <script>
               var xmlhttp, xmlDoc;
               xmlhttp = new XMLHttpRequest();
               xmlhttp.open("GET", "index.xml", false);
               xmlhttp.send();
               xmlDoc = xmlhttp.responseXML;
               document.getElementById("header").innerHTML=
               xmlDoc.getElementsByTagName("EINWOHNER")[0].childNodes[0].nodeValue;
    </script>
          </body>
    </html>

  • #2
    Das Script wird an der Stelle ausgeführt wo es steht.
    Im Head macht das dort keinen Sinn.

    Kapsle den Code des Scriptes mit einer Funktion. Verlagere das Script in eine Datei. Rufe dann das Script/die funktion im onload-Ereignis des body-Tag auf
    Christian

    Comment


    • #3
      Super hat geklappt. Vielen dank.

      Mein größeres Problem liegt darin, wie ich jetzt die Elemente einzeln, sprich ORT=Gesamt, ORT=Suluova, komplett mit JavaScript auslesen kann und in HTML einfügen kann?
      Gibt es da eine Mehotde alle Elemente in xml auszulesen und gezielt mit JS in HTML einzufügen?

      Also mal grob ausgedrückt: "Platziere <Einwohner> von Stadt Amasya hier hin." oder "Platziere <BESCHREIBUNG> von Suluova dort hin." usw.

      Comment


      • #4
        Nun, JQuery

        könnte das erleichtern. Eine allg. gültige Methode gibt es nicht

        https://jquery.com/

        http://api.jquery.com/category/manipulation/
        Christian

        Comment


        • #5
          Originally posted by Christian Marquardt View Post
          Nun, JQuery

          könnte das erleichtern. Eine allg. gültige Methode gibt es nicht

          https://jquery.com/

          http://api.jquery.com/category/manipulation/
          Super vielen dank für die schnelle Hilfe.

          Werde es mir mal angucken.

          Comment

          Working...
          X