Texte, Bilder ect auf und Zu klappen
27.06.2006 von WEBI
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.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19
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ü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 !
