nicht angemeldet
einblenden durch klicken
0 0 
Gunnar Bittersmann
0
einblenden durch klicken
hallo,
auf dieser seite http://aktuell.de.selfhtml.org/tippstricks/css/infobox/index.htm#beispiel3
wird beschrieben wie man durch hover einen text einblendet nun ist meine frage ob das auch durch klicken geht, was heisst ich klicke auf ein bild und an anderer stelle aber auf der gleichen seite erscheint der infotext zu dem bild, hat jemand eine idee wie man das mit html und css (dreamweaver 4 ) bewerkstelligen kann und das wichtigste weiß jemand auch welche browser das können.
danke schonmal im vorraus
-
habe d'ehre petra
wird beschrieben wie man durch hover einen text einblendet nun ist meine frage ob das auch durch klicken geht, was heisst ich klicke auf ein bild und an anderer stelle aber auf der gleichen seite erscheint der infotext zu dem bild, hat jemand eine idee wie man das mit html und css (dreamweaver 4 ) bewerkstelligen kann
http://de.selfhtml.org/css/eigenschaften/positionierung.htm#visibility
und das wichtigste weiß jemand auch welche browser das können.
Eigentlich alle (ausser reine Textbrowser), achte auf die angegebenen Browsersymbole.
man liest sich
Wilhelm-
yoa
das von gummikeule geht irgendwie nicht wobei ich das auch nicht ganz verstehe,
das von wilhelm ist schon mal ganz nah an dem dran was ich haben will, die frage ist nur noch geht das auch mit mehreren unsichtbaren elementen die von unterschiedlichen bildern auf der gleichen seite angesteuert werden und gibts auch irgend eine möglichkeit das das unsichtbare immer an der gleichen stelle erscheint (ich dachte so an ebenen oder so)tschö
petra
-
habe d'ehre petra
die frage ist nur noch geht das auch mit mehreren unsichtbaren elementen die von unterschiedlichen bildern auf der gleichen seite angesteuert werden
Dann musst Du immer eine entsprechende ID fuer das verborgende Element angeben und diese fuer die Anzeigefunktion mitgeben.
und gibts auch irgend eine möglichkeit das das unsichtbare immer an der gleichen stelle erscheint (ich dachte so an ebenen oder so)
Hier findest Du ein Beispiel.
man liest sich
Wilhelm-
Dankeschön, das von Wilhelm funzt einwandtfrei.
Schönen Abend noch!
Petra
-
-
-
-
Hello out there!
wird beschrieben wie man durch hover einen text einblendet nun ist meine frage ob das auch durch klicken geht,
Nein, CSS bietet das nicht. Dazu brauchst du Eventhandler (JavaScript).
See ya up the road,
Gunnar--
“Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen) -
Mit dieser Beispiel-Datei geht's!
Einfach auf das Bild klicken.
Gruß - G. Keule
TextzumBild.htm
--------------------------------------------<html>
<head>
<title>Text zum Bild</title>
<script language="JavaScript">
<!--
function bildtext()
{
document.myForm.TextzumBild.value="Der Text zum Bild";
}function do_nothing()
{
;
}
//-->
</script>
</head><body>
<h2>Text zum Bild</h2>
<form name="myForm">
<input type="text" name="TextzumBild" size="15" value=" ">
</form>
<hr>
<a href="javascript:do_nothing()" onMouseDown="bildtext()"><img "bild.jpg" alt="Klicke auf das Bild">
</body>
</html>-
Hello out there!
Mit dieser Beispiel-Datei geht's!
„Geht“ heißt nicht „gut“.
<script language="JavaScript">
Fehler: Pflichtattribut 'type' fehlt. Tausendfache Wiederholung macht das nicht richtig. <http://de.selfhtml.org/javascript/intro.htm#javascriptbereiche@title=Wie JavaScript-Bereiche in HTML definiert werden>
<!--
Auch wenn an genannter Stelle in SELFHTML steht, dass man das sollte; nein, das sollte man nicht mehr. Kein heutzutage benutzter Browser braucht das mehr; eventuell sind die HTML-Kommentarzeichen sogar äußerst schädlich.
function do_nothing()
{
;
}Die Funktion ist überflüssig ...*
<form name="myForm">
Fehler: Pflichtattribut 'action' fehlt. Aber das Forumular ist überflüssig.
<input type="text" name="TextzumBild" size="15" value=" ">
Es muss auch kein 'input' sein, 'p' wäre sicher besser geeignet.
Anstelle der Änderung des Inhaltes des Elements bietet sich an, die CSS-Eigenschaften mit JavaScript zu ändern.
*... hier könnte man gleich
<a href="javascript:[code lang=javascript]{}" onMouseDown="bildtext()">[/code] schreiben. Sollte man aber nicht, sondern eine Ressource angeben, wo der Text auch ohne JavaScript zu sehen ist.See ya up the road,
Gunnar--
“Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)
-