Benutzer:J*/Spielwüste: Unterschied zwischen den Versionen

Aktuelle Version vom 21. Juli 2011, 15:47 Uhr

JQuery Klappdings[bearbeiten]

Visible. TRIG

Inline Test[bearbeiten]

Lorem Visible. TRIG Hidden. TRIG ipsum.

jQuery(".jq_tr").click( function () {
    var $this = jQuery(this);
    var speed = "fast";
    if ($this.parents(".jq_k").hasClass("fade_slow"))
        speed = "slow";
    else if ($this.parents(".jq_k").hasClass("fade_immediate"))
        speed = 0;
    $this.parents(".jq_k").children(".jq_kd").show(speed);
    $this.parents(".jq_kd").hide(speed);
});

Akkordeon[bearbeiten]

Head 1

Body 1

Head 2

Head 3

Inline Test[bearbeiten]

Test | Head 1 Body 1 | Head 2 Body 2 | Bla

jQuery('.jq_z .jq_h').click(function() {
    var $this = jQuery(this);
    var speed = "fast";
    if ($this.parents(".jq_z").hasClass("fade_slow"))
        speed = "slow";
    else if ($this.parents(".jq_z").hasClass("fade_immediate"))
        speed = 0;
    var $this = jQuery(this);
    $this.parents(".jq_z").children(".jq_a").hide(speed);
    $this.next(".jq_a").show(speed);
});

