Textpassagen verstecken und bei bedarf einblenden

[Wolfgang]

Hallo zusammen,
ich habe einen überlangen Text auf einer Website (Curriculum Vitae). Teile davon werden einige Besucher nicht interessieren. Ich dachte daher: es wäre sinnvoll, diese zu verbergen und nur bei Interesse durch click einzublenden.
Ist das mit CSS möglich?
ich weiß zwar, wie ich es verstecke, aber wie ich es bei Bedarf einblende leider nicht.

Ich wäre über Ideen äußerst dankbar,
Wolfgang

[Skeeve]

Moin!

Ist das mit CSS möglich?

Zusammen mit JavaScript: Ja.

ich weiß zwar, wie ich es verstecke, aber wie ich es bei Bedarf einblende leider nicht.

Du setzt mit JavaScript entweder display auf block oder setzt den className des Objekts passend.

-- Skeeve

[derletztekick]

Hallo Skeeve,

Ist das mit CSS möglich?
Zusammen mit JavaScript: Ja.

Nicht unbedingt, wie Mathias auf seiner Seite in der Fußzeile zeigt.

Mit freundlichem Gruß
Micha

[Cybaer]

Hi,

Nicht unbedingt, wie Mathias auf seiner Seite in der Fußzeile zeigt.

Wenn es im IE funktioniert, dann ist JScript im Spiel - so auch auf Mathias' Seite.

Gruß, Cybaer

[the code]

Hi,

Nicht unbedingt, wie Mathias auf seiner Seite in der Fußzeile zeigt.

Wenn es im IE funktioniert, dann ist JScript im Spiel - so auch auf Mathias' Seite.

Nicht ganz;ich habe IE,es funktioniert und der code lautet:
<div id="info">
      <span id="more">»»</span><span id="less">««</span> <span id="what">.:noctus.net :: Version 6.0 :: <a href="/news.xml" title=".:noctus.net:. Newsfeed abonnieren"><img src="/img/.icon.feed.png" alt="Feed" width="16" height="16" title=".:noctus.net:. Newsfeed abonnieren" /> Newsfeed abonnieren</a> :: <a href="http://opera.com/download/" title="Download Opera" ><img src="/img/.icon.opera.png" width="94" height="15" alt="Opera Web Browser" /></a> :: <a href="http://de.selfhtml.org/" title="SELFHTML - Die Energie des Verstehens"><img src="/img/.icon.selfhtml.gif" alt="SelfHTML" width="80" height="15" /></a> :: <a href="http://de.openoffice.org" title="Get OpenOffice.org"><img src="/img/.icon.ooo.png" width="80" height="15" alt="OpenOffice.org" /></a></span>
    </div>
und ich kann da kein js erkennnen!
   mfG.

[Schuer]

und ich kann da kein js erkennnen!

Im Head ist der Aufruf, die csshover.htc zu laden, die im IE dafür sorgt, dass die Pseudoklasse :hover auf andere Elemente als nur Links wirkt.

<!--[if lte IE 6]><style type="text/css">body{behavior:url(/css/hover.htc);}</style><![endif]-->

Viele Grüße!
_ds

[Skeeve]

Moin!

Zusammen mit JavaScript: Ja.
Nicht unbedingt, wie Mathias auf seiner Seite in der Fußzeile zeigt.

Schöne Spielerei. Ist die für den OP sinnvolle? Er will doch ein "Curriculum Vitae" auf seine Seite Stellen. Meiner unmaßgeblichen Meinung nach ist in so einem Fall etwas anklickbares, das auch bei einem onmouseout noch sichtbar bleibt, besser als eine "und-es-geht-doch"-Spielerei.

-- Skeeve

[seppel]

Moin,

Visibility

Gruss,
Seppel

[Schuer]

Ist das mit CSS möglich?

Mit CSS könntest du dich der Pseudoklassen :hover und :focus bedienen, um damit den Inhaltsbereich über display ein- und auszublenden. Allerdings akzeptiert der Internet Explorer diese Klassen nur für Links, so dass ein div, das du vermutlich für die Inhalte verwenden würdest, keine Funktion erhielte. Die Funktion lässt sich für den Internet Explorer allerdings mithilfe von Javascript nachrüsten: http://www.xs4all.nl/~peterned/csshover.html.

Das, was oben beschrieben wird, bezieht sich jedoch auf Hover und Fokus, nicht auf einen Mausklick. Um Inhalte per Klick ein- und auszublenden, reicht CSS nicht aus, so dass du Javascript verwenden musst/willst. Der umschließende Container könnte beispielsweise eine ID erhalten, nach Klick auf ein Element per getElementById angesprochen und dessen display-Werte verändert werden.

Viele Grüße!
_ds

[Cybaer]

Hi,

Ist das mit CSS möglich?

JS-Beispiel: showMore

Gruß, Cybaer