HTH-C.com - Webmedien & Community

Coding » Java

Texte, Bilder ect auf und Zu klappen

27.06.2006 - 19:07

Dieses Script kann man Problemlos mehrfach verwenden.
Indem man beim Javascript-Aufruf, beim "div" die Id und bei der "img" Anweisung die "Pic" Nummern ändert.

Quellcode

<script type="text/javascript">

function Klappen(Id) {

var KlappText = document.getElementById('Lay'+Id);

var KlappBild = document.getElementById('Pic'+Id);

var jetec_Minus="images/minus.gif", jetec_Plus="images/plus.gif";

if (KlappText.style.display == 'none') {

KlappText.style.display = 'block';

KlappBild.src = jetec_Minus;

} else {

KlappText.style.display = 'none';

KlappBild.src = jetec_Plus;

}}

</script>

<a href="javascript:Klappen(1)"><img src="images/plus.gif" id="Pic1" border=0 alt="aus/ein-klappen">Auf die Grafik klicken um zu klappen.</a>

<div id="Lay1" style="display: none;"><hr>

Hier der Text den man aus/ein-klappen kann.

<br>Nat&uuml;rlich auch Grafiken oder alles andere.

</div>

Hier noch 2 Bilder,
Einmal das Plus Bild:

Und einmal das Minus Bild:

Bitte abspeichern und auf den eigenen Server abspeichern.
Bei Fragen das Forum nutzen.

Info:
Als Content im PHPKit nimmt er es nicht an, ich habe hier ein Beispiel als "HTML" Datei erstellt und hochgeladen, um sie zu begutachten, einfach, hier klicken !

WEBI

gedruckt am 14.07.2025 - 12:53

http://www.hth-c.com/include.php?path=content/content.php&contentid=76