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

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

  1. 14-06-2016, 19:28 #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!
    Zitieren Zitieren
  2. 14-06-2016, 22:11 #2
    Avatar von kkapsner
    kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.687

    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.
    kkapsner.de
    Zitieren Zitieren
  3. 15-06-2016, 11:21 #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
    Zitieren Zitieren
« Vorheriges Thema | Nächstes Thema »

Ähnliche Themen

  1. zwei Iframes aber nur eins laden lassen (je nachdem ob JS aktiviert ist oder nicht)
    Von nosrcipt im Forum Allgemeines
    Antworten: 8
    Letzter Beitrag: 29-08-2014, 13:21
  2. Element manipulieren nachdem es im DOM hinzugefügt wurde
    Von Fehliks im Forum JavaScript
    Antworten: 1
    Letzter Beitrag: 03-10-2011, 15:28
  3. Quiz Nr2: Wie kann ich prüfen, ob meine Radiobuttons angeklickt sind?
    Von DJay im Forum JavaScript
    Antworten: 4
    Letzter Beitrag: 24-11-2009, 11:47
  4. Wie kann ich prüfen, ob meine Radiobuttons angeklickt sind?
    Von DJay im Forum JavaScript
    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
  •  

Foren-Regeln