"Aufklappbarer" Text

[Andi]

Hi zusammen,
kann man folgende Idee in HTML realisieren?
Ich möchte beispielsweise auf meiner index.html-Seite einen Punkt "Studium" machen.
Wenn man auf "Studium" draufklickt, dann soll dazu mehr Text erscheinen.
Also in etwa so:

...
...
Studium (<= Link zum Draufklicken)
...
...

Wenn man dann auf "Studium" klickt, soll einfach unterhalb dieses Links mehr Text erscheinen, also

...
...
Studium
...Hauptfach bla bla bla
...Nebenfach bla bla bla
...

Wenn ich dann wieder auf "Studium" klicke, bin ich wieder auf der index.html und der Text ist wieder weg.

Ich hoff, das ist nun rübergekommen, was ich meine. ;-)
Ich kann sowas natürlich relaisieren, indem ich verschiedene Seiten mache, in denen ich immer die index.html übernehme und noch den zusätzlichen Text dazumache, aber da muss ich die ganze Seite immer neu laden.
Geht das auch anders?

MG, Andi

[Chris]

<a href="javascript:getElementById('studium').style.dislay='block'">Studium</a>
<div id="studium" style="display:none">

...Hauptfach bla bla bla
...Nebenfach bla bla bla
...

</div>

wenndu noch enn bissel was dran anpasst, kannste damit machen was du willst (vermute ich mal)

gruss Chris

[Andi]

Hi, danke schon mal, das funktioniert ganz gut!
Gibts etwas Ähnliches auch in CSS o.ä.(da Javascript von vielen deaktiviert ist)?

MfG, Andi

[Christoph Schnauß]

hallo,

Gibts etwas Ähnliches auch in CSS o.ä.(da Javascript von vielen deaktiviert ist)?

Ja, gibt es, funktioniert aber nicht (bzw. nicht richtig) mit dem Internet Explorer. Eine mögliche Alternative ist mit SSI vorhanden, falls dein Provider SSI zuläßt.

Grüße aus Berlin

Christoph S.

[Stefan Einspender]

Hallo Christoph,

Eine mögliche Alternative ist mit SSI vorhanden, falls dein Provider SSI zuläßt.

bin ja auch nicht mehr ganz up-to-date, was solche Sachen angeht,
aber was hat ein clientseitig "aufklappbarer Text" mit einer
Servertechnologie zu tun? Meinem Browser ist es doch völlig
egal, wie die Seiten auf dem Server generiert werden ...

Viele Grüße,
Stefan

[Christoph Schnauß]

hi Stefan,

was hat ein clientseitig "aufklappbarer Text" mit einer
Servertechnologie zu tun?

Nichts. Aber wer sagt denn, daß das "Aufklappen" unbedingt auf Clientseite passieren muß?
Wir haben das Thema vor geraumer Zeit mal hier im Forum gehabt, ich finde es jetzt nicht im Archiv, bin auch bissel zu faul zum Suchen. Aber du kannst dir eine "Anleitung" unter http://www.drweb.de/ssi/ssi_4.shtml anschauen (nein, über "DrWeb" mag ich nicht weiter diskutieren), und eine zugehörige "Demo" findest du unter http://drweb.de/muster/ssi9/ssi_9_grafik.shtml

Meinem Browser ist es doch völlig
egal, wie die Seiten auf dem Server generiert werden ...

Selbstverständlich. Aber er hat auch nichts dagegen, eine Seite eben gleich mit "Aufklappmenü" geliefert zu bekommen.

Grüße aus Berlin

Christoph S.

[Stefan Einspender]

Hallo Christoph,

Nichts. Aber wer sagt denn, daß das "Aufklappen" unbedingt auf Clientseite passieren muß?

alles klar, hatte ich Dich schon richtig verstanden. Ich selbst
halte vom "serverseitigen Aufklappen" nicht sehr viel, aber da
darf jeder gern seine eigene Meinung haben :-)

Viele Grüße,
Stefan

[Christoph Schnauß]

hi,

Ich selbst halte vom "serverseitigen Aufklappen" nicht sehr viel

Zumindest sollte man aber wissen, daß es solche Technologien durchaus gibt, mit PHP gehts ja auch, oder mit PERL, oder, wenn mans denn ganz komfortabel haben möchte, mit JSP. Es muß nicht alles Javascript sein, was wie Javascript aussieht ;-)