@@ Zeile 1: / Zeile 1: @@
-<!--  -->{{#vardefine: src1|{{#titleparts: {{{quelle|}}}////////////////////////// |1|1}}}}<nowiki>
+==JQuery Klappdings==
-</nowiki>{{#vardefine: src2|{{#titleparts: {{{quelle|}}}////////////////////////// |1|2}}}}<nowiki>
-</nowiki>{{#vardefine: src3|{{#titleparts: {{{quelle|}}}////////////////////////// |1|3}}}}<nowiki>
-</nowiki>{{#vardefine: src4|{{#titleparts: {{{quelle|}}}////////////////////////// |1|4}}}}<nowiki>
-</nowiki>{{#vardefine: src5|{{#titleparts: {{{quelle|}}}////////////////////////// |1|5}}}}<nowiki>
-</nowiki>{{#vardefine: src6|{{#titleparts: {{{quelle|}}}////////////////////////// |1|6}}}}<!-- -->
+<div class="jq_k fade_slow" style="border: 1px yellow solid;">
-==Überschrift==
+<div class="jq_kd" style="border: 1px blue solid;">
-===Unterüberschrift===
+Visible. <span class="jq_tr" style="border: 1px red solid;">TRIG</span>
-Für [[bösonders]] gute Artikel gibt es mehrere Möglichkeiten, zu einer Auszeichung (auch ''„Bapperl“'' genannt) zu kommen:
+</div>
-{| {{prettytable}} style="background-color: rgb(249,249,249); padding: 5px; border: 1px rgb(74,111,171) dashed;"
- |-
- |{{Ausklappen3|1={{Ausklappen3/link|Einblenden}} • [[Hilfe:Vorlage Bsp/Hallo|Beispiel]]
-|2={{Ausklappen3/link|Ausblenden}} • [[Hilfe:Vorlage Bsp/Hallo|Beispiel]]
-|3={{Hallo}}|r-style=background-color: transparent;|style-at=background-color: transparent;|style-et=background-color: transparent;|style-ai=background-color: transparent; position: absolute; width: 600px; right: 10px;|style-r=float:right;}}
-<div style="font-size: 100%; font-weight: bold; color: green; margin-bottom: 0px; margin-top: 0px;"><nowiki>{{hw}}</nowiki></div>
-Wenn Du glaubt, ein Artikel sei ganz gut, auch wenn es Dein eigener ist, mit dem Du Dir ''viel Mühe'' gegeben hast, dann schreibe darunter: <nowiki>{{hw}}</nowiki>. Der Artikel wird dann in die [[:Kategorie:hat was]] eingeordnet. Und wenn du schonmal dabei bist, kannst du den Artikel auch auf deiner persönlichen [[Kamelopedia:Lesezirkel|Empfehlungsliste]] verlinken. Diese kann dann vom Hat-was-Baustein jedes empfohlenen Artikels angesprungen werden, indem man auf den Link "igendein Kamel" klickt. Toll, ne?
- |-
- |{{Ausklappen3|1={{Ausklappen3/link|Einblenden}} • [[Hilfe:Vorlage Bsp/Hallo|Beispiel]]
-|2={{Ausklappen3/link|Ausblenden}} • [[Hilfe:Vorlage Bsp/Hallo|Beispiel]]
-|3={{Hallo}}|r-style=background-color: transparent;|style-at=background-color: transparent;|style-et=background-color: transparent;|style-ai=background-color: transparent; position: absolute; width: 600px; right: 10px;|style-r=float:right;}}<div style="font-size: 100%; font-weight: bold; color: green; margin-bottom: 0px; margin-top: 0px;"><nowiki>{{GanzGut}}</nowiki></div>
-Wirklich gute Artikel werden nach einer Abstimmung in die [[:Kategorie:GaGA]] befördert. Für näheres zur Nominierung und Wahl siehe [[Kamelopedia:GaGA-Wahl|hier.]] GaGA ist die höchste hier vergebene Auszeichnung! Wer sie erringt, kann sowohl auf die geleistete Arbeit als auch auf seine Beliebtheit in der Herde stolz sein... Einzelne GaGA-Artikel werden übrigens als Werbung für die Kamelopedia direkt von der Hauptseite verlinkt - für Nähres siehe [[Kamelopedia:Artikel der Woche|hier]]. Die GaGA-Vorlgage kommt ganz ans Ende des Artikels; noch hinter die Kategorien
- |-
- |<div style="font-size: 100%; font-weight: bold;color: green; margin-bottom: -1px; margin-top: 10px;"><nowiki>{{Wahl|</nowiki><span style="color: #555555;">''<nowiki>~~~~~</nowiki>''</span><nowiki>}}</nowiki></div>
-Ein Artikel wird mit dieser Vorlage auf seiner ''Diskussionsseite'' zur GaGA-Wahl nominiert. Dem Baustein werden als Argument 5 (fünf) Tilden übergeben, daraus macht er meistens einen Datumsstempel, der für das ordnungsgemäße Protokollieren des Wahlbeginns dringend erforderlich ist.
- |-
- |<div style="font-size: 100%; font-weight: bold; color: green; margin-bottom: -1px; margin-top: 10px;"><nowiki>{{GanzGut2}}</nowiki></div>
-Das GaGA-Bapperl gibts übrigens auch für Bilder...
- |-
- |<div style="font-size: 100%; font-weight: bold; color: green; margin-bottom: -1px; margin-top: 10px;"><nowiki>{{GanzGut3}}</nowiki></div>
-...und Animationen!!
- |}
-{{Vorlage|NAME=Moin|GRUND=Begrüßen von Neulingen}}
+<div class="jq_kd" style="display:none; border: 1px green solid;">
+Hidden. <span class="jq_tr" style="border: 1px red solid;">TRIG</span>
+</div>
+</div>
+===Inline Test===
+Lorem <span class="jq_k fade_immediate" style="border: 1px yellow solid;">
+<span class="jq_kd" style="border: 1px blue solid;">
+Visible. <span class="jq_tr" style="border: 1px red solid;">TRIG</span>
+</span>
+<span class="jq_kd" style="display:none; border: 1px green solid;">
+Hidden. <span class="jq_tr" style="border: 1px red solid;">TRIG</span>
+</span>
+</span> ipsum.
+<pre>
+jQuery(".jq_tr").click( function () {
+    var $this = jQuery(this);
+    var speed = "fast";
+    if ($this.parents(".jq_k").hasClass("fade_slow"))
+        speed = "slow";
+    else if ($this.parents(".jq_k").hasClass("fade_immediate"))
+        speed = 0;
+    $this.parents(".jq_k").children(".jq_kd").show(speed);
+    $this.parents(".jq_kd").hide(speed);
+});
+</pre>
+==Akkordeon==
+<div class="jq_z">
+<div class="jq_h">
+'''Head 1'''
+</div>
+<div class="jq_a">
+Body 1
+</div>
+<div class="jq_h">
+'''Head 2'''
+</div>
+<div class="jq_a" style="display:none;">
+Body 2
+</div>
+<div class="jq_h">
+'''Head 3'''
+</div>
+<div class="jq_a" style="display:none;">
+Body 3
+</div>
+</div>
+===Inline Test===
+Test <span class="jq_z fade_immediate">
+<span class="jq_h">
+| '''Head 1'''
+</span>
+<span class="jq_a">
+Body 1
+</span>
+<span class="jq_h">
+| '''Head 2'''
+</span>
+<span class="jq_a" style="display:none;">
+Body 2
+</span>
+</span> | Bla
+<pre>
+jQuery('.jq_z .jq_h').click(function() {
+    var $this = jQuery(this);
+    var speed = "fast";
+    if ($this.parents(".jq_z").hasClass("fade_slow"))
+        speed = "slow";
+    else if ($this.parents(".jq_z").hasClass("fade_immediate"))
+        speed = 0;
+    var $this = jQuery(this);
+    $this.parents(".jq_z").children(".jq_a").hide(speed);
+    $this.next(".jq_a").show(speed);
+});
+</pre>

Benutzer:J*/Spielwüste: Unterschied zwischen den Versionen

Aktuelle Version vom 21. Juli 2011, 15:47 Uhr

Inhaltsverzeichnis

JQuery Klappdings[<small>bearbeiten</small>]

Inline Test[<small>bearbeiten</small>]

Akkordeon[<small>bearbeiten</small>]

Inline Test[<small>bearbeiten</small>]

Navigationsmenü

Suche