https://de.wikipedia.org/w/index.php?action=history&feed=atom&title=Wikipedia%3ATechnik%2FSkin%2FJS%2FOOjs Wikipedia:Technik/Skin/JS/OOjs - Versionsgeschichte 2025-06-29T20:18:49Z Versionsgeschichte dieser Seite in Wikipedia MediaWiki 1.45.0-wmf.7 https://de.wikipedia.org/w/index.php?title=Wikipedia:Technik/Skin/JS/OOjs&diff=196066832&oldid=prev PerfektesChaos: k 2020-01-22T13:46:21Z <p>k</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 22. Januar 2020, 15:46 Uhr</td> </tr><tr> <td colspan="2" class="diff-lineno">Zeile 38:</td> <td colspan="2" class="diff-lineno">Zeile 38:</td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Weitere Informationen ==</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Weitere Informationen ==</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>(in der Regel englischsprachig)</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>(in der Regel englischsprachig)</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>{{MediaWiki|OOjs<del style="font-weight: bold; text-decoration: none;">|3=Technische Informationen (englisch)</del>}}</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>{{MediaWiki|OOjs}}</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>:* [[mw:OOjs UI]]</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>:* [[mw:OOjs UI]]</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>:** [[mw:OOjs UI/OOjs primer]]</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>:** [[mw:OOjs UI/OOjs primer]]</div></td> </tr> </table> PerfektesChaos https://de.wikipedia.org/w/index.php?title=Wikipedia:Technik/Skin/JS/OOjs&diff=195594374&oldid=prev PerfektesChaos: linkupdate 2020-01-07T13:16:53Z <p>linkupdate</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 7. Januar 2020, 15:16 Uhr</td> </tr><tr> <td colspan="2" class="diff-lineno">Zeile 44:</td> <td colspan="2" class="diff-lineno">Zeile 44:</td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>:* [[mw:Using OOjs UI in MediaWiki]]</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>:* [[mw:Using OOjs UI in MediaWiki]]</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{Phabricator|Engage=OOjs|ICON=1|ENGL=1}}</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{Phabricator|Engage=OOjs|ICON=1|ENGL=1}}</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>:* {{Phabricator|Engage=OOjs<del style="font-weight: bold; text-decoration: none;">-UI</del>}}</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>:* {{Phabricator|Engage=OOjs}}</div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>:* {{Phabricator|Engage=OOUI}}</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>:* {{Phabricator|project=GOJS}}</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>:* {{Phabricator|project=GOJS}}</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>:* {{Phabricator|project=GOJU}}</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>:* {{Phabricator|project=GOJU}}</div></td> </tr> </table> PerfektesChaos https://de.wikipedia.org/w/index.php?title=Wikipedia:Technik/Skin/JS/OOjs&diff=178398062&oldid=prev PerfektesChaos: k 2018-06-17T17:06:32Z <p>k</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 17. Juni 2018, 19:06 Uhr</td> </tr><tr> <td colspan="2" class="diff-lineno">Zeile 1:</td> <td colspan="2" class="diff-lineno">Zeile 1:</td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>{{../../../!header</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>{{Shortcut}}</div></td> <td colspan="2" class="diff-empty diff-side-added"></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>|Text=OOjs}}</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>{{../Linkbox}}</div></td> <td colspan="2" class="diff-empty diff-side-added"></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>{{Überschriftensimulation 1|OOjs}}</div></td> <td colspan="2" class="diff-empty diff-side-added"></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Auf dieser Seite wird dargestellt, wie sich die Skriptbibliothek '''OOjs''' von Programmierern nutzen lässt, um eine Seite im Browser mit interaktiven Elementen zu versehen.</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Auf dieser Seite wird dargestellt, wie sich die Skriptbibliothek '''OOjs''' von Programmierern nutzen lässt, um eine Seite im Browser mit interaktiven Elementen zu versehen.</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> </table> PerfektesChaos https://de.wikipedia.org/w/index.php?title=Wikipedia:Technik/Skin/JS/OOjs&diff=161484413&oldid=prev PerfektesChaos: + 2017-01-10T09:15:20Z <p>+</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 10. Januar 2017, 11:15 Uhr</td> </tr><tr> <td colspan="2" class="diff-lineno">Zeile 50:</td> <td colspan="2" class="diff-lineno">Zeile 50:</td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [https://doc.wikimedia.org/oojs-ui/master/js/ Automatisch generierte Dokumentationen]</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [https://doc.wikimedia.org/oojs-ui/master/js/ Automatisch generierte Dokumentationen]</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>** [https://doc.wikimedia.org/oojs-ui/master/demos/#widgets-mediawiki-ltr Übersicht über interaktive Elemente]</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>** [https://doc.wikimedia.org/oojs-ui/master/demos/#widgets-mediawiki-ltr Übersicht über interaktive Elemente]</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* [[<del style="font-weight: bold; text-decoration: none;">mw</del>:<del style="font-weight: bold; text-decoration: none;">MediaWiki</del> UI]] – <del style="font-weight: bold; text-decoration: none;">Gestaltungsrahmen</del></div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* [[<ins style="font-weight: bold; text-decoration: none;">commons</ins>:<ins style="font-weight: bold; text-decoration: none;">Category:OOjs</ins> UI<ins style="font-weight: bold; text-decoration: none;"> icons</ins>]] – <ins style="font-weight: bold; text-decoration: none;">Icons</ins></div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* [[../../GUI/MediaWiki]] – Gestaltungsfragen</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>'''Extern:'''</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>'''Extern:'''</div></td> </tr> </table> PerfektesChaos https://de.wikipedia.org/w/index.php?title=Wikipedia:Technik/Skin/JS/OOjs&diff=158177748&oldid=prev PerfektesChaos: + 2016-09-24T11:01:46Z <p>+</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 24. September 2016, 13:01 Uhr</td> </tr><tr> <td colspan="2" class="diff-lineno">Zeile 9:</td> <td colspan="2" class="diff-lineno">Zeile 9:</td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Bislang einziger komplexer Anwendungsfall ist eine interaktive [[Benutzerschnittstelle]] (''user interface''&amp;nbsp;– UI), </div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Bislang einziger komplexer Anwendungsfall ist eine interaktive [[Benutzerschnittstelle]] (''user interface''&amp;nbsp;– UI), </div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Eine reichhaltige Auswahl an Funktionen bietet die Generierung, Gestaltung und dynamische Unterstützung aller gängigen Elemente für Formulare und Dialoge an.</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Eine reichhaltige Auswahl an Funktionen bietet die Generierung, Gestaltung und dynamische Unterstützung aller gängigen Elemente für Formulare und Dialoge an<ins style="font-weight: bold; text-decoration: none;">; auch Werkzeugleisten und Karteireiter</ins>.</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Module ==</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Module ==</div></td> </tr> <tr> <td colspan="2" class="diff-lineno">Zeile 21:</td> <td colspan="2" class="diff-lineno">Zeile 21:</td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>** Basisfunktionalität für interaktive Benutzerschnittstelle.</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>** Basisfunktionalität für interaktive Benutzerschnittstelle.</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* &lt;code&gt;oojs-ui-widgets&lt;/code&gt;</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* &lt;code&gt;oojs-ui-widgets&lt;/code&gt;</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>** Für Buttons, erweiterte Tooltips, diverse Formular-Elemente.</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>** Für Buttons, erweiterte Tooltips, diverse Formular-Elemente<ins style="font-weight: bold; text-decoration: none;">, Popups</ins>.</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* &lt;code&gt;oojs-ui-windows&lt;/code&gt;</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* &lt;code&gt;oojs-ui-windows&lt;/code&gt;</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>** Wenn PopUp-Meldungen, etwa ''alert'', benötigt werden.</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>** Wenn PopUp-Meldungen, etwa ''alert'', benötigt werden<ins style="font-weight: bold; text-decoration: none;">; Dialoge</ins>.</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* &lt;code&gt;oojs-ui-toolbars&lt;/code&gt;</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* &lt;code&gt;oojs-ui-toolbars&lt;/code&gt;</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>** Toolbars</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>** Toolbars</div></td> </tr> <tr> <td colspan="2" class="diff-lineno">Zeile 48:</td> <td colspan="2" class="diff-lineno">Zeile 48:</td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>:* {{Phabricator|project=GOJS}}</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>:* {{Phabricator|project=GOJS}}</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>:* {{Phabricator|project=GOJU}}</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>:* {{Phabricator|project=GOJU}}</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* Automatisch generierte Dokumentationen</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>*<ins style="font-weight: bold; text-decoration: none;"> [https://doc.wikimedia.org/oojs-ui/master/js/</ins> Automatisch generierte Dokumentationen<ins style="font-weight: bold; text-decoration: none;">]</ins></div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>** [https://doc.wikimedia.org/oojs/master/<del style="font-weight: bold; text-decoration: none;">js</del>/ <del style="font-weight: bold; text-decoration: none;">OO</del>]</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>** [https://doc.wikimedia.org/oojs<ins style="font-weight: bold; text-decoration: none;">-ui</ins>/master/<ins style="font-weight: bold; text-decoration: none;">demos</ins>/<ins style="font-weight: bold; text-decoration: none;">#widgets-mediawiki-ltr</ins> <ins style="font-weight: bold; text-decoration: none;">Übersicht über interaktive Elemente</ins>]</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>** [https://doc.wikimedia.org/oojs-ui/master/js/ OO UI]</div></td> <td colspan="2" class="diff-empty diff-side-added"></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[mw:MediaWiki UI]] – Gestaltungsrahmen</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[mw:MediaWiki UI]] – Gestaltungsrahmen</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> </table> PerfektesChaos https://de.wikipedia.org/w/index.php?title=Wikipedia:Technik/Skin/JS/OOjs&diff=158030752&oldid=prev PerfektesChaos: + 2016-09-18T20:27:00Z <p>+</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 18. September 2016, 22:27 Uhr</td> </tr><tr> <td colspan="2" class="diff-lineno">Zeile 34:</td> <td colspan="2" class="diff-lineno">Zeile 34:</td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Ursprünglich wurde die Software aufgebaut, um den [[Hilfe:VisualEditor|VisualEditor]] problemunabhängig zu unterstützen, ohne in dessen jeweiligen Kontext involviert zu werden.</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Ursprünglich wurde die Software aufgebaut, um den [[Hilfe:VisualEditor|VisualEditor]] problemunabhängig zu unterstützen, ohne in dessen jeweiligen Kontext involviert zu werden.</div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Seit [[MediaWiki]] &lt;code&gt;1.23&lt;/code&gt; ist sie im jeweiligen Ausbauzustand integriert.</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Weitere Informationen ==</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Weitere Informationen ==</div></td> </tr> </table> PerfektesChaos https://de.wikipedia.org/w/index.php?title=Wikipedia:Technik/Skin/JS/OOjs&diff=158030177&oldid=prev PerfektesChaos: Setup 2016-09-18T20:00:23Z <p>Setup</p> <p><b>Neue Seite</b></p><div>{{Shortcut}}<br /> {{../Linkbox}}<br /> {{Überschriftensimulation 1|OOjs}}<br /> Auf dieser Seite wird dargestellt, wie sich die Skriptbibliothek &#039;&#039;&#039;OOjs&#039;&#039;&#039; von Programmierern nutzen lässt, um eine Seite im Browser mit interaktiven Elementen zu versehen.<br /> <br /> == Überblick ==<br /> Die Skriptbibliothek besteht aus einem allgemeinen Framework, mit dem [[Objektorientierung|objektorientierte]] Konzepe in [[JavaScript]] nachgebildet werden.<br /> <br /> Bislang einziger komplexer Anwendungsfall ist eine interaktive [[Benutzerschnittstelle]] (&#039;&#039;user interface&#039;&#039;&amp;nbsp;– UI), <br /> <br /> Eine reichhaltige Auswahl an Funktionen bietet die Generierung, Gestaltung und dynamische Unterstützung aller gängigen Elemente für Formulare und Dialoge an.<br /> <br /> == Module ==<br /> Die OO-Software kann zwar teilweise in der Wiki-Seite vorhanden sein, weil sie von anderen Elementen benötigt wird; das ist aber nicht von Anfang an der Fall und muss nicht alle benötigten Funktionen enthalten.<br /> <br /> Die erforderlichen Module müssen zunächst mittels [[../ResourceLoader/]] geladen werden&amp;nbsp;– die Funktion [[../ResourceLoader#.loader.using()|.using()]] ist zu verwenden. Folgende Module sind vorhanden:<br /> * &lt;code&gt;oojs&lt;/code&gt;<br /> ** Grundausstattung.<br /> ** Erst nachdem dieses Modul geladen wurde, steht die globale Variable &lt;code&gt;window.OO&lt;/code&gt; zur Verfügung.<br /> * &lt;code&gt;oojs-ui-core&lt;/code&gt;<br /> ** Basisfunktionalität für interaktive Benutzerschnittstelle.<br /> * &lt;code&gt;oojs-ui-widgets&lt;/code&gt;<br /> ** Für Buttons, erweiterte Tooltips, diverse Formular-Elemente.<br /> * &lt;code&gt;oojs-ui-windows&lt;/code&gt;<br /> ** Wenn PopUp-Meldungen, etwa &#039;&#039;alert&#039;&#039;, benötigt werden.<br /> * &lt;code&gt;oojs-ui-toolbars&lt;/code&gt;<br /> ** Toolbars<br /> Nach dem Laden der Module ist das globale Objekt &lt;code&gt;window.OO&lt;/code&gt; vorhanden und die Funktionen sind Komponenten darin, wie in der jeweiligen Dokumentation angegeben.<br /> <br /> == Hintergrund ==<br /> &#039;&#039;OOjs&#039;&#039; und &#039;&#039;OOjs UI&#039;&#039; sind von Entwicklern der [[Wikimedia]] seit 2011 aufgebaute Bibliotheken unter [[MIT-Lizenz]].<br /> <br /> Sie sind unabhängig von Angelegenheiten einer Wiki-Seite.<br /> <br /> Ursprünglich wurde die Software aufgebaut, um den [[Hilfe:VisualEditor|VisualEditor]] problemunabhängig zu unterstützen, ohne in dessen jeweiligen Kontext involviert zu werden.<br /> <br /> == Weitere Informationen ==<br /> (in der Regel englischsprachig)<br /> {{MediaWiki|OOjs|3=Technische Informationen (englisch)}}<br /> :* [[mw:OOjs UI]]<br /> :** [[mw:OOjs UI/OOjs primer]]<br /> :** [[mw:OOjs UI/Creating interfaces programmatically]]<br /> :* [[mw:Using OOjs UI in MediaWiki]]<br /> {{Phabricator|Engage=OOjs|ICON=1|ENGL=1}}<br /> :* {{Phabricator|Engage=OOjs-UI}}<br /> :* {{Phabricator|project=GOJS}}<br /> :* {{Phabricator|project=GOJU}}<br /> * Automatisch generierte Dokumentationen<br /> ** [https://doc.wikimedia.org/oojs/master/js/ OO]<br /> ** [https://doc.wikimedia.org/oojs-ui/master/js/ OO UI]<br /> * [[mw:MediaWiki UI]] – Gestaltungsrahmen<br /> <br /> &#039;&#039;&#039;Extern:&#039;&#039;&#039;<br /> * Packages bei [[Node Package Manager|npm]]:<br /> ** [https://www.npmjs.com/package/oojs oojs]<br /> ** [https://www.npmjs.com/package/oojs-ui oojs-ui]<br /> * [https://developer.mozilla.org/de/docs/Web/JavaScript/Introduction_to_Object-Oriented_JavaScript &#039;&#039;Einführung in objektorientiertes JavaScript&#039;&#039;] bei [[Mozilla]] (deutsch)<br /> <br /> [[Kategorie:Wikipedia:Technik/Skin/JavaScript|OOjs]]</div> PerfektesChaos