eugenandreas: Per Link die Anzeige von (css)Div-Elementen steuern, aber wie?

Guten Abend :)

Momentan bin ich dabei an meinem weblog zu basteln. Dazu muss ich jedoch einige Elemente auf wenig Platz unterbringen und habe deshalb an die Verwendung von CSS gedacht.
Ich kenn von anderen Seiten, dass wenn man auf einen Link klickt bestimmte Elemente sichtbar werden und wenn man ein zweites Mal draufklickt sie wieder verschwinden usw.
Genau soetwas benötige ich nun auch um verschiedene Elemente auf der gleichen Position darstellen zu können, u.a. letzten Kommentare, Most Karma etc. Per Link sollte man das entsprechende anwählen können und dies bleibt solange sichtbar, bis man nochmal draufklickt oder einen anderen link wählt.
Sicherlich bräuchte man auch JavaSkript..
Ich mich bereits an dem Skript von der PHP Galerie Coppermine versucht, bei der genau die Funktion dabei ist, jedoch eingebaut, bin jedoch daran gescheitert es für meine "Anwendung" zu übernehmen..

Bitte hilf mir, sofern Du lieber Leser ein paar Minuten Zeit hast, ich wäre für jeden Rat dankbar.

Gruß und gute Nacht wünscht Dir/Euch,
Eugen

  1. Hallo eugenandreas!

    [...] dass wenn man auf einen Link klickt bestimmte Elemente sichtbar werden und wenn man ein zweites Mal draufklickt sie wieder verschwinden usw.

    Du kannst Dir mal die overLIB (http://www.bosrup.com/web/overlib/) anschauen, vielleicht kannst Du dir die ja so anpassen, daß sie macht, was Du willst.

    Außerdem kannst Du dir auch mal die "Allgemeine DHTML-Biblitothek" aus SELFHTML (http://selfhtml.teamone.de/dhtml/beispiele/dhtml_bibliothek.htm) anschauen, vielleicht findest Du auch dort etwas passendes.

    Onclick-Events sind mit CSS, soweit ich weiß, nicht realisierbar, aber mouseover- bzw. hover-Menüs sind auch mit CSS ohne JS umsetzbar, siehe dazu z.B. http://css.fractatulum.net/sample/experimente.htm, http://css.maxdesign.com.au/listamatic2/horizontal04.htm oder http://css.maxdesign.com.au/listamatic2/vertical11.htm

    MfG
    Götz

    --
    Losung und Lehrtext für Dienstag, 24. Februar 2004
    Fürchtet den Herrn und dient ihm treu von ganzem Herzen; denn seht doch, wie große Dinge er an euch getan hat. (1.Samuel 12,24)
    Jesus sprach zu dem Geheilten: Geh hin in dein Haus zu den Deinen und verkünde ihnen, welch große Wohltat dir der Herr getan und wie er sich deiner erbarmt hat. (Markus 5,19)
    (http://www.losungen.de/heute.php3)
    1. hi,

      Onclick-Events sind mit CSS, soweit ich weiß, nicht realisierbar

      ein objekt, welches du anklickst, erhält den fokus - demzufolge greift hier die pseudoklasse :focus.

      wir korrigieren also die aussage:

      Onclick-ähnliche Events sind mit CSS im internet explorer leider nicht realisierbar.

      gruss,
      wahsaga

  2. Bitte hilf mir, sofern Du lieber Leser ein paar Minuten Zeit hast, ich wäre für jeden Rat dankbar.

    hi,

    du musst ein div definieren, dieses ausblenden und dieses dann bei dem hover-event ein- und ausblenden.

    weitere möglichkeiten:

    • onclick-event
    • dynamisch in das div-element schreiben

    gute nacht,

    steve01

  3. Hallo Eugen,

    ich habe das Problem fuer Intranet folgendermassen
    geloest, allerdings nur mit opera und m$ie getestet.
    gruss,

    Michael

    <div id="de">Deutscher Text</div>
    <div id="en">Englischer Text</div>

    <a href="#"
      onclick="javascript:document.all.de.style.display='block';
      document.all.en.style.display='none';">auf deutsch</a>
    <a href="#"
      onclick="javascript:document.all.de.style.display='none';
      document.all.en.style.display='block';">in english</a> /