Template:Infobox/doc - Revision history

Svip: -CSS

2012-08-28T19:46:07Z

-CSS

← Older revision		Revision as of 19:46, 28 August 2012
Line 15:		Line 15:
	\|headerN = A section header		\|headerN = A section header
	}}</pre>		}}</pre>

	~~=== CSS ===~~

	~~Minor CSS update:~~

	~~<pre>.infobox th,~~
	~~.infobox td {~~
	~~vertical-align: top;~~
	~~}</pre>~~

	~~And alter this:~~

	~~<pre>.infobox th {~~
	~~text-align: right;~~
	~~padding-right: 5px;~~
	}
	~~.infobox td {~~
	~~text-align: left;~~
	~~padding-left: 5px;~~
	}
	~~.infoboxTitle,~~
	~~.infoboxHeader {~~
	~~background: #bbb;~~
	}
	~~.infoboxTitle {~~
	~~font-size: 150%;~~
	~~padding: 4px;~~
	}
	~~.infoboxHeader {~~
	~~font-size: 120%;~~
	~~}</pre>~~

Svip: /* CSS */

2012-08-28T15:57:32Z

CSS

@@ Line 23: / Line 23: @@
 .infobox td {
 	vertical-align: top;
 }</pre>

Svip: /* JavaScript */

2012-08-28T15:53:20Z

JavaScript

@@ Line 16: / Line 16: @@
 }}</pre>
-=== JavaScript ===
+=== CSS ===
-For the alternating rows, the following JavaScript is needed for [[MediaWiki:Common.js]]:
+Minor CSS update:
-<pre>function alternate_init() {
+<pre>.infobox th,
-    var tables = getElementsByClassName(document, "table", "alternateable");
+.infobox td {
-    for(var ti = 0; ti < tables.length; ti++) {
+	vertical-align: top;
 }</pre>

Svip: +JavaScript

2012-08-28T14:54:46Z

+JavaScript

← Older revision		Revision as of 14:54, 28 August 2012
Line 15:		Line 15:
	\|headerN = A section header		\|headerN = A section header
	}}</pre>		}}</pre>

			=== JavaScript ===

			For the alternating rows, the following JavaScript is needed for [[MediaWiki:Common.js]]:

			<pre>function alternate_init() {
			var tables = getElementsByClassName(document, "table", "alternateable");
			for(var ti = 0; ti < tables.length; ti++) {
			ts_alternate(tables[ti]);
			}
			}
			addOnloadHook(alternate_init);

			function ts_alternate(table) {
			// Take object table and get all it's tbodies.
			var tableBodies = table.getElementsByTagName("tbody");
			// Loop through these tbodies
			for (var i = 0; i < tableBodies.length; i++) {
			// Take the tbody, and get all it's rows
			var tableRows = tableBodies[i].getElementsByTagName("tr");
			// Loop through these rows
			// Start at 1 because we want to leave the heading row untouched
			var curRow = 0
			var sections = new Array();
			var s = 0;
			sections[s] = new Array();
			for (var j = 0; j < tableRows.length; j++) {
			if(tableRows[j].parentNode != tableBodies[i])
			continue;
			if(tableRows[j].tagName != 'TR')
			continue;
			var ignore = false;
			var oldClasses = tableRows[j].className.split(" ");

			var newClassName = "";
			for (var k = 0; k < oldClasses.length; k++) {
			if (oldClasses[k] == "alternate-ignore")
			ignore = true;
			if (oldClasses[k] == "alternate-reset") {
			curRow = 0;
			ignore = true;
			}
			if (oldClasses[k] != "" && oldClasses[k] != "even" && oldClasses[k] != "odd")
			newClassName += oldClasses[k] + " ";
			}
			if(curRow==0 && j>0) {
			s++;
			sections[s] = new Array();
			}
			if(ignore) {
			continue;
			}
			sections[s].push(tableRows[j]);
			curRow++;
			}
			for(var s = 0; s < sections.length; s++) {
			var l = sections[s].length;
			if (l<=1)
			continue;
			for(var r = 0; r < l; r++) {
			var row = sections[s][r];
			var oldClasses = row.className.split(" ");

			var newClassName = "";
			for (var k = 0; k < oldClasses.length; k++) {
			if (oldClasses[k] != "" && oldClasses[k] != "even" && oldClasses[k] != "odd")
			newClassName += oldClasses[k] + " ";
			}
			row.className = newClassName + ((l-r) % 2 == 0 ? "odd" : "even");
			}
			}
			}
			}</pre>

Svip: Created page with "=== Use === For creating standardised infoboxes, easy and whatever. === Usage ===

{{infobox |above     = Outside table (optional) |top       = Top of infobox (but with..."

2012-08-27T22:28:52Z

Created page with "=== Use === For creating standardised infoboxes, easy and whatever. === Usage === <pre>{{infobox |above = Outside table (optional) |top = Top of infobox (but with..."

New page

=== Use ===

For creating standardised infoboxes, easy and whatever.

=== Usage ===

<pre>{{infobox
|above = Outside table (optional)
|top = Top of infobox (but within) (optional)
|title = Name or title of infobox
|image = The image (optional)
|caption = Caption (optional)
|labelN = Label for dataN (optional)
|dataN = Data (can be used with or without a label)
|headerN = A section header
}}</pre>