Änderungen von Dokument Sandbox
Zuletzt geändert von Holger Engels am 2024/01/26 15:58
Von Version 9.1
bearbeitet von Holger Engels
am 2023/11/08 06:52
am 2023/11/08 06:52
Änderungskommentar:
Es gibt keinen Kommentar für diese Version
Zusammenfassung
-
Seiteneigenschaften (2 geändert, 0 hinzugefügt, 0 gelöscht)
Details
- Seiteneigenschaften
-
- Dokument-Autor
-
... ... @@ -1,1 +1,1 @@ 1 -XWiki. holgerengels1 +XWiki.vbs - Inhalt
-
... ... @@ -1,8 +1,6 @@ 1 1 Der Sandkasten ist ein Teil dieses Wikis, der frei editierbar ist. Er ist dafür gedacht, das Arbeiten mit dem Wiki zu üben. Sie können herausfinden, wie das Bearbeiten von Seiten funktioniert und wie man neue Seiten erstellt. Klicken Sie einfach auf **Bearbeiten** um zu beginnen! 2 2 3 -{{info}} 4 -Es macht nichts, wenn Sie beim Bearbeiten dieser Seite Inhalte überschreiben oder verlieren. Über den Reiter "Historie" am unteren Rand der Seite können Sie jederzeit die ursprüngliche Version der Seite wieder herstellen, indem Sie "Zurücksetzen" für die Version 1.1 auswählen. 5 -{{/info}} 3 +{{info}}Es macht nichts, wenn Sie beim Bearbeiten dieser Seite Inhalte überschreiben oder verlieren. Über den Reiter "Historie" am unteren Rand der Seite können Sie jederzeit die ursprüngliche Version der Seite wieder herstellen, indem Sie "Zurücksetzen" für die Version 1.1 auswählen.{{/info}} 6 6 7 7 Wenn Sie mehr über die [[XWiki Syntax>>XWiki.XWikiSyntax]] lernen wollen, können Sie im Menü "Weitere Aktionen" auf "Zeige den Quellcode" klicken, oder auf den Reiter "Quelle", wenn Sie die Seite bearbeiten. 8 8 ... ... @@ -103,86 +103,14 @@ 103 103 104 104 Makros bieten die Möglichkeit, das Aussehen von Wiki-Seiten zu verbessern und stellen zusätzliche Funktionalitäten in der Seite zur Verfügung. Hier sind zwei Beispiele, wie Makros die Inhalte verbessern können: 105 105 106 -{{html clean="false"}} 107 -<script> 108 - customElements.define("star-rating", class extends HTMLElement { 109 - set rating(rate) { 110 - if (!String(rate).includes("%")) rate = Number(rate) / this.stars * 100 + "%"; 111 - this.querySelector(":nth-child(2)").setAttribute("width", rate); //2nd rect 112 - } 113 - set value(v) { 114 - this.setAttribute("rating", v); 115 - } 116 - connectedCallback() { 117 - let {bgcolor,stars,nocolor,color,rating} = this.attributes; 118 - let repeat = (count, func) => Array(count).fill().map(func); 119 - this.stars = ~~stars.value || 5; 120 - this.innerHTML = `<svg viewBox="0 0 ${this.stars*100} 100" style=cursor:pointer>` + 121 - `<rect height=100 fill=${nocolor.value} width=100% />` + 122 - `<rect height=100 fill=${color.value} />` + 123 - repeat(this.stars , (i, n) => `<path fill=${bgcolor.value} d="m${ n*100 } 0h102v100h-102v-100m91 42a6 6 90 00-4-10l-22-1a1 1 90 01-1 0l-8-21a6 6 90 00-11 0l-8 21a1 1 90 01-1 1l-22 1a6 6 90 00-4 10l18 14a1 1 90 010 1l-6 22a6 6 90 008 6l19-13a1 1 90 011 0l19 13a6 6 90 006 0a6 6 90 002-6l-6-22a1 1 90 010-1z"/>`) + 124 - repeat(this.stars * 2, (i, n) => `<rect x=${ n*50 } n=${n} opacity=0 width=50 height=100 ` + 125 - ` onclick="this.closest('star-rating').value=${(n+1)/2}; this.closest('star-rating').dispatchEvent(new Event('click'))" ` + 126 - ` onmouseover="this.closest('star-rating').rating=${(n+1)/2}"/>`) + 127 - "</svg>"; 128 - this.rating = rating.value; 129 - this.addEventListener('mouseleave', (e) => { 130 - if (e.target.tagName === 'STAR-RATING') { 131 - e.target.rating = e.target.getAttribute("rating") 132 - } 133 - }) 134 - } 135 - }); 136 -</script> 137 -{{/html}} 104 +== Makro: Warnmeldung == 138 138 106 +Dieses Makro bietet die Möglichkeit, die Aufmerksamkeit der Leser auf einen bestimmten Text zu lenken: 139 139 108 +{{warning}}Dies ist ein wichtiger Hinweis!{{/warning}} 140 140 141 -{{velocity filter="none"}} 142 -{{html clean="false" wiki="true"}} 143 -#set ($query = "where (doc.parent is null or doc.parent='') and doc.fullName != 'Main.WebHome' order by doc.name asc") 110 +== Inhaltsverzeichnis == 144 144 145 -|=Page Name|=Author|=date 146 -|#foreach ($item in $xwiki.searchDocuments($query)) 147 - #if ($xwiki.hasAccessLevel('view', $xcontext.user, "${xcontext.database}:${item}")) 148 - #set ($bentrydoc = $xwiki.getDocument($item)) 149 - [[${bentrydoc.fullName}]]|$xwiki.getUserName($bentrydoc.author)|$xwiki.formatDate($bentrydoc.date) 150 -|#end 151 -#end 112 +Dieses Makro erzeugt ein Inhaltsverzeichnis basierend auf den Überschriften in der Seite: 152 152 153 -{{/html}} 154 -{{/velocity}} 155 - 156 - 157 -{{html clean="false"}} 158 -<script> 159 - customElements.define("star-rating", class extends HTMLElement { 160 - set rating(rate) { 161 - if (!String(rate).includes("%")) rate = Number(rate) / this.stars * 100 + "%"; 162 - this.querySelector(":nth-child(2)").setAttribute("width", rate); //2nd rect 163 - } 164 - set value(v) { 165 - this.setAttribute("rating", v); 166 - } 167 - connectedCallback() { 168 - let {bgcolor,stars,nocolor,color,rating} = this.attributes; 169 - let repeat = (count, func) => Array(count).fill().map(func); 170 - this.stars = ~~stars.value || 5; 171 - this.innerHTML = `<svg viewBox="0 0 ${this.stars*100} 100" style=cursor:pointer>` + 172 - `<rect height=100 fill=${nocolor.value} width=100% />` + 173 - `<rect height=100 fill=${color.value} />` + 174 - repeat(this.stars , (i, n) => `<path fill=${bgcolor.value} d="m${ n*100 } 0h102v100h-102v-100m91 42a6 6 90 00-4-10l-22-1a1 1 90 01-1 0l-8-21a6 6 90 00-11 0l-8 21a1 1 90 01-1 1l-22 1a6 6 90 00-4 10l18 14a1 1 90 010 1l-6 22a6 6 90 008 6l19-13a1 1 90 011 0l19 13a6 6 90 006 0a6 6 90 002-6l-6-22a1 1 90 010-1z"/>`) + 175 - repeat(this.stars * 2, (i, n) => `<rect x=${ n*50 } n=${n} opacity=0 width=50 height=100 ` + 176 - ` onclick="this.closest('star-rating').value=${(n+1)/2}; this.closest('star-rating').dispatchEvent(new Event('click'))" ` + 177 - ` onmouseover="this.closest('star-rating').rating=${(n+1)/2}"/>`) + 178 - "</svg>"; 179 - this.rating = rating.value; 180 - this.addEventListener('mouseleave', (e) => { 181 - if (e.target.tagName === 'STAR-RATING') { 182 - e.target.rating = e.target.getAttribute("rating") 183 - } 184 - }) 185 - } 186 - }); 187 -</script> 188 -{{/html}} 114 +{{toc/}}