Nicht angemeldeter Benutzer - Bearbeiten von Seiten ist nur als angemeldeter Benutzer möglich.

Vorlage:Hilfe/inputarea: Unterschied zwischen den Versionen

Aus imedwiki
Zur Navigation springen Zur Suche springen
[unmarkierte Version][unmarkierte Version]
K (sortfix)
K (+ Bitte füllen Sie dieses Feld aus + inaktive Felder)
Zeile 1: Zeile 1:
−
<onlyinclude><div style="width: {{#if: {{{small|}}} | {{{small}}}% | 95%}}; border-radius: 3px; padding: 2px .5em 2px .5em; margin-top: 2px; margin:bottom: 2px; border: solid {{#ifeq:{{{border|1}}} | 2 | {{#ifeq: {{{typ|0}}} | i | 1 | 2 }} | 1}}px #{{#switch:{{{typ|}}}
+
<onlyinclude><div {{#ifeq: {{{content|0}}} | 0 | {{#if: {{{required|}}}| title="Bitte füllen sie dieses Feld aus" | }} | }} style="width: {{#if: {{{small|}}} | {{{small}}}% | 95%}}; border-radius: 3px; padding: 2px .5em 2px .5em; margin-top: 2px; margin:bottom: 2px; border: solid {{#ifeq:{{{border|1}}} | 2 | {{#ifeq: {{{typ|0}}} | i | 1 | 2 }} | 1}}px #{{#switch:{{{typ|}}}
 
         |el
 
         |el
 
         |s
 
         |s
Zeile 7: Zeile 7:
 
         |d= D11D13;
 
         |d= D11D13;
 
         |i= 999999; background:#EFEFEF;
 
         |i= 999999; background:#EFEFEF;
 +
        |eli
 +
        |si
 
         |#default= 999999;
 
         |#default= 999999;
 
         }}">{{#switch: {{{typ|}}}
 
         }}">{{#switch: {{{typ|}}}
 
         |el
 
         |el
−
         |eld= [[Datei:OOjs UI icon external-link-ltr.svg|20px]]
+
         |eld
 +
        |eli= [[Datei:OOjs UI icon external-link-ltr.svg|20px]]
 
         |s
 
         |s
−
         |sd= [[Datei:OOjs UI icon search-ltr.svg|20px]]
+
         |sd
−
         |#default= }}&nbsp;{{#ifeq: {{{typ|}}} | i | {{0}} | {{#ifeq:{{{border|1}}} | 2 | {{#if: {{{remove|}}} | {{Taste| {{{remove}}} [[Datei:OOjs UI indicator clear.svg]]}}&nbsp; | }} {{#if:{{{placeholder|}}}|'''&#124;'''<span style="opacity:.5">{{{placeholder}}}</span> | {{#if: {{{mark|}}}| <span style="background:#2277BB; color:#FFFFFF;">{{#tag:nowiki|{{{content}}}}}</span> | {{{content|}}}&#124; }} }} | {{#if: {{{remove|}}} | {{Taste| {{{remove}}} [[Datei:OOjs UI indicator clear.svg]]}}&nbsp; | }} {{#if:{{{placeholder|}}}|<span style="opacity:.5">{{{placeholder}}}</span> | {{{content|}}} }} }} {{#ifeq: {{{required|0}}} | 0 | | [[Datei:OOjs UI indicator icon required.svg|rechts|10px]] | }}{{0}} }}<!--
+
        |si= [[Datei:OOjs UI icon search-ltr.svg|20px]]
 +
         |#default= }}&nbsp;{{#ifeq: {{{typ|}}} | i | {{0}} | {{#ifeq:{{{border|1}}} | 2 | {{#if: {{{remove|}}} | {{Taste| {{{remove}}} [[Datei:OOjs UI indicator clear.svg]]}}&nbsp; | }} {{#if:{{{placeholder|}}}|'''&#124;'''<span style="opacity:.5">{{{placeholder}}}</span> | {{#if: {{{mark|}}}| <span style="background:#2277BB; color:#FFFFFF;">{{#tag:nowiki|{{{content}}}}}</span> | {{{content|}}}&#124; }} }} | {{#if: {{{remove|}}} | {{Taste| {{{remove}}} [[Datei:OOjs UI indicator clear.svg]]}}&nbsp; | }} {{#if:{{{placeholder|}}}|<span style="opacity:.5">{{{placeholder}}}</span> | {{{content|}}} }} }} {{#ifeq: {{{required|0}}} | 0 | | [[Datei:OOjs UI indicator icon required.svg|rechts|10px]] }}{{0}} }}<!--
 
