Webstatt.org - Community seit 2006 - 2012 (2024?)

Tag activiert lassen.

user-137
12.11.2006 17: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.
Avatar user-162
12.11.2006 20: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....
Perfection is not when there’s nothing to add, but when there’s nothing to take away swisscheek.com/magazine
Avatar user-182
12.11.2006 20:59
jap würds auch mit js lösen, css2 versteht der ie noch net richtig (nichtma css1 richtig Fettes Grinsen)...
Seid ihr auch schon wix'r? xD
user-137
13.11.2006 11: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.
Avatar user-162
13.11.2006 12:05
du kannst mit CSS den handler nicht triggern
Perfection is not when there’s nothing to add, but when there’s nothing to take away swisscheek.com/magazine
user-137
13.11.2006 12: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-150
13.11.2006 13:37
hm wie wäre es mit

div:hover/focus

geht aber imo nicht bei ie6 (siehe)
Mehr schlaue Sprüche gibt es auf: anotherstyle.de Psicologia
user-137
13.11.2006 14: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>
Avatar user-162
13.11.2006 15:53
a:hover div#round { bla:bla; }

aber schemantisch falsch
Perfection is not when there’s nothing to add, but when there’s nothing to take away swisscheek.com/magazine