CSS Befehle über HTML aufrufen

Status
Nicht offen für weitere Antworten.
D

DefX

Grünschnabel
Juten tach,
sachlage ist folgende. index.html + style.css vorhanden. nun habe ich einige sache in der html datei welche ich mit display: none angezeigt habe. nun wenn ich auf einen link drücke möchte ich aus display:none etwas anderes machen ohne in der css selber was zu ändern. also ich muss quasi in html was in css schreiben. könnt ihr mir sagen wie das geht?

<a href=""><img src="down.png"></a>

ich möchte also drückt man auf dieses bild einen inhalt der vorher über die css datei mit display: none belegt war, sichtbar machen.

thx im vorraus
 
Hi, du legst also einfach ein zweite Klasse oder ID an, die nicht visibilty:hidden; hat.
Und machst das dann so.

<a href="#" OnClick="this.className='visible';">img</a>



Edit: Und hier nochmal ein weiteres Beispiel zum ein- und ausblenden.

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 <html>
 <head>
 <title>Untitled Document</title>
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
 <script type="text/javascript">
 function einAusBlenden(was) {
 if (document.getElementById(was).style.visibility == "visible") {
 document.getElementById(was).style.visibility = "hidden";
 return;
 }
 if (document.getElementById(was).style.visibility == "hidden") {
 document.getElementById(was).style.visibility = "visible";
 return;
 }
 }
 </script>
 </head>
 <body>
 <a href="javascript:einAusBlenden('xxx');">links?</a>
 <div id="xxx" style="visibility:hidden;">blub</div>
 </body>
 </html>


Gruß
 
Zuletzt bearbeitet:
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück