Ergebnis 1 bis 3 von 3
Like Tree1Likes
  • 1 Post By kkapsner

Thema: Element einblenden, nachdem zwei Objekte angeklickt worden sind.

  1. #1
    JBS
    JBS ist offline Grünschnabel
    registriert
    14-06-2016
    Beiträge
    2

    Element einblenden, nachdem zwei Objekte angeklickt worden sind.

    Hey!

    Als blutiger JS-Anfänger brauche ich Hilfe für eine bestimmte Funktion.
    Mein Ziel ist es, dass ein Objekt (welches später als Button agieren soll) erst auftaucht, sofern zuvor mehrere objekte angeklickt worden sind.

    Ich hab ähnliches bisher mit Hilfe von CSS (visibility: hidden, etc.) erreicht. Das hindernis für mich jetzt ist allerdings, dass mehrere Objekte angeklickt worden sein sollen und ich das mit einer einfach "function" nicht hinbekomme.

    Kann man da mit "if" und "else" arbeiten? wenn ja, wie?

    Hab schon so viel gesucht, aber nichts gefunden, oder nichts richtig umsetzen können :/

    Vielen Dank im Voraus für jegliche Hilfe!

  2. #2
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.681

    AW: Element einblenden, nachdem zwei Objekte angeklickt worden sind.

    Ich würde da nicht großartig mit if...else... arbeiten, sondern einfach im CSS definieren, dass das Objekt nur angezeigt wird, wenn es mehrere bestimmte Klassen hat. Jeder Klick auf ein bestimmtes Objekt gibt ihm eine bestimmte Klasse, so dass es nur erscheint, wenn es alle Klassen hat.

    Code:
    <!DOCTYPE html>
    
    <html>
    <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <title>Fenstertitel</title>
    <style type="text/css">
    #hidden {
    	display: none;
    }
    #hidden.class1.class2.class3.class4 {
    	display: block;
    }
    </style>
    </head>
    <body>
    <button value="class1">1</button>
    <button value="class2">2</button>
    <button value="class3">3</button>
    <button value="class4">4</button>
    <div id="hidden">Erscheint erst, wenn mann alle Buttons geklickt hat</div>
    <script>
    Array.prototype.forEach.call(document.querySelectorAll("button[value^=class]"), function(button){
    	button.addEventListener("click", function(){
    		document.getElementById("hidden").classList.add(this.value);
    		this.style.display = "none";
    	});
    });
    </script>
    </body>
    </html>
    mikdoe likes this.

  3. #3
    JBS
    JBS ist offline Grünschnabel
    registriert
    14-06-2016
    Beiträge
    2

    AW: Element einblenden, nachdem zwei Objekte angeklickt worden sind.

    Alles klar! Vielen Dank. Das werde ich heute ausprobieren und berichten, ob es funktioniert hat

Ähnliche Themen

  1. Antworten: 8
    Letzter Beitrag: 29-08-2014, 13:21
  2. Antworten: 1
    Letzter Beitrag: 03-10-2011, 15:28
  3. Antworten: 4
    Letzter Beitrag: 24-11-2009, 11:47
  4. Antworten: 2
    Letzter Beitrag: 20-11-2009, 09:41
  5. Name von element nachdem mittels ID geholt
    Von EaStErDoM im Forum JavaScript
    Antworten: 2
    Letzter Beitrag: 08-06-2005, 12:06

Stichworte

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •