slay24: Ich möcht gern Texte aus und einblenden

SELF-Forum

Ich möcht gern Texte aus und einblenden

slay24
– Informationen zu den Bewertungsregeln

Also das Thema triffts evt nich genau.
Ich habe Namen und zu jedem namen gehört eine Tabelle mit sehr vieln infos.
Alle namen sind untereinander aufgelistet daneben die Tabellen.
Nun würde ich gerne die Tabellen nur dann einblenden wenn der Benutzer diese auch sehen will ich habe sowas mal auf einer Webseite gesehn.

Soll dann ungefähr so aussehen

Name1  [Symbohl zum ein/aus blendender einträge]
Name2  [Symbohl zum ein/aus blendender einträge]

usw.

is sowas einfach zu machen?

danke schonmal euer
slay

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Ich möcht gern Texte aus und einblenden

    Felix Riesterer Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Lieber slay24,

    Dein Vorhaben lässt sich nicht mit den Mitteln von (X)HTML alleine lösen. Du bräuchtest mindestens CSS dazu, wenn nicht sogar JavaScript. Was hast Du Dir zu CSS bereits angeeignet?

    Liebe Grüße,

    Felix Riesterer.

    --
    ie:% br:> fl:| va:) ls:[ fo:) rl:° n4:? de:> ss:| ch:? js:) mo:} zu:)
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Ich möcht gern Texte aus und einblenden

      caro84
      – Informationen zu den Bewertungsregeln

      Dein Vorhaben lässt sich nicht mit den Mitteln von (X)HTML alleine lösen. Du bräuchtest mindestens CSS dazu, wenn nicht sogar JavaScript.

      Kannst du mir kurz sagen, wie du das rein mit CSS lösen würdest? Also mit JS in Verbindung mit CSS würd ichs verstehen (document.getElementById("content").style.visibility = "visible";), aber ganz ohne JS?

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. Ich möcht gern Texte aus und einblenden

        Felix Riesterer Homepage des Autors
        +1 Informationen zu den Bewertungsregeln

        Liebe caro84,

        etwas in dieser Art (ja, klappt im IE nicht ohne JS):

        <html>  
    <head>  
        <title>Test</title>  
        <style type="text/css">

        ~~~css li.personeninfo {
                        cursor: pointer;
                    }

        li.personeninfo span {
                        text-decoration: underline;
                    }

        body li table {
                        display: none;
                        border: 1px solid black;
                    }

        li.personeninfo:active table {
                        display: block;
                    }

                ~~~html
</style>  
    </head>  
    <body>  
        <h2>Die Beteiligten</h2>  
        <ul>  
            <li class="personeninfo">Fritz Müller <span>(Details)</span>  
                <table>  
                    <tr>  
                        <th>Merkmal</th><th>Erscheinung</th>  
                    </tr>  
                    <tr>  
                        <td>Augenfarbe</td><td>grau-blau</td>  
                    </tr>  
                    <tr>  
                        <td>Sinn für Humor</td><td>vorhanden</td>  
                    </tr>  
               </table>  
            </li>  
            <li class="personeninfo">Max Maier <span>(Details)</span>  
                <table>  
                    <tr>  
                        <th>Merkmal</th><th>Erscheinung</th>  
                    </tr>  
                    <tr>  
                        <td>Augenfarbe</td><td>braun</td>  
                    </tr>  
                    <tr>  
                        <td>Sinn für Humor</td><td>teilweise vorhanden</td>  
                    </tr>  
               </table>  
            </li>  
        </ul>  
    </body>  
</html>

        Liebe Grüße,

        Felix Riesterer.

        --
        ie:% br:> fl:| va:) ls:[ fo:) rl:° n4:? de:> ss:| ch:? js:) mo:} zu:)
        Beitrag melden
        +1
        Informationen zu den Bewertungsregeln