-->{{#if:{{{rows|}}}
 
-->{{#if:{{{rows|}}}
 
  | {{#switch:{{{rows|}}}
 
  | {{#switch:{{{rows|}}}
Zeile 50: Zeile 54:
 
: <code>i</code> = inaktiv (disabled, grau)
 
: <code>i</code> = inaktiv (disabled, grau)
 
: <code>el</code> = external link (blau mit Icon externe Verlinkung = [[Datei:OOjs UI icon external-link-ltr.svg|16px]])
 
: <code>el</code> = external link (blau mit Icon externe Verlinkung = [[Datei:OOjs UI icon external-link-ltr.svg|16px]])
−
: <code>eld</code> = link (rot, falscher Wert mit Icon externe Verlinkung = [[Datei:OOjs UI icon external-link-ltr.svg|16px]])
+
: <code>eld</code> = external link (rot, falscher Wert mit Icon externe Verlinkung = [[Datei:OOjs UI icon external-link-ltr.svg|16px]])
 +
: <code>eli</code> = external link (grau, Eingabefeld inaktiv mit Icon externe Verlinkung = [[Datei:OOjs UI icon external-link-ltr.svg|16px]])
 
: <code>p</code> = progressive (blau)
 
: <code>p</code> = progressive (blau)
 
: <code>s</code> = search (blau mit Suchfeldicon = [[Datei:OOjs UI icon search-ltr.svg|16px]])
 
: <code>s</code> = search (blau mit Suchfeldicon = [[Datei:OOjs UI icon search-ltr.svg|16px]])
 
: <code>sd</code> = search (rot, falscher Wert mit Suchfeldicon = [[Datei:OOjs UI icon search-ltr.svg|16px]])
 
: <code>sd</code> = search (rot, falscher Wert mit Suchfeldicon = [[Datei:OOjs UI icon search-ltr.svg|16px]])
 +
: <code>si</code> = search (grau, Suchfeld inaktiv mit Suchfeldicon = [[Datei:OOjs UI icon search-ltr.svg|16px]])
  
 
=== Kopiervorlagen – Ausgabeformen ===
 
=== Kopiervorlagen – Ausgabeformen ===
Zeile 72: Zeile 78:
 
{{Hilfe/inputarea |border=2 |content=Wikip |typ=s}}
 
{{Hilfe/inputarea |border=2 |content=Wikip |typ=s}}
 
{{Hilfe/inputarea |placeholder=Suchbegriff eingeben |typ=s}}
 
{{Hilfe/inputarea |placeholder=Suchbegriff eingeben |typ=s}}
 +
{{Hilfe/inputarea |placeholder=Suchbegriff eingeben |typ=si}}
  
  
Zeile 79: Zeile 86:
 
{{Hilfe/inputarea |border=2 |content=https://www.example.com |mark=1 |typ=el}}
 
{{Hilfe/inputarea |border=2 |content=https://www.example.com |mark=1 |typ=el}}
 
{{Hilfe/inputarea |placeholder=Webadresse eingeben |typ=el}}
 
{{Hilfe/inputarea |placeholder=Webadresse eingeben |typ=el}}
 +
{{Hilfe/inputarea |placeholder=Webadresse eingeben |typ=eli}}
  
  

Version vom 20. Januar 2017, 19:29 Uhr

 0

Diese Vorlage fügt auf einer Hilfeseite ein inaktives Eingabefeld ein, um die unterschiedlichen Optionen darzustellen.

Parameter

border
optional Dicke der Umrandung in Pixeln; 1 oder 2, Vorgabe 1 Pixel grau #BBBBBB;
Nicht für typ=i verwenden
content
Vorbelegten / bereits eingegebenen Text darstellen
mark
den Text im Parameter content markieren (weiß auf blau)
placeholder
optional gibt einen blassgrauen Infotext, falls content=leer
remove
Eintrag wieder entfernen
required
erzeugt ein Sternchen OOjs UI indicator required.svg, um anzuzeigen, dass hier eine Eingabe erforderlich ist
rows
mehrzeiliges Eingabefeld darstellen, hier die Anzahl der Zeilen (2 bis 5) eingeben
small
Eingabefeld schmaler machen, der Wert sollte zwischen 0 und 100 liegen und wird als Prozent interpretiert
typ
ändert den Farbwert für die Umrandung und fügt eventuell ein Icon hinzu
keine Angabe = Standardfeld (grau)
d = destructive (rot)
i = inaktiv (disabled, grau)
el = external link (blau mit Icon externe Verlinkung = OOjs UI icon external-link-ltr.svg)
eld = external link (rot, falscher Wert mit Icon externe Verlinkung = OOjs UI icon external-link-ltr.svg)
eli = external link (grau, Eingabefeld inaktiv mit Icon externe Verlinkung = OOjs UI icon external-link-ltr.svg)
p = progressive (blau)
s = search (blau mit Suchfeldicon = OOjs UI icon search-ltr.svg)
sd = search (rot, falscher Wert mit Suchfeldicon = OOjs UI icon search-ltr.svg)
si = search (grau, Suchfeld inaktiv mit Suchfeldicon = OOjs UI icon search-ltr.svg)

Kopiervorlagen – Ausgabeformen

Eingabe erforderlich
{{Hilfe/inputarea |border= |content= |mark= |placeholder= |required= 1 |typ=}}
 Vorbelegt
OOjs UI indicator required.svg
0
 Pflichtangabe erwartet
OOjs UI indicator required.svg
0
 Pflichtangabe erfolgt
OOjs UI indicator required.svg
0
 Pflichtangabe erfolgt Feld aktiv|
OOjs UI indicator required.svg
0
 Angabe fehlt
OOjs UI indicator required.svg
0
 |Pflichtangabe wurde aktiv gelöscht
OOjs UI indicator required.svg
0


Feld mit Icon (Suchfeld)
{{Hilfe/inputarea |border= |content= |mark= |placeholder= |typ= s / sd}}
OOjs UI icon search-ltr.svg https://www.example.com 0
OOjs UI icon search-ltr.svg Wikipedia 0
OOjs UI icon search-ltr.svg Wikip| 0
OOjs UI icon search-ltr.svg Suchbegriff eingeben 0
OOjs UI icon search-ltr.svg Suchbegriff eingeben 0


Feld mit Icon (externer Link)
{{Hilfe/inputarea |border= |content= |mark= |placeholder= |typ= el / eld}}
OOjs UI icon external-link-ltr.svg Wikipedia 0
OOjs UI icon external-link-ltr.svg https://www.example.com 0
OOjs UI icon external-link-ltr.svg Webadresse eingeben 0
OOjs UI icon external-link-ltr.svg Webadresse eingeben 0


Progressive (blau)
{{Hilfe/inputarea |border= |typ=p}}
 0
 | 0


Destructive (rot)
{{Hilfe/inputarea |border= |typ=d}}
 0
 | 0


Inaktiv (disabled)
{{Hilfe/inputarea |typ=i}}
 0


Auswahl entfernen (remove)
{{Hilfe/inputarea |border= |placeholder= |remove= |typ= p}}
  Beispielkategorie OOjs UI indicator clear.svg  Eine Kategorie einfügen … 0


Multiline (rows)
{{Hilfe/inputarea |border= |rows= ‹2–5› |typ=}}
 0
0
0


Breite einstellen (small)
{{Hilfe/inputarea |border= |typ= |small= ‹1–99›}}
 0
 | 0

Siehe auch

Abgerufen von „https://de.imedwiki.org/index.php?title=Vorlage:Hilfe/inputarea&oldid=11533“