Änderungen

Zur Navigation springen Zur Suche springen
K
Textersetzung - „[//de.wikipedia.org“ durch „[https://de.wikipedia.org“
Zeile 306: Zeile 306:
*** Mobil: <code>&lt;footer></code> <code style="white-space:nowrap">.mw-footer</code>  
*** Mobil: <code>&lt;footer></code> <code style="white-space:nowrap">.mw-footer</code>  


Die bisher nur in der Mobildarstellung verwendeten semantischen [//de.wikipedia.org/wiki/HTML5 HTML5]-Elemente <code>&lt;header></code>, <code>&lt;main></code>, <code>&lt;nav></code> und <code>&lt;footer></code> werden ab 2020 zunehmend auch in die Desktop-Skins eingearbeitet. Die Selektoren sollen dabei ungestört weiter funktionieren, sollten jedoch nicht überspezifisch mittels vorangestelltes <code>div</code> sein.
Die bisher nur in der Mobildarstellung verwendeten semantischen [https://de.wikipedia.org/wiki/HTML5 HTML5]-Elemente <code>&lt;header></code>, <code>&lt;main></code>, <code>&lt;nav></code> und <code>&lt;footer></code> werden ab 2020 zunehmend auch in die Desktop-Skins eingearbeitet. Die Selektoren sollen dabei ungestört weiter funktionieren, sollten jedoch nicht überspezifisch mittels vorangestelltes <code>div</code> sein.


=== {{Anker|sidebar}} Randbereich ===
=== {{Anker|sidebar}} Randbereich ===
Zeile 399: Zeile 399:
| Eindeutiger Bezeichner des neuen Elements auf der Seite.<br />Sollte mit dem passenden "ca-", "pt-", "n-", "t-" beginnen, um die Übersicht zu behalten. Darf keine Leerzeichen enthalten.
| Eindeutiger Bezeichner des neuen Elements auf der Seite.<br />Sollte mit dem passenden "ca-", "pt-", "n-", "t-" beginnen, um die Übersicht zu behalten. Darf keine Leerzeichen enthalten.
|-
|-
| [//de.wikipedia.org/wiki/Tooltip Tooltip]<br /><small><code>tooltip</code></small>
| [https://de.wikipedia.org/wiki/Tooltip Tooltip]<br /><small><code>tooltip</code></small>
| Kurzer Hilfe-Text; wird angezeigt, wenn mit der Maus über dem Element schwebend.
| Kurzer Hilfe-Text; wird angezeigt, wenn mit der Maus über dem Element schwebend.
|-
|-
| Hotkey<br /><small><code>accesskey</code></small>
| Hotkey<br /><small><code>accesskey</code></small>
| Möglichst eindeutiger einzelner Buchstabe (oder anderes Zeichen) zur Bildung einer [//de.wikipedia.org/wiki/Tastenkombination Tastenkombination].<br /><code>"g"</code> erlaubt etwa {{Taste|Alt}}+{{Taste|g}} – Großbuchstaben weniger sinnvoll. Konflikte mit [[Hilfe:Tastaturkombinationen|Standard-Tastaturkombinationen]] beachten!
| Möglichst eindeutiger einzelner Buchstabe (oder anderes Zeichen) zur Bildung einer [https://de.wikipedia.org/wiki/Tastenkombination Tastenkombination].<br /><code>"g"</code> erlaubt etwa {{Taste|Alt}}+{{Taste|g}} – Großbuchstaben weniger sinnvoll. Konflikte mit [[Hilfe:Tastaturkombinationen|Standard-Tastaturkombinationen]] beachten!
|-
|-
| Vor<br /><small><code>nextnode</code></small>
| Vor<br /><small><code>nextnode</code></small>
| Bezeichner eines anderen Elements im selben Container, vor dem das neue Element eingefügt werden soll. Kann auch ein [//de.wikipedia.org/wiki/jQuery jQuery-Objekt] sein.<!-- [[Gerrit:77075]] --> Anders als bei den anderen Bezeichnern dieser Parameterliste muss hier ein "<code>#</code>" dem Bezeichner vorangestellt werden, wenn kein jQuery-Objekt übergeben wird.<ref>Warum das so ist, frage man die Entwickler. Vielleicht baut ja jemand eine Service-Abfrage ein und ergänzt das stillschweigend, wo fehlend.</ref>
| Bezeichner eines anderen Elements im selben Container, vor dem das neue Element eingefügt werden soll. Kann auch ein [https://de.wikipedia.org/wiki/jQuery jQuery-Objekt] sein.<!-- [[Gerrit:77075]] --> Anders als bei den anderen Bezeichnern dieser Parameterliste muss hier ein "<code>#</code>" dem Bezeichner vorangestellt werden, wenn kein jQuery-Objekt übergeben wird.<ref>Warum das so ist, frage man die Entwickler. Vielleicht baut ja jemand eine Service-Abfrage ein und ergänzt das stillschweigend, wo fehlend.</ref>
|-
|-
|colspan="2"|
|colspan="2"|
Zeile 462: Zeile 462:

== HTML, DOM und jQuery ==
== HTML, DOM und jQuery ==
Wenn die in [//de.wikipedia.org/wiki/Hypertext_Markup_Language HTML] geschriebene Seite dargestellt ist, wurde auch ein [//de.wikipedia.org/wiki/Document_Object_Model Document Object Model] (DOM) aufgebaut. Es kann in seiner Struktur beliebig manipuliert werden; [[#addPortletLink|addPortletLink]] ist ein Beispiel dafür. Eine nachträgliche Veränderung am DOM zieht eine Änderung der dargestellten Seite nach sich.
Wenn die in [https://de.wikipedia.org/wiki/Hypertext_Markup_Language HTML] geschriebene Seite dargestellt ist, wurde auch ein [https://de.wikipedia.org/wiki/Document_Object_Model Document Object Model] (DOM) aufgebaut. Es kann in seiner Struktur beliebig manipuliert werden; [[#addPortletLink|addPortletLink]] ist ein Beispiel dafür. Eine nachträgliche Veränderung am DOM zieht eine Änderung der dargestellten Seite nach sich.


''Weiterführend:''
''Weiterführend:''
Zeile 476: Zeile 476:

=== jQuery ===
=== jQuery ===
Das Arbeiten kann unterstützt werden durch die Skript-Bibliothek [//de.wikipedia.org/wiki/jQuery jQuery]. Sie enthält viele Hilfsfunktionen; darunter auch solche, die Veränderungen des DOM erleichtern. Die dazu erforderlichen Basis-Funktionen sind im Allgemeinen von vornherein in [[meta:Wikimedia projects|WMF-Projekten]] geladen; nur weitergehende Module müssten durch Benutzer abgefordert werden.
Das Arbeiten kann unterstützt werden durch die Skript-Bibliothek [https://de.wikipedia.org/wiki/jQuery jQuery]. Sie enthält viele Hilfsfunktionen; darunter auch solche, die Veränderungen des DOM erleichtern. Die dazu erforderlichen Basis-Funktionen sind im Allgemeinen von vornherein in [[meta:Wikimedia projects|WMF-Projekten]] geladen; nur weitergehende Module müssten durch Benutzer abgefordert werden.


Einzelheiten unter [[../JS/jQuery|JS/jQuery]].
Einzelheiten unter [[../JS/jQuery|JS/jQuery]].
Zeile 497: Zeile 497:
{{Hilfreiches|1=
{{Hilfreiches|1=
* [[../CSS|Skin/CSS]] Stile
* [[../CSS|Skin/CSS]] Stile
* [[../JS|Skin/JS]] Programmierung mit [//de.wikipedia.org/wiki/JavaScript JavaScript]
* [[../JS|Skin/JS]] Programmierung mit [https://de.wikipedia.org/wiki/JavaScript JavaScript]
* [[../JS/jQuery|jQuery]]
* [[../JS/jQuery|jQuery]]
* [[../JS/mw|mw]] MediaWiki-Objekt
* [[../JS/mw|mw]] MediaWiki-Objekt

Navigationsmenü