Benutzer:Ahnenfan/common.js: Unterschied zwischen den Versionen

Aus Westmärker Wiki
Zur Navigation springen Zur Suche springen
 
(148 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
−
ust = document.getElementsByTagName("td");
+
/* ┌──────────────────────────────────────────────┐
−
for (i=0; i<ust.length; i++) {
+
  │ Das folgende JavaScript wird nur für mich    │
−
ust[i].style= "border-bottom-color: #f6fdf3";
+
  │ (auch zum Testen) geladen.                  │
−
if (ust[i].innerText == "") {
+
  │ Für alle Benutzer gilt MediaWiki:Common.js  │
−
ust[i].style= "border-top-color: #aaa";
+
  ├──────────────────────────────────────────────┤
−
}
+
  │ Tabstop zum Kopieren: " "                 │
 +
  └──────────────────────────────────────────────┘ */
 +
/* ╔═════════════════════════════╗
 +
  ║                            ║
 +
  ║          TEST-ZONE          ║
 +
  ║                            ║
 +
  ╚═════════════════════════════╝ */
 +
if (1 == 0) {
 +
 
 
}
 
}
  
 +
/* ╔═════════════════════════════╗
 +
  ║                            ║
 +
  ║          REAL-ZONE          ║
 +
  ║                            ║
 +
  ╚═════════════════════════════╝ */
 +
/* ┌──────────────────────────────────────────────┐
 +
  │ [[Tagebuch-Chronik]]                        │
 +
  │ 1. Anzeige der Chronik-Zeilen                │
 +
  │    (~Anzahl d. Artikel d. Tag-für-Tag-Ausg.) │
 +
  │ 2. Farbmarkierung "heute" + 80 bzw. 75 Jahre │
 +
  │    mit Link zum Tag, zwecks Blog-post        │
 +
  └──────────────────────────────────────────────┘ */
 +
