HTH-C.com - Webmedien & Community - [Script] Texte, Bilder ect auf und Zu klappen

HTH-C.com - Forum

Latest News

Latest Threads

	Neuerung: Persönliche Galerie
	Informationen zur Übernahme der Erweite..
	HTH Blog - Version 2.0
	#HTH.Systems - Betatester gesucht
	Neueröffnung - PHPKit-Award.de
	HTH Webchat v3

Happy Birthday	Bottyline	Heute, 0:00
Herzlich Willkommen	Botty	22.11.2024 - 20:45
Gibt es eigentlich noch jemand der PHPki..	Dooki	16.07.2024 - 19:47
PHPKit 1.6.6	WEBI	24.06.2024 - 12:58
PHPKit 1.6.6 ohne ASCE auf PHP8x	Myrddin	22.03.2023 - 12:36


55.070 Posts & 4.945 Themen in 78 Foren

Forenübersicht »

Support / Hilfe »

Allgemein »

HTML »

[Script] Texte, Bilder ect auf..

[Script] Texte, Bilder ect auf und Zu klappen
8 Beiträge in diesem Thema

Seiten (1):

vernichter
Newbie

Beiträge: 8
Wohnort: keine Angabe
HTH-Coins: 159

27.10.2008 - 03:04 Uhr

Beitrag: #1

Guten Morgen!

Wollte ein bissl mit eurem Script arbeiten, das Script ansich funktioniert auch super. Das Html Dokument schaut bisher so aus...

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;">

<table class="forumbody" width="100%" border="0" cellspacing="1" cellpadding="4">

 <tr>

  <td class="heads" width="100%" align="center" colspan="7"><b>Die letzten $max aktiven Forenthemen</b></td>

 </tr>

$showcat_subcat

$showcat_threads

</table>

</div>

Im geschlossenen Zustand schaut es so aus..

http://www.abload.de/image.php?img=zu5pvh.jpg

und im geöffnetem Zustand so...

http://www.abload.de/image.php?img=offen0n4h.jpg

Und so soll es ausschauen im geschlossenen Zustand und wenn man dann dort draufklickt soll der Rest direkt drunter aufgehen.

Ich hoffe Ihr wisst was ich meine und könnt mir helfen.

http://www.abload.de/image.php?img=zu1vy9d.jpg

Jardin
Der olle Ossi

Beiträge: 633
Wohnort: Bad Salzungen
HTH-Coins: 9.491

27.10.2008 - 03:37 Uhr

Beitrag: #2

Binde einfach den Klapptext ein.

vernichter
Newbie

Beiträge: 8
Wohnort: keine Angabe
HTH-Coins: 159

27.10.2008 - 03:48 Uhr

Beitrag: #3

Da ist ja das Problem, ich weiß leider nicht wie ich das tun soll.

Gruss

Klener
Sandmännchen

Beiträge: 469
Wohnort: Stuttgart
HTH-Coins: 10.995

27.10.2008 - 12:20 Uhr

Beitrag: #4

Also hab n bissl gegooglet da mich das ja selber interssiert und ne Interresante Lösung gefunden:
Kleines Tutorial
einfach runter scrollen und dann den letzen code kopieren den eigenen Wünschen anpassen und fertig ^^

PS: Und warum das .html dokument?

Da sind doch Variablen usw. drinne wenn ich mich net irre muss das ne .php Datei sein damit der PHP-Converter oder wie das ding heißt
es erkennt und umwandelt

MfG

k!r!ka
Syntax undefine

Beiträge: 2.159
Wohnort: keine Angabe
HTH-Coins: 32.831

27.10.2008 - 13:15 Uhr

Beitrag: #5

Das von dir gezeigte Beispiel ist zwar ganz nett, hätte man auch einfacher und strukturierter machen können.

Was das Problem angeht:
Wenn du den Klapptext von hier benutzt, müsste das Template so aussehen.

Hier klicken zum aufklappen

Habs aber nicht getestet, aber so sollte die Klappfunktion ohne BB-Codes klappen.

vernichter
Newbie

Beiträge: 8
Wohnort: keine Angabe
HTH-Coins: 159

27.10.2008 - 13:26 Uhr

Beitrag: #6

Funktioniert leider nicht. Es soll ja nur noch der Balken zusehen sein. Also der Balken immer zusehen und beim klicken geht nur der untere Content auf nochemal klicken geht der Content wieder zu. Das mit dem hier klicken brauche ich also garnet.

Gruss