Sie können einen Stil auf den Tisch, Tabellenzeile oder Tabellenzelle mit {html}
oder benutzerdefinierte Makros anwenden.
Hier sind drei Makros zur Einstellung der Hintergrundfarbe für eine Tabellenzelle, Tabellenzeile oder die gesamte Tabelle.
Tabellenzelle Hintergrundfarbe Makro
## Macro Title: tblcellbg
## Macro Description: Set background colour for a single table cell
## Macro has a body: N
## Categories: Formatting
## Body Processing: No body
## Output Format: HTML
## Output: JavaScript. Sets table cell background color via CSS
## Developed By: Underverse (http://stackoverflow.com/users/2093966/underverse)
## License: BY-NC-SA
## @param bgcolour:title=Background Color|type=string|required=true|desc=HTML colour or a HTML numeric #value
##
## Check for a blank first parameter
##
#if ($parambgcolour && $parambgcolour.length() > 0) ## If a parm name was used
#set ($bgcolor = $parambgcolour) ## then set the value locally
#elseif ($param0 && $param0.length() > 0) ## if no parm name
#set ($bgcolor = $param0) ## then use the first value
#else
#set ($bgcolor = "#DDFADE") ## no value so set a default
#end
#if ($bgcolor.contains('#')) ## For HTML colours #etc
#set ($bgcolorclass = $bgcolor.replaceAll('#', 'A')) ## Substritute any other char
#else
#set ($bgcolorclass = $bgcolor) ## or use the colourname itself
#end
<script type="text/javascript" class="$bgcolorclass$bgcolorclass">
AJS.$(document).ready(function() {
AJS.$(".$bgcolorclass$bgcolorclass").closest("td").css({"background-color": "$bgcolor"});
});
</script>
Sie können dann diesen Makro in einer Wiki-Markup-Tabelle verwenden, Wiki Makrotabelle oder in den Wiki-Editor, um die Hintergrundfarbe der Tabellenzelle zu setzen.
|| Heading 1|| Heading 2 || Heading 3 |
| {tblcellbg:lightgreen} Apple | {tblcellbg:#FFFF33} Banana | Pear |
Tabellenzeile Hintergrund-Farbe Makro
## Macro Title: tblrowbg
## Macro Description: Set background colour for a table row
## Macro has a body: N
## Categories: Formatting
## Body Processing: No body
## Output Format: HTML
## Output: JavaScript. Sets table row background color via CSS
## Developed By: Underverse (http://stackoverflow.com/users/2093966/underverse)
## License: BY-NC-SA
## @param bgcolour:title=Background Color|type=string|required=true|desc=HTML colour or a HTML numeric #value
##
##
## Check for a blank first parameter
##
#if ($parambgcolour && $parambgcolour.length() > 0) ## If a parm name was used
#set ($bgcolor = $parambgcolour) ## then set the value locally
#elseif ($param0 && $param0.length() > 0) ## if no parm name
#set ($bgcolor = $param0) ## then use the first value
#else
#set ($bgcolor = "#DDFADE") ## no value so set a default
#end
#if ($bgcolor.contains('#')) ## For HTML colours #etc
#set ($bgcolorclass = $bgcolor.replaceAll('#', 'A')) ## Substritute any other char
#else
#set ($bgcolorclass = $bgcolor) ## or use the colourname itself
#end
<script type="text/javascript" class="$bgcolorclass$bgcolorclass">
AJS.$(document).ready(function() {
AJS.$(".$bgcolorclass$bgcolorclass").closest("tr").css({"background-color": "$bgcolor"});
});
</script>
Setzen Sie das Makro in einer der Zellen in der Zeile gesetzt werden.
|| Heading 1|| Heading 2 || Heading 3 |
| {tblrowbg:lightblue} Apple | Banana | Pear |
Verwenden Sie dieses Makro mit {tblcellbg} für eine feinere Kontrolle der Zellfarben.
|| Heading 1|| Heading 2 || Heading 3 |
| {tblrowbg:lightblue} Apple | {tblcellbg:#FFFF33} Banana | Pear |
Tabelle Hintergrundfarbe Makro
## Macro Title: tblbg
## Macro Description: Set background colour for a table
## Macro has a body: N
## Categories: Formatting
## Body Processing: No body
## Output Format: HTML
## Output: JavaScript. Sets table background color via CSS
## Developed By: Underverse (http://stackoverflow.com/users/2093966/underverse)
## License: BY-NC-SA
## @param bgcolour:title=Background Color|type=string|required=true|desc=HTML colour or a HTML numeric #value
##
##
## Check for a blank first parameter
##
#if ($parambgcolour && $parambgcolour.length() > 0) ## If a parm name was used
#set ($bgcolor = $parambgcolour) ## then set the value locally
#elseif ($param0 && $param0.length() > 0) ## if no parm name
#set ($bgcolor = $param0) ## then use the first value
#else
#set ($bgcolor = "#DDFADE") ## no value so set a default
#end
#if ($bgcolor.contains('#')) ## For HTML colours #etc
#set ($bgcolorclass = $bgcolor.replaceAll('#', 'A')) ## Substritute any other char
#else
#set ($bgcolorclass = $bgcolor) ## or use the colourname itself
#end
<script type="text/javascript" class="$bgcolorclass$bgcolorclass">
AJS.$(document).ready(function() {
AJS.$(".$bgcolorclass$bgcolorclass").closest("table").css({"background-color": "$bgcolor"});
});
</script>
Setzen Sie das Makro in einer der Zellen in der Tabelle.
|| {tblbg:lightblue} Heading 1|| Heading 2 || Heading 3 |
| Apple | Banana | Pear |
Kann mit {tblrowbg} verwendet werden und {tblcellbg}.
JavaScript
Alternativ wickeln Sie das Javascript, das die Zelle / Zeile / Tabelle Hintergrundfarbe setzt {html} und in der Tabelle als Code setzen.
JS Tabellenzelle BG Farbe
|| Heading 1|| Heading 2 || Heading 3 |
| Apple |{html}<SCRIPT class=AFFFF33AFFFF33 type=text/javascript>
AJS.$(document).ready(function() {
AJS.$(".AFFFF33AFFFF33").closest("td").css({"background-color": "#FFFF33"});
}); </SCRIPT> {html} Banana | Pear |
JS Tabellenzeile BG Farbe
|| Heading 1|| Heading 2 || Heading 3 |
| {html}<SCRIPT class=lightbluelightblue type=text/javascript>
AJS.$(document).ready(function() {
AJS.$(".lightbluelightblue").closest("tr").css({"background-color": "lightblue"});
});
</SCRIPT>{html} Apple | Banana | Pear |
JS Tabelle BG Farbe
|| {html}<SCRIPT class=pinkpink type=text/javascript>
AJS.$(document).ready(function() {
AJS.$(".pinkpink").closest("table").css({"background-color": "pink"});
});
</SCRIPT>{html} Heading 1|| Heading 2 || Heading 3 |
| Apple | Banana | Pear |