beatovich: JA, visibility wird automatisch vererbt - aber ...

Beitrag lesen

Hallo beatovich;

hallo

Ich möchte deinen Anwendungsfall verstehen. deshalb habe ich hier ein Szenario einer Auswahl zwischen 2 Spielen.

<input type="radio" id="game1" name="gameselection">
<input type="radio" id="game2" name="gameselection">
<h1>Wählen Sie ein Spiel</h1>
<ul>
   <li><label for="game1">Spiel 1</label></li>
   <li><label for="game2">Spiel 2</label></li>
</ul>
<section class="games game1">(Hier ist der Inhalt des Spiels)</section>
<section class="games game2">(Hier ist der Inhalt des Spiels)</section>
.games {display:none}
#game1:checked ~ .game1 {display:block;}
#game2:checked ~ .game2 {display:block;}

Da hier das ganze über eine radiogroup name="gameselection" läuft, entsteht die Frage (das ist meine Diskussion mit Gunnar), ob hier das hidden attribut angebracht ist.

Ein hidden attribut kann ich nicht via CSS manipulieren. Ich muss automatisch zu Javascript greifen. Das werde ich in der Regel ungern tun, es sei denn, die weitere Ausführung der so angezeigten Inhalte bedingt sowieso Javascript.

Anstelle der section elemente könnten durchaus auch andere Elemente verwendet werden. Das ist hier also nicht so relevant.

0 49

JA, visibility wird automatisch vererbt - aber ...

mathefritz
  • css
  • javascript
  1. 0
    beatovich
    1. 0
      Gunnar Bittersmann
  2. 0
    Camping_RIDER
    1. 0
      Gunnar Bittersmann
      1. 0
        mathefritz
        1. 0
          Gunnar Bittersmann
          • html
          1. 0
            beatovich
            1. 1
              Gunnar Bittersmann
              1. 0
                beatovich
                1. 0
                  mathefritz
                  1. 0
                    beatovich
  3. 0
    mathefritz
    1. 0
      MudGuard
      1. 0
        mathefritz
    2. 0
      Gunnar Bittersmann
      • html
      • javascript
      1. 0
        Tabellenkalk
        1. 0
          Gunnar Bittersmann
    3. 0
      Rolf b
      1. 0
        Matthias Apsel
        1. 0
          Rolf b
          1. 0
            Julius
            • css
            • selfhtml-wiki
          2. 0
            Matthias Apsel
      2. 0
        mathefritz
        • css
        • debugging
        • javascript
        1. 0
          Rolf b
    4. 0
      Gunnar Bittersmann
      • html
      1. 0
        mathefritz
        • html
        • javascript
        • menschelei
        1. 0
          Matthias Apsel
        2. 0
          Gunnar Bittersmann
          1. 0
            mathefritz
            1. 0
              Matthias Apsel
              1. 0
                mathefritz
                • html
                • markdown
                • menschelei
                1. 0
                  Rolf b
                  1. 0
                    mathefritz
                    1. 0
                      Rolf b
                      1. 0
                        Gunnar Bittersmann
                        1. 0
                          mathefritz
                          1. 0
                            Matthias Apsel
                            1. 0
                              mathefritz
                              1. 0
                                Matthias Apsel
                                1. 0
                                  Auge
                                  1. 0
                                    Matthias Apsel
                                    1. 1

                                      Ich halte das für Mist

                                      Auge
                                      • markdown
                                      • zu diesem forum
                                      1. 2

                                        Button für Code

                                        Orlok
                                        1. 0
                                          Auge
                                    2. 0
                                      Christian Kruse
            2. 0
              Camping_RIDER
              1. 0
                Matthias Apsel
                1. 0
                  Camping_RIDER