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!