Zum Inhalt springen

HTML - ausblendfunktion


-TimeBandit-

Empfohlene Beiträge

Hallo Zusammen,

ich habe ein paar Fragen = ), und hoffe dass mir hier vielleicht weitergeholfen werden kann.

Und zwar wollte ich wissen ob mir jemand ein paar gute einarbeitungs Sites ( gibt es das Wort überhaupt ? = / ) neben selfhtml.org nenn könnte.

Dann suche ich eine Funktion, mit der ich in HTML Text/Zeilen/ Abschnitte ausblenden kann. ( Habe auf Self HTML noch nichts passendes gefunden ).

Stelle mir das in etwa so vor, dass man nen kleinen Button hat, daneben die Überschrift und wenn man drauf klickt, das sich der ausgeblendete Text zeigt. Kennt jemand soetwas vllt ?

Das wäre dann auch schon eigentlich alles gewesen. Freue mich auf eure Antworten ( Vielen Dank im Vorraus ).

Mit freundlichen Grüßen

Bandit

PS: Musst eleider auf nen Handy zurück greifen, bitte daher etwaige Rechtschreib-, Großs/Klein- und Kommatafehler zu entschuldigen...

Link zu diesem Kommentar
Auf anderen Seiten teilen

Jenachdem wie genau das umgesetzt werden soll, ist das schon mit "reinem" HTML (+CSS) machbar. Wenn man quasi statt eines echten Buttons einen "Fake" benutzt, e.g. eine Kombination aus Liste und Anker (wie auch für HTML-Menus) und die CSS-Pseudoklasse ":hover" bzw. ":active" miteinbezieht, wäre sowas in der Art schon beinahe umgesetzt; Pferdefuss: mit ":active" wäre der Inhalt aber nur solange sichtbar, wie auch die linke Maustaste gedrückt gehalten wird.

Ansonsten freilich Javascript.

Link zu diesem Kommentar
Auf anderen Seiten teilen

Eine ziemlich gepfuschte Lösung wäre auch, dass man den Button weglässt und das was versteckt sein soll in der gleichen Farbe schreibt, die der Hintergrund hat (geht aber nur bei einem einfarbigen Hintergrund). Wenn man das lesen möchte, dann muss der User die Zeilen markieren.

Link zu diesem Kommentar
Auf anderen Seiten teilen

Dein Kommentar

Du kannst jetzt schreiben und Dich später registrieren. Wenn Du ein Konto hast, melde Dich jetzt an, um unter Deinem Benutzernamen zu schreiben.

Gast
Auf dieses Thema antworten...

×   Du hast formatierten Text eingefügt.   Formatierung wiederherstellen

  Nur 75 Emojis sind erlaubt.

×   Dein Link wurde automatisch eingebettet.   Einbetten rückgängig machen und als Link darstellen

×   Dein vorheriger Inhalt wurde wiederhergestellt.   Editor leeren

×   Du kannst Bilder nicht direkt einfügen. Lade Bilder hoch oder lade sie von einer URL.

Fachinformatiker.de, 2024 by SE Internet Services

fidelogo_small.png

Schicke uns eine Nachricht!

Fachinformatiker.de ist die größte IT-Community
rund um Ausbildung, Job, Weiterbildung für IT-Fachkräfte.

Fachinformatiker.de App

Download on the App Store
Get it on Google Play

Kontakt

Hier werben?
Oder sende eine E-Mail an

Social media u. feeds

Jobboard für Fachinformatiker und IT-Fachkräfte

×
×
  • Neu erstellen...