Java Code auslagern

  • Hallo zusammen,

    so nun bin ich dran, bissle mich mit Java auseinander zu setzen.

    habe folgende Code bei mir im html eingebunden:

    <html>

    <head>
    <link rel="stylesheet" href="./design.css" type="text/css">
    <title> test</title>


    </head>
    <body onload="rotor(0)">


    <!-- Bilderlauf -->
    <script language="JavaScript">


    function makeArray() {
    this.length = makeArray.arguments.length
    for (var i = 0; i < this.length; i++) this[i+1] = makeArray.arguments[i]
    }
    var teams = new makeArray ( "./bilder/2.jpg", "./bilder/3.jpg", "./bilder/4.jpg" , "./bilder/5.jpg", "./bilder/6.jpg", "./bilder/7.jpg", "./bilder/8.jpg", "./bilder/9.jpg", "./bilder/10.jpg" , "./bilder/11.jpg", "./bilder/12.jpg", "./bilder/13.jpg", "./bilder/14.jpg");
    var eatMe = 1;
    function rotor() {
    document.form.image.src = teams[eatMe];
    eatMe += 1;
    if (eatMe == 14) eatMe = 1;
    setTimeout("rotor()", 2000);
    }
    </SCRIPT>
    <div id="Bilder1">
    <form name="form"><IMG name=image border=0 SRC="../bilder/1.jpg"></form>
    </div>
    <!-- Bilderlauf Ende -->
    </body>
    </html>

    das klappt auch ganz gut, nun möchte ich dies in einer Java Datei auslagern. Das habe ich so gemacht:

    html:
    <html>

    <head>
    <link rel="stylesheet" href="./design.css" type="text/css">
    <title> test</title>
    <script src="test.js" type="text/javascript"></script>


    </head>
    <body onload="rotor(0)">


    <!-- Bilderlauf -->

    <div id="Bilder1">
    <form name="form"><IMG name=image border=0 SRC="../bilder/1.jpg"></form>
    </div>
    <!-- Bilderlauf Ende -->
    </body>
    </html>

    test.js

    function makeArray() {
    this.length = makeArray.arguments.length
    for (var i = 0; i < this.length; i++) this[i+1] = makeArray.arguments[i]
    }
    var teams = new makeArray ( "./bilder/2.jpg", "./bilder/3.jpg", "./bilder/4.jpg" , "./bilder/5.jpg", "./bilder/6.jpg", "./bilder/7.jpg", "./bilder/8.jpg", "./bilder/9.jpg", "./bilder/10.jpg" , "./bilder/11.jpg", "./bilder/12.jpg", "./bilder/13.jpg", "./bilder/14.jpg");
    var eatMe = 1;
    function rotor() {
    document.form.image.src = teams[eatMe];
    eatMe += 1;
    if (eatMe == 14) eatMe = 1;
    setTimeout("rotor()", 2000);
    }
    So, das klappt auch, aber nun möchte ich das gleiche nochmal , ergo zweimal einbinden , geht das . Müsste es doch, man muss doch aus mehre Java Dateien einbinden können?!

    Hoffe mir kann jemand bissle weiter helfen, DANKE

    Detlef

  • Habe ich ja, aber es klappt leider nicht.

    So war mein letzter Versuch:

    html:

    <!--Bildfolge 1--!>

    <script src="./java/BildlaufA.js" type="text/javascript"></script>
    <div id="bilder0">
    <form name="formA"><IMG name=image border=0 SRC="./bilder/1.jpg"></form>
    </div>

    <!--Bildfolge 2--!>

    <script src="./java/BildlaufB.js" type="text/javascript"></script>
    <div id="bilder1">
    <form name="formB"><IMG name=image border=0 SRC="./bilder/1.jpg"></form>
    </div>

    Java : BildlaufA.js :

    function makeArray() {
    this.length = makeArray.arguments.length
    for (var i = 0; i < this.length; i++) this[i+1] = makeArray.arguments[i]
    }
    var teams = new makeArray ( "./bilder/2.jpg", "./bilder/3.jpg", "./bilder/4.jpg" , "./bilder/5.jpg", "./bilder/6.jpg", "./bilder/7.jpg", "./bilder/8.jpg", "./bilder/9.jpg", "./bilder/10.jpg" , "./bilder/11.jpg", "./bilder/12.jpg", "./bilder/13.jpg", "./bilder/14.jpg");
    var eatMe = 1;
    function rotor() {
    document.formA.image.src = teams[eatMe];
    eatMe += 1;
    if (eatMe == 14) eatMe = 1; //Anzahl aller Bilder
    setTimeout("rotor()", 1000); //Bildwechsel ZEIT
    }

    Java : BildlaufB.js :

    function makeArray() {
    this.length = makeArray.arguments.length
    for (var i = 0; i < this.length; i++) this[i+1] = makeArray.arguments[i]
    }
    var teams = new makeArray ( "./bilder/2.jpg", "./bilder/3.jpg", "./bilder/4.jpg" , "./bilder/5.jpg", "./bilder/6.jpg", "./bilder/7.jpg", "./bilder/8.jpg", "./bilder/9.jpg", "./bilder/10.jpg" , "./bilder/11.jpg", "./bilder/12.jpg", "./bilder/13.jpg", "./bilder/14.jpg");
    var eatMe = 1;
    function rotor() {
    document.formB.image.src = teams[eatMe];
    eatMe += 1;
    if (eatMe == 14) eatMe = 1; //Anzahl aller Bilder
    setTimeout("rotor()", 1000); //Bildwechsel ZEIT
    }

    wenn ich das so mache, Steht Bildfolge 1 auf dem Ersten Bild fest und die Bildfolge 2 läuft so wie es soll.

    Gruss Detlef

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!