✔ Javascript funktioniert nicht unter Windows

  • Themenstarter Themenstarter elgo
  • Beginndatum Beginndatum
E

elgo

Hallo liebes Forum,

ich habe ein einfaches javascript für meine seite gebaut
http://variouselmts.com/lala.html

leider funktioniert die vor/zurück funktion nicht unter windows
ich habe auch keine möglichkeit das an einem windows rechner zu testen

auf dem mac funktioniert alles einwandfrei in allen gänigen browsern

könnt ihr mir sagen bei was ich unter windows achten muss
oder das script unter windows testen?

dank im voraus



Code: 
<script language="JavaScript">
<!--

var counter = 0;
var backImage = new Array();

function Ininini(){
    
backImage[0] = "srcover.jpg";
backImage[1] = "sr01.jpg";
backImage[2] = "sr02.jpg";
backImage[3] = "sr03.jpg";
backImage[4] = "sr04.jpg";
backImage[5] = "sr05.jpg";
backImage[6] = "sr06.jpg";
backImage[7] = "sr07.jpg";
backImage[8] = "sr08.jpg";
backImage[9] = "sr09.jpg";
 
document.getElementById("background").style.backgroundImage = "url(images/" + backImage[counter] + ")";

    }

function vor(){

    if(counter < backImage.length -1){

        document.getElementById("background").style.backgroundImage = "url(images/" + backImage[counter + 1] + ")";
        counter = counter + 1;

        }
    }

function zuruck(){

    if(counter > 0){
    
        document.getElementById("background").style.backgroundImage = "url(images/" + backImage[counter - 1] + ")";
        counter = counter - 1;
        }
    }

function rein(){

    document.getElementById("background").style.backgroundImage = "url(images/big_" + backImage[counter] + ")";
    
    }

function raus(){

    document.getElementById("background").style.backgroundImage = "url(images/" + backImage[counter] + ")";
    
    }

function roll(img_name, img_src){
   
    document[img_name].src = img_src;
    }


function QuickJump(Formular){
    
    var Element = Formular.Ziel.selectedIndex;

    if (Formular.Ziel.options[Element].value != 0){
  
        switch(Formular.Ziel.options[Element].value){
        case "derschwarzeriese":
 
        counter = 0;
        backImage = new Array();
    
        backImage[0] = "srcover.jpg";
        backImage[1] = "sr01.jpg";
        backImage[2] = "sr02.jpg";
        backImage[3] = "sr03.jpg";
        backImage[4] = "sr04.jpg";
        backImage[5] = "sr05.jpg";
        backImage[6] = "sr06.jpg";
        backImage[7] = "sr07.jpg";
        backImage[8] = "sr08.jpg";
        backImage[9] = "sr09.jpg";

        document.getElementById("background").style.backgroundImage = "url(images/" + backImage[counter] + ")";

        break
        
        case "adogslife":

        counter = 0;
        backImage = new Array();
        
        backImage[0] = "adl01.jpg";
        backImage[1] = "adl02.jpg";
        backImage[2] = "adl03.jpg";
        backImage[3] = "adl04.jpg";
        backImage[4] = "adl05.jpg";
        backImage[5] = "adl06.jpg";
        backImage[6] = "adl07.jpg";
        backImage[7] = "adl08.jpg";
        backImage[8] = "adl09.jpg";
 
        document.getElementById("background").style.backgroundImage = "url(images/" + backImage[counter] + ")";   

        break
        
        case "gaunerzinken":
        
        counter = 0;
        backImage = new Array();
        
        backImage[0] = "gaunerzinken.jpg";
        backImage[1] = "gaunerzinkentext.jpg";
 
        document.getElementById("background").style.backgroundImage = "url(images/" + backImage[counter] + ")";   
        
        break
        
        case "info":
        
        counter = 0;
        backImage = new Array();
        
        backImage[0] = "info.jpg";
         
        document.getElementById("background").style.backgroundImage = "url(images/" + backImage[counter] + ")";   
        
        break
        
        }
    }   
}

//-->
</script>
 
die vor() und zuruck() funktionen
beim drag & drop bin ich mir nicht so sicher

// EDIT

ich konnte jetzt doch nochmal kurz testen, nur die vor() bzw zurück funktion funktioniert nicht

Code: 
var counter = 0;
var backImage = new Array();

function Ininini(){
    
backImage[0] = "obst.jpg";
backImage[1] = "welli.jpg";
backImage[2] = "mani.jpg";
backImage[3] = "toni.jpg";
 
document.getElementById("background").style.backgroundImage = "url(images/" + backImage[counter] + ")";

    }

function vor(){

    if(counter < backImage.length -1){

        document.getElementById("background").style.backgroundImage = "url(images/" + backImage[counter + 1] + ")";
        counter = counter + 1;

        }
    }

function zuruck(){

    if(counter > 0){
    
        document.getElementById("background").style.backgroundImage = "url(images/" + backImage[counter - 1] + ")";
        counter = counter - 1;
        }
    }

aufgerufen werden sie so

Code: 
 <a href="javascript:vor();">Link</a>
 <a href="javascript:zuruck();">Link</a>
 
Hi,

ich kann keinen Fehler entdecken und wenn ich ein Element mit der ID background habe und die Ininini-Funktion
im onload-Event aufrufe, funktioniert es bei mir.
Code: 
<html>
<head>
<meta name="author" content="Quaese">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>www.tutorials.de</title>
<style type="text/css">
</style>
<script type="text/javascript">
  <!--
// -----------------------------------------
var counter = 0;
var backImage = new Array();

function Ininini(){

backImage[0] = "fussball1.jpg";
backImage[1] = "fussball2.jpg";
backImage[2] = "fussball3.jpg";
backImage[3] = "fussball4.jpg";

document.getElementById("background").style.backgroundImage = "url(../bilder/" + backImage[counter] + ")";

    }

function vor(){

    if(counter < backImage.length-1){

        document.getElementById("background").style.backgroundImage = "url(../bilder/" + backImage[counter + 1] + ")";
        counter = counter + 1;

        }
    }

function zuruck(){

    if(counter > 0){

        document.getElementById("background").style.backgroundImage = "url(../bilder/" + backImage[counter - 1] + ")";
        counter = counter - 1;
        }
    }

window.onload = Ininini;
 //-->
</script>
</head>
<body>
<div id="background" style="height: 200px;">&nbsp;</div>
<div><a href="javascript:zuruck();">zurück</a><a href="javascript:vor();">vor</a></div>
</body>
</html>
Ciao
Quaese
 
Bei dir befindet sich in dem Link nochmal ein <div>.
Das ist lt. HTML nicht erlaubt, ich bin sicher, dass es mit Ursache für die Fehlfunktion ist....korrigiere das mal.
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück