Willkommen in der Webstatt Zum Webstatt Blog und Stories
BNightSpeeder am 12.11.06 18:20

Hallo,

ich habe volgenden Code:

<style type="text/css">
klick displaybox {
display: none;
}



klick:active:after {
content:"Schließen";
}


klick:active displaybox,
klick:focus displaybox {
display: block;
padding: 10;
background-color: #99CCFF;
text-decoration: none;
}
</style>
<div>
<klick>Aufklappen
<displaybox>Text in der Box</displaybox>
</klick>

</div>



nun liegt mein Problem daran das der TAG <klick> nur solange "active" ist solange ich mit der maus drauf klicke und festhalte, aber wenn ich dan wieder loslasse wird "active" aufgehoben. Wie kann ich das machen das wenn ich auf <klick> klicke es "active" und wenn ich nochmal drauf klicke "active" aufgehoben wird.

Mfg. BNS

P.s. ich wuste nicht ob es zu HTML oder CSS rein sollte deshalb hab ich es hier rein getan.

netcup.de Warum gibt es hier Werbung?
der_nic der_nic am 12.11.06 21:04

das hat doch eher etwas mit js zu tun oder? also du kannst den handler "faken" mit zb. bla.focus(); (glaube ich vllt auch was anderes aber irgendwas mit focus) oder du kannst mit js die class ändern....

Franky Franky am 12.11.06 21:59

jap würds auch mit js lösen, css2 versteht der ie noch net richtig (nichtma css1 richtig :D)...

BNightSpeeder am 13.11.06 12:43

Ja ich will es ja so machen das der IE JS kriegt aber die anderen sollen CSS kriegen damit die Seite weiterhin überall gleich aussieht.

Aber ich weiß net wie ich es mit CSS anstellen soll.

der_nic der_nic am 13.11.06 13:05

du kannst mit CSS den handler nicht triggern

BNightSpeeder am 13.11.06 13:15

ok, dan muss ich es wohl mit CSS machen, aber dan hab ich noch ne Frage:

<style type="text/css">
#round {
display: none;
}


a:hover:#round,
a:focus:#round {
display: block;
}
</style>

<a href="#">Zeigen</a>
<div id="round">LOL</div>


Wenn Ich das div in <a> einbringe geht es aber das will ich ja grade nicht, kann ich das auch irgendwie lösen so das das <a> nicht das <div> umschließen muss?

Christian am 13.11.06 14:37

hm wie wäre es mit

div:hover/focus

geht aber imo nicht bei ie6 ([URL=http://http://www.css4you.de/hover.html]siehe[/URL])

BNightSpeeder am 13.11.06 15:59

Ich glaub ich wurde Falsch verstanden wenn man über den <a> Tag geht (hovert) soll das Div mit der ID "round" gezeigt werden, und ich will das es so:

<a href="#">Zeigen</a>
<div id="round">LOL</div>


gemacht, wird, weil so kann ich es bei mir nicht machen:

<a href="#">Zeigen
<div id="round">LOL</div></a>

der_nic der_nic am 13.11.06 16:53

a:hover div#round { bla:bla; }

aber schemantisch falsch

Creative Commons Lizenzvertrag
Alle Inhalte des Webstatt-Archivs stehen unter einer Creative Commons Namensnennung - Weitergabe unter gleichen Bedingungen 3.0 Unported Lizenz.

Impressum & Kontakt