• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Hidden Content erstellen wie geht dass?

Vinek

Neues Mitglied
Hallo wie erstellt man einen hidden content ihr kennt das sicherlich bei foren wo mann sich bedanken muss bevor man einen bestimmten text lesen kann.
Bedanke mich für alle antworten im vorraus!
MfG
Vinek
 
Werbung:
Hallo,

ich weis zwar nicht was du für Foren kennst, aber das geht per javascript. google mal "javascript toogle" oder so.

Cheffchen
 
Eine serverseitige Komponente braucht es eigentlich schon, denn wenn die Daten im DOM drin sind, lassen sie sich vom Client auch auslesen. Eine Datenbanktabelle „hat gedankt“ mit Beitrag-ID und Nutzer-ID wäre wohl das Mittel der Wahl.

Willkommen im Forum, Vinek.
 
Werbung:
Danke Mermshaus.
Mein Problem ist ja das mein Forum Provider kein Javascript hat es müsste doch auch zu schaffen sein das mit HTML zum machen weiß den einer wie das geht und jetzt bitte nicht so ein Profi gelabber ich bin neu also sagt es bitte auf ,,Deutsch''
und achja...Dieses bedanken gibt es auf dem Server schon wir auch gezählt aber ich will ja nur den code für diese Hide wissen.
MfG
Vinek
 
Deine Texte sind extrem schwer zu lesen, weil du vermeidest Kommas zu setzen.

Ich formatiere den Text mal so, wie ich ihn beim ersten Lesen versucht habe zu entschlüsseln:
Mein Problem ist -
ja das mein Forum Provider -
kein Javascript hat -
es müsste doch auch zu schaffen sein -
das mit HTML -
zum machen weiß -
den einer wie das geht -
und jetzt bitte nicht -
so ein Profi gelabber -
ich bin neu also -
sagt es bitte auf ,,Deutsch''
Ja Bitte.
 
Werbung:
Reine HTML/CSS-Lösung (dürfte nur in Browsern so etwa ab IE7 funktionieren):

HTML:
<!DOCTYPE html>

<html lang="de">

    <head>
        <meta charset="utf-8" />
        <title>New</title>
        <style type="text/css">

.spoiler {
    border: 1px solid #ccc;
}

.spoiler .title {
    padding: 3px;
    margin: 0;
    background: #eee;
}

.spoiler:hover .title {
    border-bottom: 1px solid #ccc;
}

.spoiler .content {
    display: none;
}

.spoiler:hover .content {
    padding: 10px;
    display: block;
}

        </style>
    </head>

    <body>
        <div class="spoiler">
            <p class="title">Spoilertext einblenden</p>
            <div class="content">
                <p>Spoiler spoiler spoiler.</p>
            </div>
        </div>
    </body>

</html>
 
Zurück
Oben