MediaWiki:Common.js - Revision history

Tashiketh at 12:10, 8 April 2026

2026-04-08T12:10:03Z

2012-10-11T13:36:48Z

‎CSS Table with Automatically Alternating Rows

2011-03-17T20:28:35Z

2011-03-17T20:27:25Z

2011-03-17T20:25:55Z

2011-03-17T20:18:52Z

2011-03-17T20:17:23Z

2011-03-17T20:13:17Z

2011-03-10T18:25:40Z

2011-03-10T18:24:31Z

← Older revision		Revision as of 12:10, 8 April 2026
Line 118:		Line 118:

	var table = document.getElementById(id);		var table = document.getElementById(id);
		+	if (!table) return;
	var rows = table.getElementsByTagName("tr");		var rows = table.getElementsByTagName("tr");

← Older revision		Revision as of 13:36, 11 October 2012
Line 103:		Line 103:
	};		};
	})();		})();
		+
		+	/ Table Alternating Row Colors ***********************************
		+	*
		+	* http://www.textfixer.com/resources/css-tables.php
		+	*
		+	* 3. CSS Table with Automatically Alternating Rows (Requires Javascript)
		+	*
		+	* This CSS table uses Javascript to automatically alternate row colors. This is especially great if you have a large table
		+	* that gets updated frequently.
		+	*
		+	*/
		+	function altRows(id){
		+	if(document.getElementsByTagName){
		+
		+	var table = document.getElementById(id);
		+	var rows = table.getElementsByTagName("tr");
		+
		+	for(i = 0; i < rows.length; i++){
		+	if(i % 2 == 0){
		+	rows[i].className = "evenrowcolor";
		+	}else{
		+	rows[i].className = "oddrowcolor";
		+	}
		+	}
		+	}
		+	}
		+	window.onload=function(){ altRows('alternatecolor');}

@@ Line 70: / Line 70: @@
                          Header.insertBefore( Button, Header.childNodes[0] );
                          tableIndex++;
+                 }

@@ Line 70: / Line 70: @@
                          Header.insertBefore( Button, Header.childNodes[0] );
-                         Header.onclick('collapseTable("' + tableIndex + '");');
+                         Header.onclick = collapseTable('"' + tableIndex + '"');
                          tableIndex++;
+                 }

@@ Line 70: / Line 70: @@
                          Header.insertBefore( Button, Header.childNodes[0] );
                          tableIndex++;
+                 }

@@ Line 63: / Line 63: @@
                          ButtonLink.setAttribute( 'id', 'collapseButton' + tableIndex );
                          ButtonLink.setAttribute( 'href', "javascript:collapseTable(" + tableIndex + ");" );
                          ButtonLink.appendChild( ButtonText );
@@ Line 71: / Line 70: @@
                          Header.insertBefore( Button, Header.childNodes[0] );
                          tableIndex++;
+                 }

@@ Line 7: / Line 7: @@
 var autoCollapse = 2;
-var collapseCaption = 'Less...';
+var collapseCaption = 'Less info';
-var expandCaption = 'More...';
+var expandCaption = 'More info';
 function collapseTable( tableIndex ) {