Web Java und CSS Problem bei Variablen

Dieses Thema im Forum "Programmierung" wurde erstellt von Ohelert, 24. September 2014.

  1. Ohelert
    Offline

    Ohelert

    Registriert seit:
    2. Dezember 2013
    Beiträge:
    138
    Minecraft:
    Aurazara
    Hallou Liebe Programier Freaks :)

    p.s. sry Javascript :D ^^

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

    Ausschnit aus main.js
    Code (Text):
    1. var about1ContainerDiv = document.getElementById("plants-container");
    2.  
    3. var plantLine1Div = document.getElementById("plant-line-1");
    4. var plantLine2Div = document.getElementById("plant-line-2");
    5. var plantLine3Div = document.getElementById("plant-line-3");
    6. var plantLine4Div = document.getElementById("plant-line-4");
    7. var plantLine5Div = document.getElementById("plant-line-5");
    8.  
    9.  
    10. var plantArray = new Array();
    11. var plantTargetTopObjectArray = new Array();
    12. plantTargetTopObjectArray.push(plantLine1Div, plantLine1Div, plantLine4Div, plantLine2Div);
    13. var canAnimatePlantInformation;
    Ausschnit aus style.css

    Code (Text):
    1. #plant-line-1
    2. {
    3.     bottom: 65%;
    4. }
    5.  
    6. #plant-line-2
    7. {
    8.     bottom: 52%;
    9. }
    10.  
    11. #plant-line-3
    12. {
    13.     bottom: 39%;
    14. }
    15.  
    16. #plant-line-4
    17. {
    18.     bottom: 26%;
    19. }
    20.  
    21. #plant-line-5
    22. {
    23.     bottom: 13%;
    24. }
    Mein Problem ist nun, das:

    Code (Text):
    1. var plantLine1Div = document.getElementById("plant-line-1");
    2. 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 ??!!



    [​IMG]

    Ich hoff mein Beitrag war einigermassen verständlich :D wenn nicht bin ich gerne Bereit alles was ihr braucht reinzuhauen :D 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
     
    #1
  2. Du hast doch eine Konsole im Browser. Was sind denn die Fehler? "Funktioniert nicht" gibt es in der Informatik nicht.
     
    #2
  3. Ohelert
    Offline

    Ohelert

    Registriert seit:
    2. Dezember 2013
    Beiträge:
    138
    Minecraft:
    Aurazara
    Gibt keine Fehlermeldungen in der Konsole :) irgendwie bleibt die Konsole auf Magische art und weise leer :D
     
    #3
  4. _Baum_
    Offline

    _Baum_

    Registriert seit:
    4. August 2013
    Beiträge:
    66
    Minecraft:
    PlueschAffe
    Hi @Ohelert,

    Der Code wird also nur bis
    Code (Text):
    1. var plantLine1Div = document.getElementById("plant-line-1");
    2. 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:
    Code (Text):
    1. var plantLine1Div = document.getElementById("plant-line-1");
    2. console.log("Test1");//Thx @MiCrJonas1997
    3. var plantLine2Div = document.getElementById("plant-line-2");
    4. console.log("Test2");
    5. //etc
    Und sehe dir dann die Konsole nochmal an

    MfG
    _Baum_
     
    #4