Java und CSS Problem bei Variablen

[Ohelert]

Hallou Liebe Programier Freaks

p.s. sry Javascript ^^

Ich habe Folgendes Problem es geht darum Objekte zu Bewegen und die mit einer ID im css zu verlinken.

Ausschnit aus main.js

var about1ContainerDiv = document.getElementById("plants-container");

var plantLine1Div = document.getElementById("plant-line-1");
var plantLine2Div = document.getElementById("plant-line-2");
var plantLine3Div = document.getElementById("plant-line-3");
var plantLine4Div = document.getElementById("plant-line-4");
var plantLine5Div = document.getElementById("plant-line-5");


var plantArray = new Array();
var plantTargetTopObjectArray = new Array();
plantTargetTopObjectArray.push(plantLine1Div, plantLine1Div, plantLine4Div, plantLine2Div);
var canAnimatePlantInformation;

Ausschnit aus style.css

#plant-line-1
{
    bottom: 65%;
}

#plant-line-2
{
    bottom: 52%;
}

#plant-line-3
{
    bottom: 39%;
}

#plant-line-4
{
    bottom: 26%;
}

#plant-line-5
{
    bottom: 13%;
}

Mein Problem ist nun, das:

var plantLine1Div = document.getElementById("plant-line-1");
var plantLine2Div = document.getElementById("plant-line-2");

funktioniert, sprich die Bilder gehen bis zur Plant line 1 bzw 2

aber bei der Variabel 3-5 (plantline 3-5) funktionieren nicht ??!!

Ich hoff mein Beitrag war einigermassen verständlich wenn nicht bin ich gerne Bereit alles was ihr braucht reinzuhauen falls nötig kann man auch Skypen oder soo nur hauptsache mein Problem löst sich ^^


Viiielen Dank schon mal im Voraus

Liebe Grüsse

Ohelert

 

[|| xX [DEV][LP] Ms. DivaCraft Xx ||]

Du hast doch eine Konsole im Browser. Was sind denn die Fehler? "Funktioniert nicht" gibt es in der Informatik nicht.

 

[Ohelert]

Gibt keine Fehlermeldungen in der Konsole irgendwie bleibt die Konsole auf Magische art und weise leer

 

[_Baum_]

Hi @Ohelert,

Der Code wird also nur bis

var plantLine1Div = document.getElementById("plant-line-1");
var plantLine2Div = document.getElementById("plant-line-2");

ausgeführt und bricht danach aus bisher unbekanntem Grund ab.

Füge hier einfach mal ein wenig Debug dazu:

var plantLine1Div = document.getElementById("plant-line-1");
console.log("Test1");//Thx @MiCrJonas1997 
var plantLine2Div = document.getElementById("plant-line-2");
console.log("Test2");
//etc

Und sehe dir dann die Konsole nochmal an

MfG
_Baum_