Versteckter Text in HTML, den man aufklappen kann
-
Gibt es in HTML eigentlich so einen Tag für versteckten Text, der erst sichtbar wird, wenn man raufklickt? (Ähnlich dem Spoiler-Tag in diversen Foren.)
-
Solche Effekte macht dir nur Javascript!
-
Mit CSS ist das auch Möglich:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Spoiler</title> <style type="text/css"> #spoiler {} #spoiler a { color:#000; text-decoration:none;} #spoiler a span { display:none; } #spoiler a:active span, #spoiler a:focus span { display:block;} </style> </head> <body> <div id="spoiler"> <a href="#">Spoiler<span>Text wird bei Klick sichtbar</span></a> </div> </body> </html>
(getestet mit IE7 und FireFox)
-
Danke erstmal.
Es gibt hier leider nur das Problem, daß jeweils bloß einer von diesen Spoilern sichtbar sein kann. Wenn ich mit der Maus woanders hinklicke, ist das ganze weg.
Ein weiteres Problem ist, daß bei dieser Methode, soweit ich das sehe, alles beim ersten Aufrufen der Seite geladen wird. Ich würde es aber lieber so haben, daß wenn in dem versteckten Teil ein Bild angezeigt wird, daß das erst mit dem Aufklappen geladen wird.
-
Ajax ist dein Freund. Du kannst per JS den HTML Code manipulieren - ich wette fast jedes Ajax Tutorial hat eien Anleitung für genau so einen Fall.
-
Die Technik nennt sich JavaScript. Ajax wird's, wenn XmlHTTPRequest-Gedöhns dazu kommt.
-
Ehm... schrieb:
Die Technik nennt sich JavaScript. Ajax wird's, wenn XmlHTTPRequest-Gedöhns dazu kommt.
Und wie genau planst du den HTML Code anzuzeigen ohne dass ihn der user laden muss wenn er die seite laedt?
aufgabenstellung lesen ist ftw mein freund