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

aus Kamelopedia, der wüsten Enzyklopädie
Zur Navigation springen Zur Suche springen
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
 
(5 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
<br>
==JQuery Klappdings==
<div class="Ka-Mel-Oh-Box">
 
{{:Projekt:Ka-Mel-Oh!/navi}}
<div class="jq_k fade_slow" style="border: 1px yellow solid;">
 
<div class="jq_kd" style="border: 1px blue solid;">
Visible. <span class="jq_tr" style="border: 1px red solid;">TRIG</span>
</div>
 
<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>


Mal so ganz auf die Schnelle zusammengebastelt: Absolut zufällig und ohne Beachtung irgendwelcher Häufigkeitsklassen …
<div class="jq_h">
{{#vardefine: total | {{NUMBEROFCARDSS}} }}
'''Head 2'''
{{#vardefine: decktext | }}
</div>
{{#loop: num
<div class="jq_a" style="display:none;">
  | 1
Body 2
  | 60
</div>
  |{{#vardefine: rand | {{#rand:{{#var:total}}}}}}<!--
-->{{#dpl: randomcount=1 | uses=Vorlage:Kameloh2 | namespace=Projekt | titlematch=Ka-Mel-Oh!/Karte/% | nottitlematch=%/thumb | replaceintitle=~Ka-Mel-Oh!/Karte/~, | format=, | include={Kameloh2}-Mini }} |<!--
-->{{#vardefine: decktext | {{#var:decktext}}{{!}}{{#var:rand}}{{#ifexpr: {{#var:num}} mod 5 = 0|<br/>}} }}
}}
{{clear}}


<div class="jq_h">
'''Head 3'''
</div>
<div class="jq_a" style="display:none;">
Body 3
</div>


----
<div style="font-size: 80%; line-height: 100%">
* {{#expr:{{#var:card_count}}+0}} Karten
* {{#expr:{{#var:monster_count}}+0}} Monster, {{#expr:{{#var:item_count}}+0}} Items, {{#expr:{{#var:zm-monster_count}}+0}} Z-Monster, {{#expr:{{#var:zm-item_count}}+0}} Z-Items und {{#expr:{{#var:other_count}}+0}} andere Karten
* {{#expr:{{#var:hk1_count}}+0}}× HK1, {{#expr:{{#var:hk2_count}}+0}}× HK2, {{#expr:{{#var:hk3_count}}+0}}× HK3, {{#expr:{{#var:hk4_count}}+0}}× HK4
* {{#expr:{{#var:schmiede_count}}+0}} nachzuschmiedende Karten, {{#expr:{{#var:sonder_count}}+0}} Sonderkarten
</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


==Dieses Deck irgendwo abspeichern==
<pre>
<nowiki>{{Kartendeck</nowiki>
jQuery('.jq_z .jq_h').click(function() {
|===================
    var $this = jQuery(this);
|zusammenfassung=ja
    var speed = "fast";
|modus=mini
    if ($this.parents(".jq_z").hasClass("fade_slow"))
|===================
        speed = "slow";
{{#var:decktext}}<nowiki>}}</nowiki>
    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>

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

JQuery Klappdings

Visible. TRIG

Inline Test

Lorem Visible. 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

Head 1

Body 1

Head 2

Head 3

Inline Test

Test | Head 1 Body 1 | Head 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);
});