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 (Erweiterte Funktionalität)
K (18 Versionen importiert: Import der Seite wikipedia:Hilfe:Zusammenfassung und Quellen)
 
(18 dazwischenliegende Versionen von 6 Benutzern werden nicht angezeigt)
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>{| class="toptextcells" style="width: {{#if: {{{small|}}} | {{{small}}}% | 100%}}; border-radius: 3px; padding: 2px; margin-right:auto; line-height:1em; margin-top: 2px; border: solid {{#if:{{#invoke:TemplUtl|faculty|{{{border|}}}}}| {{#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|}}}
+
         }}"
 +
|-
 +
|style="width:0;"| {{#switch: {{{typ|}}}
 
         |el
 
         |el
−
         |eld= [[Datei:OOjs UI icon external-link-ltr.svg|20px]]
+
         |eld
 +
        |eli= [[Datei:OOjs UI icon external-link-ltr.svg|verweis=|18px]]
 
         |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|verweis=|18px]]
−
-->{{#if:{{{rows|}}}
+
         |#default= }}{{#if: {{{remove|}}} | {{Taste| {{{remove}}} [[Datei:OOjs UI indicator clear.svg|verweis=|10px]]}}&nbsp;|}}
 +
|{{#if:{{#invoke:TemplUtl|faculty|{{{required|}}}}}| title="Bitte füllen sie dieses Feld aus" style="width:100%;" {{!}} }} {{#if: {{{placeholder|}}}
 +
| <div style="opacity:.5; white-space:nowrap; overflow:hidden; width:100%;">{{#if:{{{counter|}}}|<span style="float:right;">{{{counter}}}</span> |}}{{{placeholder|}}}</div>
 +
|{{#if:{{{counter|}}}|<span style="float:right;">{{{counter}}}</span> |}} {{#if:{{#invoke:TemplUtl|faculty|{{{border|}}}}}
 +
  | {{#if: {{{mark|}}}
 +
    | {{Hilfe/mark|{{#tag:nowiki|{{{content|}}}}}|markblau|marker=1}}
 +
    | {{#if:{{#invoke:TemplUtl|faculty|{{{content|}}}}}|{{{content|}}}&#124;|&#124; }}}}
 +
  | {{{content|&nbsp;}}} }}
 +
}}{{#if:{{{rows|}}}
 
  | {{#switch:{{{rows|}}}
 
  | {{#switch:{{{rows|}}}
 
     |2=<br />{{0}}
 
     |2=<br />{{0}}
Zeile 20: Zeile 33:
 
     |4=<br />{{0}}<br />{{0}}<br />{{0}}
 
     |4=<br />{{0}}<br />{{0}}<br />{{0}}
 
     |5=<br />{{0}}<br />{{0}}<br />{{0}}<br />{{0}}
 
     |5=<br />{{0}}<br />{{0}}<br />{{0}}<br />{{0}}
−
     |#default=<span class="error">*Parameterfehler: row= min 2 max 5 möglich*</span>}}
+
     |#default=<span class="error">*Parameterfehler: row= min 2 max 5 möglich*</span>}}  }}
−
  | }}<!--
+
|style="text-align:right; width:0;"| {{#if: {{{required|}}}
−
-->{{#ifeq: {{#ifeq: {{{typ|0}}} | 0 | 1 | }} | {{#ifeq: {{{border|}}} | 2 | 1 | ??? }} | <span class="error">*Wert für <code>border</code> bitte entfernen, wenn keine Typenangabe erfolgt*</span> | }}</div></onlyinclude>
+
| [[Datei:OOjs UI indicator icon required.svg|verweis=|10px]]
 +
|{{#if:{{{expand|}}} |[[Datei:OOjs UI icon expand.svg|verweis=|14px]]|}} }}
 +
|}
 +
</onlyinclude>
  
−
Diese Vorlage fügt auf einer Hilfeseite ein inaktives Eingabefeld ein, um die unterschiedlichen Optionen darzustellen.
+
{{Dokumentation/ruler}}
 +
Diese Vorlage fügt auf einer Hilfeseite ein inaktives '''Eingabefeld''' ein, um die unterschiedlichen Optionen darzustellen.
 +
 
 +
__TOC__
  
 
=== Parameter ===
 
=== Parameter ===
Zeile 32: Zeile 51:
 
; content
 
; content
 
: Vorbelegten / bereits eingegebenen Text darstellen
 
: Vorbelegten / bereits eingegebenen Text darstellen
 +
; counter
 +
: Zählerangabe für Suchen und ersetzen, Eingabeform <code>1 von 7</code>
 +
: oder als Option für ein rechts stehendes Dropdown-Icon innerhalb des Feldes
 +
; expand
 +
: Mit zusätzlichem Dropdownpfeil rechts, nicht in Verbindung mit <code>rows</code> für <code>small</code> oder <code>border</code>
 
; mark
 
; mark
 
: den Text im Parameter <code>content</code> markieren (weiß auf blau)
 
: den Text im Parameter <code>content</code> markieren (weiß auf blau)
Zeile 39: Zeile 63:
 
: Eintrag wieder entfernen
 
: Eintrag wieder entfernen
 
; required
 
; required
−
: erzeugt ein Sternchen <code>[[Datei:OOjs UI indicator icon required.svg|10px]]</code>, um anzuzeigen, dass hier eine Eingabe erforderlich ist
+
: erzeugt ein Sternchen <code>[[Datei:OOjs UI indicator icon required.svg|verweis=|10px]]</code>, um anzuzeigen, dass hier eine Eingabe erforderlich ist
 
; rows
 
; rows
 
: mehrzeiliges Eingabefeld darstellen, hier die Anzahl der Zeilen (<code>2</code> bis <code>5</code>) eingeben
 
: mehrzeiliges Eingabefeld darstellen, hier die Anzahl der Zeilen (<code>2</code> bis <code>5</code>) eingeben
Zeile 49: Zeile 73:
 
: <code>d</code> = destructive (rot)
 
: <code>d</code> = destructive (rot)
 
: <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|verweis=|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|verweis=|16px]])
 +
: <code>eli</code> = external link (grau, Eingabefeld inaktiv mit Icon externe Verlinkung = [[Datei:OOjs UI icon external-link-ltr.svg|verweis=|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|verweis=|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|verweis=|16px]])
 +
: <code>si</code> = search (grau, Suchfeld inaktiv mit Suchfeldicon = [[Datei:OOjs UI icon search-ltr.svg|verweis=|16px]])
  
 
=== Kopiervorlagen – Ausgabeformen ===
 
=== Kopiervorlagen – Ausgabeformen ===
Zeile 72: Zeile 98:
 
{{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 106:
 
{{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}}
  
  
 
; Progressive (blau)
 
; Progressive (blau)
−
: <code><nowiki>{{Hilfe/inputarea |border= |typ=p}}</nowiki></code>
+
: <code><nowiki>{{Hilfe/inputarea |border= |content= |counter= |typ=p}}</nowiki></code>
 
{{Hilfe/inputarea |typ=p}}
 
{{Hilfe/inputarea |typ=p}}
 
{{Hilfe/inputarea |border=2 |typ=p}}
 
{{Hilfe/inputarea |border=2 |typ=p}}
 +
{{Hilfe/inputarea |border=2 |content=Suchwort |counter=1 von 7 |typ=p}}
  
  
Zeile 94: Zeile 123:
  
 
; Inaktiv (disabled)
 
; Inaktiv (disabled)
−
: <code><nowiki>{{Hilfe/inputarea |typ=i}}</nowiki></code>
+
: <code><nowiki>{{Hilfe/inputarea |placeholder= |typ=i}}</nowiki></code>
 
{{Hilfe/inputarea |typ=i}}
 
{{Hilfe/inputarea |typ=i}}
 +
{{Hilfe/inputarea |placeholder= Zielseite für die Weiterleitung|typ=i}}
  
  
 
; Auswahl entfernen (remove)
 
; Auswahl entfernen (remove)
−
: <code><nowiki>{{Hilfe/inputarea |border= |placeholder= |remove= |typ= p}}</nowiki></code>
+
: <code><nowiki>{{Hilfe/inputarea |border= |placeholder= |remove= |typ= }}</nowiki></code>
 
{{Hilfe/inputarea |placeholder= Eine Kategorie einfügen … |remove= Beispielkategorie}}
 
{{Hilfe/inputarea |placeholder= Eine Kategorie einfügen … |remove= Beispielkategorie}}
  
Zeile 106: Zeile 136:
 
: <code><nowiki>{{Hilfe/inputarea |border= |rows= ‹2–5› |typ=}}</nowiki></code>
 
: <code><nowiki>{{Hilfe/inputarea |border= |rows= ‹2–5› |typ=}}</nowiki></code>
 
{{Hilfe/inputarea |rows=3}}
 
{{Hilfe/inputarea |rows=3}}
 +
 +
 +
; Mit Feld zum Ausklappen
 +
: <code><nowiki>{{Hilfe/inputarea |border= |content= |expand= |typ=p}}</nowiki></code>
 +
{{Hilfe/inputarea |expand=1}}
 +
{{Hilfe/inputarea |content=Inhalt ausklappen |expand=1 |typ=p}}
 +
: <code><nowiki>{{Hilfe/inputarea |border= |counter=[[Datei:OOjs UI icon expand.svg|verweis=|16px]] |small=60}}</nowiki></code>
 +
{{Hilfe/inputarea |content=Kategorie |counter=[[Datei:OOjs UI icon expand.svg|verweis=|16px]] |small=60}}
  
  
Zeile 117: Zeile 155:
 
* [[Vorlage:MediaWiki-Button]]
 
* [[Vorlage:MediaWiki-Button]]
  
−
[[Kategorie:Vorlage:Formatierungshilfe nicht für Artikel‎|Vorlage:Hilfe/inputarea]]
+
[[Kategorie:Vorlage:Formatierungshilfe nicht für Artikel‎|Hilfe/inputarea]]

Aktuelle Version vom 9. Dezember 2019, 01:29 Uhr

 


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
counter
Zählerangabe für Suchen und ersetzen, Eingabeform 1 von 7
oder als Option für ein rechts stehendes Dropdown-Icon innerhalb des Feldes
expand
Mit zusätzlichem Dropdownpfeil rechts, nicht in Verbindung mit rows für small oder border
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
Pflichtangabe erwartet
 OOjs UI indicator required.svg
Pflichtangabe erfolgt OOjs UI indicator required.svg
Pflichtangabe erfolgt Feld aktiv| OOjs UI indicator required.svg
Angabe fehlt
 OOjs UI indicator required.svg
Pflichtangabe wurde aktiv gelöscht
 OOjs UI indicator required.svg


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


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


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


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


Inaktiv (disabled)
{{Hilfe/inputarea |placeholder= |typ=i}}
 
Zielseite für die Weiterleitung


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


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


Mit Feld zum Ausklappen
{{Hilfe/inputarea |border= |content= |expand= |typ=p}}
  OOjs UI icon expand.svg
Inhalt ausklappen OOjs UI icon expand.svg
{{Hilfe/inputarea |border= |counter=[[Datei:OOjs UI icon expand.svg|verweis=|16px]] |small=60}}
OOjs UI icon expand.svg Kategorie


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


Siehe auch

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