Benutzer:Rene/Test: Unterschied zwischen den Versionen

aus Stargate Wiki, dem deutschsprachigen Stargate-Lexikon
Zur Navigation springen Zur Suche springen
jQ Test
Version 2
Zeile 15: Zeile 15:


==Beispiel==
==Beispiel==
<jsbutton name="js_name" value="js_value" class="js_class" click="$('.spoiler').toggle('puff');" mover="$('#tt1').toggle('puff');">Spoiler</jsbutton>
<jsbutton class="Spoiler_Zeigen" click="$('.Spoiler_Zeigen').hide(); $('.Spoiler_Verdecken').show(); $('.spoiler').show(); $('.spoiler_inline').css('display','inline');"><small>Spoiler +</small></jsbutton><jsbutton style="display:none" class="Spoiler_Verdecken" click="$('.Spoiler_Zeigen').show(); $('.Spoiler_Verdecken').hide(); $('.spoiler').hide(); $('.spoiler_inline').css('display','none');"><small>Spoiler -</small></jsbutton>
<div id="tt1" class="spoiler" style="display:none">Hier steht was
<div id="tt1" class="spoiler" style="display:none">
Hier steht was


und so was auch
und so was auch
Zeile 27: Zeile 28:
</div>
</div>


Im Jahre 1967 war der <jsbutton style="color: #fff; background: #0034D0; font-size: .8em; font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif; border: solid 1px #ffcf31;" name="js_name" value="js_value" class="js_class" click="toggleAll('spoiler')" mover="toggleMe('tt2','inline')">Spoiler</jsbutton> <div id="tt2" class="spoiler" style="display:none">fette</div> Eimer leer.
Im Jahre 1967 war der <jsbutton class="Spoiler_Zeigen" click="$('.Spoiler_Zeigen').hide(); $('.Spoiler_Verdecken').show(); $('.spoiler').show(); $('.spoiler_inline').css('display','inline');"><small>Spoiler +</small></jsbutton><jsbutton style="display:none" class="Spoiler_Verdecken" click="$('.Spoiler_Zeigen').show(); $('.Spoiler_Verdecken').hide(); $('.spoiler').hide(); $('.spoiler_inline').css('display','none');"><small>Spoiler -</small></jsbutton><div id="tt2" class="spoiler_inline" style="display:none"> fette</div> Eimer leer.


Okay?
Okay?

Version vom 2. April 2010, 19:25 Uhr

^JSButton

Mit JSButton kann man einen HTML-Button (<button>) erzeugen. Mit diesem Button kann man eine Javascript-Funktion aufrufen welche in Stargate Wiki definiert sein muss.

<jsbutton name="" value="" class="" style="" click="" mover="" mout="">BText</jsbutton>
  • name: Name des Buttons
  • value: Value des Buttons
  • class: Klasse des Buttons
  • style: Style Definition für den Button
  • click: Javascript-Funktion für onclick
  • mover: Javascript-Funktion für onmouseover
  • mout: Javascript-Funktion für onmouseout
  • BText: Beschriftung des Buttons
Hinweis: Momentan wird Wiki-Syntax in BText nicht ausgewertet. Grafiken müssen daher als img-Tag angegeben werden.

Die Definition der Javascript-Funktion(en) muss entweder in der Datei Mediawiki:<Skin>.js oder Benutzer:<Name>/<Skin>.js erfolgen.

^Beispiel

Im Jahre 1967 war der

Eimer leer.

Okay?