Changes for page Show Hide Macro
Last modified by jklein on 2025/06/02 14:04
Summary
-
Page properties (1 modified, 0 added, 0 removed)
-
Objects (3 modified, 0 added, 0 removed)
Details
- Page properties
-
- Content
-
... ... @@ -4,12 +4,9 @@ 4 4 XWiki 5.x or more. 5 5 6 6 {{showhide title="PublicAPI" effect="slide" effectduration="0.5"}} 7 -{{code language="PowerShell"}} 8 -Hier steht neuer Code 9 -Code 10 -Code 11 -Code 12 -{{/code}} 7 +Inhalt 8 +Inhalt 9 +Inhalt 13 13 {{/showhide}} 14 14 15 15 {{info}}
- XWiki.JavaScriptExtension[0]
-
- Code
-
... ... @@ -4,29 +4,23 @@ 4 4 content = header.next('.showhidecontent'), 5 5 effect = header.attr('data-show-effect'), 6 6 duration = parseInt(header.attr('data-show-duration')) || 300, 7 - arrowEl = header.find('.showhide-arrow'), 8 8 iconEl = header.find('.showhide-icon'); 9 9 9 + // Sicherheitsprüfung für Effekt 10 10 if ($.inArray(effect, ['toggle', 'fadeToggle', 'slideToggle']) === -1) { 11 11 effect = 'toggle'; 12 12 } 13 13 14 + // Sichtbarkeitsstatus 14 14 var isVisible = content.is(':visible'); 15 15 var newState = !isVisible; 16 16 17 - // Pfeil aktualisieren18 - if(arrowEl.length){19 - rowEl.text(newState ? '▼' : '►');20 - }18 + // Nachricht + Pfeil setzen 19 + var message = newState ? header.attr('data-hide-message') : header.attr('data-show-message'); 20 + var icon = newState ? '▼ ' : '► '; 21 + iconEl.html(icon + message); 21 21 22 - // Nachricht rechts aktualisieren (optional) 23 - if (iconEl.length) { 24 - var message = newState 25 - ? header.attr('data-hide-message') 26 - : header.attr('data-show-message'); 27 - iconEl.text(message); 28 - } 29 - 23 + // Inhalt ein-/ausblenden 30 30 content.stop()[effect](duration); 31 31 } 32 32 - Use this extension
-
... ... @@ -1,1 +1,1 @@ 1 - onDemand1 +currentPage
- XWiki.StyleSheetExtension[0]
-
- Code
-
... ... @@ -41,14 +41,3 @@ 41 41 .showhidebutton a:hover { 42 42 text-decoration: underline; 43 43 } 44 - 45 -.showhide-icon { 46 - color: #0645ad; /* typisches Link-Blau */ 47 - text-decoration: underline; 48 - cursor: pointer; 49 -} 50 - 51 -.showhide-header:hover .showhide-icon { 52 - text-decoration: underline; 53 - color: #0b0080; /* dunkler beim Hover */ 54 -} - Use this extension
-
... ... @@ -1,1 +1,1 @@ 1 -a lways1 +currentPage
- XWiki.WikiMacroClass[0]
-
- Macro code
-
... ... @@ -28,12 +28,9 @@ 28 28 data-show-message="$showmessage" 29 29 data-hide-message="$hidemessage"> 30 30 <div class="showhide-header-flex"> 31 - <div class="showhide-title"> 32 - <span class="showhide-arrow">►</span> $title 33 - </div> 34 - <div class="showhide-icon">$showmessage</div> 31 + <div class="showhide-title">$title</div> 32 + <div class="showhide-icon">► $showmessage</div> 35 35 </div> 36 - </div> 37 37 </div> 38 38 {{/html}} 39 39 (% class="showhidecontent" #if($id && $id!="")id="showhidecontent${id}" #end#if($xcontext.action != 'edit') style="display: none;"#end %)