Per Link die Anzeige von (css)Div-Elementen steuern, aber wie?
eugenandreas
- css
0 Götz0 wahsaga
0 steve010 Michael Wronna
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
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
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
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:
gute nacht,
steve01
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> /