if (document.getElementById("anzahlzeilen")) {
 +
document.getElementById( "anzahlzeilen" ).insertBefore( document.createTextNode( document.getElementsByTagName( 'tr' ).length ), document.getElementById( "anzahlzeilen" ).lastChild );
 +
 +
// das aktuelle Datum gem. https://wiki.selfhtml.org/wiki/JavaScript/Objekte/Date/Einführung:
 +
heute = new Date();
 +
monat = ['Januar', 'Februar', 'März', 'April', 'Mai', 'Juni', 'Juli', 'August', 'September', 'Oktober', 'November', 'Dezember'];
 +
ersteMarke = true;
 +
taglink = document.getElementsByClassName("ktbchronik")[2].getElementsByTagName("a");
 +
function post(postdatum, faerbung) {
 +
if (postdatum.getTime() < test00.getTime()) {
 +
taglink[i].parentNode.nextSibling.nextSibling.style.backgroundColor = faerbung;
 +
} else {
 +
if (postdatum.getTime() == test00.getTime()) {
 +
if (ersteMarke) {
 +
taglink[i].parentNode.nextSibling.nextSibling.style.backgroundColor = "gold";
 +
taglink[i].id = "YA";
 +
document.getElementById("YearsAgo").style.display = "block";
 +
// falls ausnahmsweise 2 posts an einem Tag fällig werden:
 +
} else {
 +
taglink[i].parentNode.nextSibling.nextSibling.style.backgroundColor = "yellow";
 +
taglink[i].id = "YA2";
 +
document.getElementById("YearsAgo2").style.display = "block";
 +
}
 +
ersteMarke = false;
 +
}
 +
}
 +
}
  
−
if (1 == 0) {
+
// Vorlauf für die ersten beiden Zeilen:
 +
for (i=0; i<taglink.length; i++) {
 +
if (taglink[i].innerHTML.startsWith("193")) {
 +
taglink[i].parentNode.nextSibling.nextSibling.style.backgroundColor = "lightsteelblue";
 +
}
 +
}
  
−
hpdiv = document.createElement("div");
+
// Haupt-Durchlauf für die übrigen Zeilen:
−
hpdiv.className = "zurueck_zur_homepage"; // stets goldener Link in div a
+
for (i=0; i<taglink.length; i++) {
−
hpdiv.style.width = "160px";
+
// nur zur Beschleunigung, trotzdem gibt es invalid:
−
hpdiv.style.marginTop = "5px";
+
if (taglink[i].innerHTML.startsWith("194")) {
−
hpdiv.style.backgroundImage = "url(/w/images/logo/sidebar_Vormarsch_Ri._Lemberg.jpg)";
+
datum = taglink[i].innerHTML.split("/");
−
hpa = document.createElement("a");
+
test80j = String(Number(datum[0]) + 80);
−
hpa.href = "";
+
test75j = String(Number(datum[0]) + 75);
−
hpdiv.title = "Galerie: Fotos, Karten, Dokumente";
+
testmon = (datum[1]) ? monat.indexOf(datum[1]) : "0";
−
hpp = document.createElement("p");
+
testtag = (datum[2]) ? datum[2] : "0";
−
hpp.style.fontSize = "12pt";
+
test80 = new Date(test80j, testmon, testtag);
−
hpp.style.fontWeight = "bold";
+
test75 = new Date(test75j, testmon, testtag);
−
hpp.style.fontFamily = "serif";
+
test00 = new Date(heute.getFullYear(), heute.getMonth(), heute.getDate());
−
hpp.style.lineHeight = "120px";
+
post(test75, "lavender");
−
hpp.style.textAlign = "center";
+
post(test80, "lightsteelblue");
−
hpp.style.margin = "0"; // Standard: 0.4em 0 0.5em 0
+
}
−
hpp.innerHTML = "<span style='padding: 2px 6px; background-image: URL(https://vexilli.net/w/images/bg/bg_aus_Einband_b.jpg);'>Karte</span>";
+
}
−
hpa.appendChild(hpp);
 
−
hpdiv.appendChild(hpa);
 
−
document.getElementById("mw-panel").appendChild(hpdiv);
 
  
−
/* *** Versuch, Bildbeschreibung einzubinden *** */
+
//
−
//alert("Hallo!");
+
// zweite Zeilen (Geooc2) nachträglich auch färben:
−
//geht, ist mit  "- Westmärker Wiki" alert(document.title);
+
//
−
//geht, ist ohne "- Westmärker Wiki" alert(document.getElementsByTagName("h1")[0].innerText);
+
nachzeilen = document.getElementsByClassName("Geooc2");
−
if (document.h1[0].innerText.indexOf("Bildbeschreibung") > 0) {
+
for (i=0; i<nachzeilen.length; i++) {
−
+
// Der erste previousSibling sowie childNode[0] und [2] sind Textknoten!? Vielleicht Zeilenumbrüche??
−
b = document.getElementByTagName("img")[0];
+
Postfarbe = nachzeilen[i].parentNode.previousSibling.previousSibling.childNodes[3].style.backgroundColor;
−
//b.innerHTML.replace("lgBildunterschrift", b.src.getElementById("mw-imagepage-section-filehistory").lastChild.firstChild.childNodes[2].lastChild.innerHTML);
+
nachzeilen[i].style.borderRight                            = "#00b050";
−
/* ## Dies ist die Location des Kommentars in Bildbeschreibungsseite: ##
+
nachzeilen[i].nextSibling.nextSibling.style.borderRight    = "#00b050";
−
div,                                              table,    tbody,    2.tr v.oben,  letzte td,Inhalt
+
nachzeilen[i].nextSibling.nextSibling.style.borderTop      = "solid 2px "+Postfarbe;
−
getElementById("mw-imagepage-section-filehistory").lastChild.firstChild.childNodes[2].lastChild.innerHTML
+
nachzeilen[i].nextSibling.nextSibling.style.backgroundColor = Postfarbe;
−
##### wenn man etwas von Hand eingibt, erscheit es woanders!! ##########
 
−
div,                                  div,      p,        Inhalt
 
−
getElementById("mw-imagepage-content").firstChild.firstChild.innerHTML
 
−
*/
 
−
b.innerHTML.replace("lgBildunterschrift", "geht");
 
−
alert("na und?");
 
−
 
 
}
 
}
−
 
 
}
 
}

Aktuelle Version vom 23. Juni 2023, 09:37 Uhr

/* ┌──────────────────────────────────────────────┐
   │ Das folgende JavaScript wird nur für mich    │
   │ (auch zum Testen) geladen.                   │
   │ Für alle Benutzer gilt MediaWiki:Common.js   │
   ├──────────────────────────────────────────────┤
   │ Tabstop zum Kopieren: "	"                 │
   └──────────────────────────────────────────────┘ */
/* ╔═════════════════════════════╗
   ║                             ║
   ║          TEST-ZONE          ║
   ║                             ║
   ╚═════════════════════════════╝ */
