Announcement

Collapse
No announcement yet.

Javascript getElementByID.style

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • Javascript getElementByID.style

    Hallo, ich habe auf unserer homepage ein image mit einem onclick-Event. Das Event ruft folgende javascript-Funktion auf:

    function AppMenSwitch(){
    var AppMenH = document.getElementById("Field07").style.visibilit y;
    if (AppMenH = "hidden") {
    document.getElementById("Field07").style.height = "inherit";
    document.getElementById("Field07").style.visibilit y = "visible";
    document.getElementById("MeTog").style.visibility = "hidden";
    } else {
    document.getElementById("Field07").style.height = "0px";
    document.getElementById("Field07").style.visibilit y = "hidden";
    }
    }

    Die gewünschte Funktionalität ist, daß das Script das Field07 im Wechsel sichtbar bze. unsichtbar macht. Das wird auch gut erledigt, wenn ich von unsichtbar auf sichtbar schalte. Umgekehrt funktioniert es aber nicht. Der Code springt nicht in die "else"-Bedingung. Ich habe den Wert von AppMenH mit alert("AppMenH"); abgefragt - hier werden "hidden" und "visible" korrekt angezeigt.
    Danke für Antworten!

  • #2
    Der Vergleich ist falsch
    if (AppMenH = "hidden")
    Das ist eine Zuweisung

    if (AppMenH === "hidden") {
    oder
    if (AppMenH == "hidden") {
    Im ersten Fall wird auch der Typ geprüft
    Christian

    Comment


    • #3
      Ja, Danke ... ich hatte in der vergangenen Nacht auch die Eingebung und hatte es geändert. Habe jetzt - natürlich - "==" und es funktioniert. Manchmal ist man so verdammt blind

      Comment


      • #4
        Ich weiß ja nicht, was du genau vorhast , aber kann das sein das du mehr er Elemente ausblenden willst , bzw. das auf mehre Bilde machen willst?
        Du könntest auch classList.toggle benutzen.

        Wenn man deine Vorhaben genauer kennen würde, könnte man besser helfen.
        Mit classList.toggle meine ich das so
        https://basti1012.bplaced.net/index....r-forum&id=294

        Der Code ist einfacher, kürze und man kann es auf unendlichen Bilder erweitern.
        Vielleicht kann man das ja für dein Vorhaben anwenden
        Zuletzt editiert von basti1012; 22.08.2022, 21:21.
        Ich mach keine Rechtschreibfehler - ich schreib Freestyle!
        Erreichbar in mein Javascript-forum und in Facebook-Chat

        Comment

        Working...
        X