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

aus Kamelopedia, der wüsten Enzyklopädie
Zur Navigation springen Zur Suche springen
(kleinchrom)
 
(7 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
−
Entweder direkt:
+
==JQuery Klappdings==
−
<div id="eingabe1">Wenn dieser Text länger als ein paar Sekunden hier steht, solltest du mal dein Javascript anmachen!</div><div id="eingabe_ok" style="display: none">[[Bild:Tipp.png|12px|link=]]</div><div id="eingabe_falsch" style="display: none">[[Bild:Dont.png|12px|link=]]</div>
 
  
−
Oder mit OK-Button
+
<div class="jq_k fade_slow" style="border: 1px yellow solid;">
−
<div id="eingabe2">Wenn dieser Text länger als ein paar Sekunden hier steht, solltest du mal dein Javascript anmachen!</div>
 
  
−
==Erläuterung==
+
<div class="jq_kd" style="border: 1px blue solid;">
−
Das verwendete Codewort ist hier einfach mal ''Kamel'', bei Erfolg geht's weiter auf die Hauptseite. Der Code steht auf [[Kamel:J*/Javascript-Spielwüste.js]] - Code einfach von dort nach "MediaWiki:Skin/Namespace:Seitenname.js" kopieren und in die [[Mediawiki:Common.js|Common.js]] folgendes ergänzen:
+
Visible. <span class="jq_tr" style="border: 1px red solid;">TRIG</span>
 +
</div>
  
−
/* Seiten mit eigenen Skripts */
+
<div class="jq_kd" style="display:none; border: 1px green solid;">
−
var scriptedArticles = {
+
Hidden. <span class="jq_tr" style="border: 1px red solid;">TRIG</span>
−
    <span style="color:red;">"Namespace:Seitenname":              "MediaWiki:Skin/Namespace:Seitenname.js",</span>
+
</div>
−
    "Spezial:Hochladen":                  "MediaWiki:Skin/Spezial:Hochladen.js",
 
−
    …
 
−
};
 
  
−
(Ergänzungen in rot, Komma am Ende nicht vergessen!)
+
</div>
  
−
Dann noch Codewort und Zielseite abänden, die unerwünschte Variante einfach aus dem Quellcode rauswerfen, fertig!
+
===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>

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

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

Visible. TRIG

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

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[<small>bearbeiten</small>]

Head 1

Body 1

Head 2

Head 3

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

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);
});
Abgerufen von „http://testpyramido.uni-guehlen.de/w/index.php?title=Benutzer:J*/Spielwüste&oldid=452096“