Willkommen in der Webstatt
User-1 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?
User-2 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....

User-3 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)...

User-1 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.

User-2 am 13.11.06 13:05

du kannst mit CSS den handler nicht triggern

User-1 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?

User-4 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])

User-1 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>

User-2 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