if (1 == 0) {

}

/* ╔═════════════════════════════╗
   ║                             ║
   ║          REAL-ZONE          ║
   ║                             ║
   ╚═════════════════════════════╝ */
/* ┌──────────────────────────────────────────────┐
   │ [[Tagebuch-Chronik]]                         │
   │ 1. Anzeige der Chronik-Zeilen                │
   │    (~Anzahl d. Artikel d. Tag-für-Tag-Ausg.) │
   │ 2. Farbmarkierung "heute" + 80 bzw. 75 Jahre │
   │    mit Link zum Tag, zwecks Blog-post        │
   └──────────────────────────────────────────────┘ */
if (document.getElementById("anzahlzeilen")) {
	document.getElementById( "anzahlzeilen" ).insertBefore( document.createTextNode( document.getElementsByTagName( 'tr' ).length ), document.getElementById( "anzahlzeilen" ).lastChild );

	// das aktuelle Datum gem. https://wiki.selfhtml.org/wiki/JavaScript/Objekte/Date/Einführung:
	heute = new Date(); 
 	monat = ['Januar', 'Februar', 'März', 'April', 'Mai', 'Juni', 'Juli', 'August', 'September', 'Oktober', 'November', 'Dezember'];
	ersteMarke = true;
	taglink = document.getElementsByClassName("ktbchronik")[2].getElementsByTagName("a");
	function post(postdatum, faerbung) {
		if (postdatum.getTime() < test00.getTime()) {
			taglink[i].parentNode.nextSibling.nextSibling.style.backgroundColor = faerbung;
		} else {
			if (postdatum.getTime() == test00.getTime()) {
				if (ersteMarke) {
					taglink[i].parentNode.nextSibling.nextSibling.style.backgroundColor = "gold";
					taglink[i].id = "YA";
					document.getElementById("YearsAgo").style.display = "block";
				// falls ausnahmsweise 2 posts an einem Tag fällig werden:
				} else {
					taglink[i].parentNode.nextSibling.nextSibling.style.backgroundColor = "yellow";
					taglink[i].id = "YA2";
					document.getElementById("YearsAgo2").style.display = "block";
				}
				ersteMarke = false;
			}
		}
	}

	// Vorlauf für die ersten beiden Zeilen:
	for (i=0; i<taglink.length; i++) {
		if (taglink[i].innerHTML.startsWith("193")) { 
			taglink[i].parentNode.nextSibling.nextSibling.style.backgroundColor = "lightsteelblue";
		}
	}

	// Haupt-Durchlauf für die übrigen Zeilen:
	for (i=0; i<taglink.length; i++) {
		// nur zur Beschleunigung, trotzdem gibt es invalid:
		if (taglink[i].innerHTML.startsWith("194")) { 
			datum = taglink[i].innerHTML.split("/");
			test80j = String(Number(datum[0]) + 80);
			test75j = String(Number(datum[0]) + 75);
			testmon = (datum[1]) ? monat.indexOf(datum[1]) : "0";
			testtag = (datum[2]) ? datum[2] : "0";
			test80 = new Date(test80j, testmon, testtag);
			test75 = new Date(test75j, testmon, testtag);
			test00 = new Date(heute.getFullYear(), heute.getMonth(), heute.getDate());
			post(test75, "lavender");
			post(test80, "lightsteelblue");
		}
	}

	//
	// zweite Zeilen (Geooc2) nachträglich auch färben:
	//
	nachzeilen = document.getElementsByClassName("Geooc2");
	for (i=0; i<nachzeilen.length; i++) {
// Der erste previousSibling sowie childNode[0] und [2] sind Textknoten!? Vielleicht Zeilenumbrüche??
		Postfarbe = nachzeilen[i].parentNode.previousSibling.previousSibling.childNodes[3].style.backgroundColor;
		nachzeilen[i].style.borderRight                             = "#00b050";
		nachzeilen[i].nextSibling.nextSibling.style.borderRight     = "#00b050";
		nachzeilen[i].nextSibling.nextSibling.style.borderTop       = "solid 2px "+Postfarbe;
		nachzeilen[i].nextSibling.nextSibling.style.backgroundColor = Postfarbe;
	}
}
Abgerufen von „https://www.vexilli.net/w/index.php?title=Benutzer:Ahnenfan/common.js&oldid=24270“