Grüße aus Berlin

Christoph S.

[Stefan Einspender]

Hallo Christoph,

Zumindest sollte man aber wissen, daß es solche Technologien durchaus gibt, mit PHP gehts ja auch, oder mit PERL, oder, wenn mans denn ganz komfortabel haben möchte, mit JSP. Es muß nicht alles Javascript sein, was wie Javascript aussieht ;-)

och, da dachte ich schon, ich umschiffe ganz elegant einen möglichen
Disput mit Dir, aber aufgrund des letzten Satz muß ich jetzt doch
massiv widersprechen :-/

Wenn beim Nutzer durch die Verwendung einer clientseitige Technologie
"etwas aufklappt", ob bei mouseOver oder onClick sei jetzt mal egal,
dann ist es eine Sache.

Wenn eine serverseitige Technologie dazu dient, Inhalte automatisch
zu generieren und als HTML an den Browser auszuliefern, dann ist es
eine völlig andere Sache.

Als Beispiel will ich mich mal an http://www.riehle-web.com/pkprojekt/
festhalten. Vermutlich werden die Untermenüs nicht dynamisch erzeugt,
könnte man allerdings machen. Für den Browser ist es völlig schnuppe,
ob sie statisch als einzelne HTML-Seiten auf dem Server liegen oder
ob sie durch PHP/Perl/ASP/Wasweissich dynamisch generiert werden.

Wenn nun clientseitig Sachen auf- und zuklappen, dann hat es den
Vorteil, dass keine neuen Seiten geladen werden müssen (nicht nur
die Lade-, sondern vor allem die Reaktionszeit ist da schlechter),
es kann durch Suchmaschinen nicht zur Indizierung von einer Unzahl
von Seiten, die sich lediglich durch die Navigationsgestaltung
unterscheiden, kommen.

Schau Dir mal http://www.iht.com/ an, da hat man ein Beispiel, wie
verschiedene Interaktionen clientseitig organisiert werden. Und
dann stelle Dir vor, diese Sachen sollte direkt vom Server kommen,
m.E. kaum möglich. Zugegeben, die IHT-Website ist ein Extrembei-
spiel, aber letztendlich läuft es auch bei ganz kleinen Sachen
auf dieses Resultat heraus.

Clientseitige Interaktionen und die Erzeugung von HTML-Seiten
mittels einer serverseitigen Technologie haben nichts miteinander
zu tun, dass Ergebnis ist in jedem Fall anders.

Viele Grüße,
Stefan

[Stefan Einspender]

Hallo,

rein interessehalber mal die Frage in die Runde, gibt es eigentlich
bekanntere Websites, wo etwas mittels neuer Seiten aufklappt, egal
ob dynamisch generiert oder statisch?

OK, vielleicht war die Frage auch rhetorisch ;-)

Viele Grüße,
Stefan

PS: Wenn ich jetzt nicht etwas ganz Wesentliches übersehen habe,
    dann ist diese Variante ausgemachter Schwachsinn ...

[KD-one]

Hi Stefan,

rein interessehalber mal die Frage in die Runde, gibt es eigentlich
bekanntere Websites, wo etwas mittels neuer Seiten aufklappt, egal
ob dynamisch generiert oder statisch?

Bekannt?
Das ist eine Frage der Definition.
Aber hier http://elektro-dunzinger.at(Untermenüs) habe ich das so realisiert, wobei ich mir nicht sicher bin, ob ich deine Intention nun richtig verstanden habe.
PS.: Bitte keine Kommentare zum Quelltext, die Seite ist inzwischen über 2 Jahre alt und wird demnächst relaunched. ;-)

Gruß

Kurt

[Stefan Einspender]

Hallo Kurt,

Aber hier http://elektro-dunzinger.at(Untermenüs) habe ich das so realisiert, wobei ich mir nicht sicher bin, ob ich deine Intention nun richtig verstanden habe.

ist nicht ganz so, wie ich es gemeint habe (und es für Unfug halte),
da die geladenen Seiten sich auch inhaltlich von der vorangegangenen
unterscheiden. D.h. wenn ich auf "PRODUKTE" klicke, wird eine neue
Seite aufgerufen, wo jetzt zwei Unterpunkte in der Navigation vor-
handen sind und wo eben auch Infos zu den Produkten allgemein er-
scheinen. http://drweb.de/muster/ssi9/ssi_9_grafik.shtml basiert
ja darauf, dass eben nur die Navigation aufgeblättert wird, finde
ich Unfug ;-)

