Ergebnis 1 bis 2 von 2

Thema: Mini-"Quiz" / Inhalt per Klick ein-/ausblenden

  1. #1
    TP-Specialist Avatar von PeterBrand
    Registriert seit
    Aug 2001
    Ort
    Graz
    Beiträge
    2.863

    Mini-"Quiz" / Inhalt per Klick ein-/ausblenden

    Ich will eine Frage mit drei Antwortmöglichkeiten ausgeben:

    z.B.
    Welche Farbe hat der Himmel?
    rot - grün - blau

    Wobei rot, grün, blau Textlinks sind.

    Bei Klick auf rot und grün soll dann ein FALSCH-Satz eingeblendet werden,
    bei Klick auf blau ein RICHTIG-Satz.

    Bei Malleus Javascript FAQs habe ich als Grundprinzip das hier schon gefunden.

    Aber da ich mit der JS-Syntax nicht ganz klar komme, ist noch die Frage wie blende ich NUR denen einen Satz ein und gleichzeitig den anderen aus? Bzw. wenn ich für jede Antwortmöglichkeit einen eigenen Satz habe, dass sichergestellt wird, dass die beiden anderen, nicht geklickten Sätze ausgeblendet werden (und nicht wie im angeführten Beispiel, dass zwei Sätze gleichzeitig sichtbar sind).

    Sorry, falls ich mich gerade blöd anstelle, aber JavaScript-Programmierung war noch nie ganz meines...

    Danke!
    Freedom for Mars!


  2. #2
    TP-Specialist Avatar von PeterBrand
    Registriert seit
    Aug 2001
    Ort
    Graz
    Beiträge
    2.863
    So - eine Lösung hätte ich jetzt, aber ich denke, es geht sicher etwas eleganter.

    Die anzuzeigenden DIVS haben die ID "A1", "A2", "A3" (bei einer möglichen zweiten Frage auf der selben Seite z.B. "B1", "B2", "B3").

    Aufruf:

    <a href="#" onClick="antwort('A1','sichtbar','A2','unsichtbar','A3','unsichtbar')">

    Funktion:

    function antwort(id1,wert1,id2,wert2,id3,wert3)
    {
    document.getElementById(id1).className = wert1;
    document.getElementById(id2).className = wert2;
    document.getElementById(id3).className = wert3;
    }


    Eleganter wäre natürlich ein Aufruf: onClick="antwort('A','2')"

    In der Funktion wird dann in einer Schleife von 1-3 durchgegangen.
    WENN Schleifenwert == übergebener Wert DANN zustand = 'sichtbar' ELSE zustand = 'unsichtbar'
    Setze den zustand des DIV-Containers dessen ID sich aus dem übergebenen Namen (in dem Fall "A") und dem Schleifenwert (1 bis 3) zusammensetzt.

    Soweit die Logik - aber jetzt haperts völlig an der JavaScript Syntax.

    Bitte um Inputs, Danke!
    Freedom for Mars!


Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Ähnliche Themen

  1. [DW CS4] hässlicher roter rahmen bei klick (quasi "onMousClick") auf grafik
    Von mika1976 im Forum Dreamweaver & andere Webeditoren
    Antworten: 4
    Letzter Beitrag: 02.09.2010, 11:12
  2. Antworten: 5
    Letzter Beitrag: 22.03.2008, 18:33
  3. Antworten: 1
    Letzter Beitrag: 05.10.2007, 07:07
  4. Google: unwichtigen Inhalt "ausblenden"
    Von Christian_vH im Forum TYPO3
    Antworten: 1
    Letzter Beitrag: 20.07.2007, 19:41
  5. Antworten: 6
    Letzter Beitrag: 07.05.2006, 02:28

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

     

Berechtigungen

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

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51