Accordion extended - Versionsgeschichte

BugBuster: /* Auskommentierung kompatibel zum Markup Komprimierer */

2012-10-15T11:05:55Z

‎Auskommentierung kompatibel zum Markup Komprimierer

Manitougs: Geshi-Anpassung

2010-08-27T11:28:35Z

Geshi-Anpassung

Manitougs: Typos

2010-06-24T22:58:29Z

Typos

Psi: /* Beispiel für eine CSS-Einstellung */

2010-06-24T16:54:59Z

‎Beispiel für eine CSS-Einstellung

Psi am 24. Juni 2010 um 16:54 Uhr

2010-06-24T16:54:02Z

Psi am 24. Juni 2010 um 16:53 Uhr

2010-06-24T16:53:36Z

Psi am 24. Juni 2010 um 16:53 Uhr

2010-06-24T16:53:24Z

Psi am 24. Juni 2010 um 14:17 Uhr

2010-06-24T14:17:54Z

Manitougs: stub added

2010-06-23T20:59:11Z

stub added

Psi: Die Seite wurde neu angelegt: „Category:Admin HOWTOS {{AppliesTo|TLVersion=ab 2.8}} '''Accordion mit Active/Hover-Effekten''' {{Achtung|Dieser Artikel befindet sich noch im Aufbau!}} Mi…“

2010-06-23T13:57:08Z

Die Seite wurde neu angelegt: „Category:Admin HOWTOS {{AppliesTo|TLVersion=ab 2.8}} '''Accordion mit Active/Hover-Effekten''' {{Achtung|Dieser Artikel befindet sich noch im Aufbau!}} Mi…“

Neue Seite

[[Category:Admin HOWTOS]]
{{AppliesTo|TLVersion=ab 2.8}}

'''Accordion mit Active/Hover-Effekten'''

{{Achtung|Dieser Artikel befindet sich noch im Aufbau!}}

Mit ein paar kleinen Tricks kann man das Accordion von Contao dazu bringen,
dass es je nach Status die CSS-Klassen ''hover'' und ''active'' setzt.
Damit können Beispielsweise Effekte beim Überfahren mit der Maus oder
verschiedene Ansichten für ein auf/zu geklapptes Akkordion realisiert werden.

Als erstes muss dazu das Javascript-Template '''''moo_accordion.tpl''''' bearbeitet werden:

<pre><script type="text/javascript">
<![CDATA[//><!]]>
</script></pre>

Durch dieses Template erhält das Toggler-Div zusätzlich:
* Die Klasse '''hover''' beim überfahren mit der Maus
* Die Klasse '''active''' wenn das Element ausgeklappt ist

----

erstellt von --[[Benutzer:Psi|Psi]], [http://www.4wardmedia.de 4ward.media]

@@ Zeile 16: / Zeile 16: @@
 <source lang="javascript">
 <script type="text/javascript">
-<!--//--><![CDATA[//><!--
+/* <![CDATA[ */
 window.addEvent('domready', function() {
    new Accordion($$('div.toggler'), $$('div.accordion'), {
@@ Zeile 40: / Zeile 40: @@
    });
 });
-//--><!]]>
+/* ]]> */
 </script>
 </source>
@@ Zeile 47: / Zeile 47: @@
 * Die Klasse '''hover''' beim Überfahren mit der Maus
 * Die Klasse '''active''' wenn das Element ausgeklappt ist
 ==Beispiel für eine CSS-Einstellung==

@@ Zeile 14: / Zeile 14: @@
 ==Bearbeitung des Javascript-Templates '''''moo_accordion.tpl'''''==
-<pre><script type="text/javascript">
+<source lang="javascript">
 <!--//--><![CDATA[//><!--
 window.addEvent('domready', function() {
@@ Zeile 40: / Zeile 41: @@
 });
 //--><!]]>
-</script></pre>
+</script>
 Durch dieses Template erhält das Toggler-Div zusätzlich:
@@ Zeile 49: / Zeile 51: @@
 ==Beispiel für eine CSS-Einstellung==
-<pre>
+<source lang="css">
 /* Style für den Akkordion Inhalt */
 .ce_accordion div.accordion > div {
@@ Zeile 80: / Zeile 82: @@
+}
-</pre>
+</source>
 ----

← Nächstältere Version		Version vom 24. Juni 2010, 16:54 Uhr
Zeile 85:		Zeile 85:
	erstellt von --[[Benutzer:Psi\|Psi]], [http://www.4wardmedia.de 4ward.media]		erstellt von --[[Benutzer:Psi\|Psi]], [http://www.4wardmedia.de 4ward.media]

−	[[Datei:4ward signature.png]]	+	[[Datei:4ward signature.png\|link=http://www.4wardmedia.de\|4ward.media]]

← Nächstältere Version		Version vom 24. Juni 2010, 16:53 Uhr
Zeile 1:		Zeile 1:
−	~~{{stub}}~~
	[[Category:Admin HOWTOS]]		[[Category:Admin HOWTOS]]
	{{AppliesTo\|TLVersion=ab 2.8}}		{{AppliesTo\|TLVersion=ab 2.8}}

@@ Zeile 5: / Zeile 5: @@
 Mit ein paar kleinen Tricks kann man das Accordion von Contao dazu bringen,
 dass es je nach Status die CSS-Klassen ''hover'' und ''active'' setzt.
-Damit können Beispielsweise Effekte beim Überfahren mit der Maus oder
+Damit können beispielsweise Effekte beim Überfahren mit der Maus oder
-verschiedene Ansichten für ein auf/zu geklapptes Akkordion realisiert werden.
+verschiedene Ansichten für ein auf- bzw. zugeklapptes Akkordion realisiert werden.
-[[Datei:Accordion extended.png]]
+[[Datei:Accordion extended.png|Accordeon extended]]
@@ Zeile 43: / Zeile 43: @@
 Durch dieses Template erhält das Toggler-Div zusätzlich:
-* Die Klasse '''hover''' beim überfahren mit der Maus
+* Die Klasse '''hover''' beim Überfahren mit der Maus
 * Die Klasse '''active''' wenn das Element ausgeklappt ist

@@ Zeile 1: / Zeile 1: @@
 [[Category:Admin HOWTOS]]
 {{AppliesTo|TLVersion=ab 2.8}}
 =Accordion mit Active/Hover-Effekten=

@@ Zeile 3: / Zeile 3: @@
 {{AppliesTo|TLVersion=ab 2.8}}
-'''Accordion mit Active/Hover-Effekten'''
+=Accordion mit Active/Hover-Effekten=
 Mit ein paar kleinen Tricks kann man das Accordion von Contao dazu bringen,
@@ Zeile 10: / Zeile 10: @@
 verschiedene Ansichten für ein auf/zu geklapptes Akkordion realisiert werden.
-Als erstes muss dazu das Javascript-Template '''''moo_accordion.tpl''''' bearbeitet werden:
 <pre><script type="text/javascript">
@@ Zeile 45: / Zeile 48: @@
 * Die Klasse '''active''' wenn das Element ausgeklappt ist
-Mit diesen beiden Klassen kann jetzt zum Beispiel mit den CSS-Einstellungen:
 <pre>
 /* Style für den Akkordion Inhalt */
@@ Zeile 80: / Zeile 85: @@
 ----
 erstellt von --[[Benutzer:Psi|Psi]], [http://www.4wardmedia.de 4ward.media]