Viele Grüße,
Stefan

[KD-one]

Hi Stefan,

ist nicht ganz so, wie ich es gemeint habe (und es für Unfug halte),
da die geladenen Seiten sich auch inhaltlich von der vorangegangenen
unterscheiden. D.h. wenn ich auf "PRODUKTE" klicke, wird eine neue
Seite aufgerufen, wo jetzt zwei Unterpunkte in der Navigation vor-
handen sind und wo eben auch Infos zu den Produkten allgemein er-
scheinen. http://drweb.de/muster/ssi9/ssi_9_grafik.shtml basiert
ja darauf, dass eben nur die Navigation aufgeblättert wird, finde
ich Unfug ;-)

Aso, also doch irgendwie falsch verstanden. ;-)

Gruß

Kurt

[Dr. Ma-Busen]

Mahlzeit!

Vielleicht als Tipp:
Nimm das was Chris dir dort gezeigt oder Vorgeschlagen hat.
Aber setze nicht display gleich auf none sondern auf block.
Und setze mit JavaScript dann display auf none, wenn die Seite geladen wurde, oder auch direkt nach dem das DIV geladen wurde.

Das hat den Vorteil das wenn JavaScript nicht aktiviert ist, dass DIV trozdem angezeigt wird.

MfG
Dr. Ma-Busen

[Stefan Einspender]

Hallo Andi,

Gibts etwas Ähnliches auch in CSS o.ä.(da Javascript von vielen deaktiviert ist)?

http://aktuell.de.selfhtml.org/tippstricks/css/infobox/ sollte Dir
weiterhelfen, wenn ich Dein Anliegen richtig verstanden habe.

Viele Grüße,
Stefan

[hampelmann]

Hallo!

Verwende ein Iframe:

<a href="studium_gebuhr.htm" target="iframename">Gebüren</a>

<iframe src="leer.htm" name="iframename"></iframe><!--In diesem Iframe wird dann die zusatzinfo gezeigt -->

wichtig beim <a> ist das target Attribut! (target=iframename)
dadürch wird das Iframe mit dem namen "iframename" abgeändert.

[sschumann]

Studium (<= Link zum Draufklicken)
...
...

Wenn man dann auf "Studium" klickt, soll einfach unterhalb dieses Links mehr Text erscheinen, also

Guck Blocklevelelemente und CSS (vor allem display); zum Aufklappen eventuell Pseudoklassen (:hover), oder JS (document.getElementById(), style-Objekt und seine Eigenschaften)

[H²O]

Hallo.

Zwei Möglichkeiten für dich:

http://www.dynamicdrive.com/dynamicindex1/navigate2.htm
http://www.dynamicdrive.com/dynamicindex1/navigate1.htm

Ich hoffe ich konnte dir helfen, H²O

[Dennis]

Hi @all!

Jo, verstanden, du willst sozusagen ein Menü.
Das kann man einerseits mit Javascript machen, aber die Nachteile von Javascript findest du massenweise im </archiv/> beschrieben.

Mit reinem HTML geht das freilich auch, ich hab das auch schon mal für ein Projekt gemacht. Das kannst du dier hier anschauen http://www.riehle-web.com/pkprojekt/index.html.
Hier ist das jetzt ein Frameset - muss nicht unbedingt sein. Der Navigationsteil im Frame ist in /pkprojekt/nav/ und dann die einzelnen Seite, s.u.

Mit HTML hat aber IMHO auch einen Nachteil. Du musst für jede erdenkliche Kombination, wie es auf/zugeklappt geben soll eine HTML Seite machen! verstehst du?
Deshalb hab ich auch der Einfachheit halber es so gemacht, dass man immer nur ein Untermenü aufklappen kann. Sonst gäbe es zu viele verschieden Möglichkeiten.

Deshalb empfiehlt sich auch ein Frameset (inline Frames gehen auch), so kannst du die eigentlichen SeitenInhalte bei der Navigation ausßer Acht lassen - du müsstest sonst noch mehr Seiten machen, jenachdem, was da für Seiteninhalte angezeigt werden sollten.

Das Framesets aber auch kleine Nachteile haben, findest du ebenfalls im </archiv/>

Ich hoffe ich konnte dir helfen, bei Fragen meld dich noch mal,
MfG, Dennis.