Benutzer:Lustiger seth/section jumpers.js - Versionsgeschichte

Lustiger seth: fix: added existence check

2022-08-13T12:52:02Z

fix: added existence check

@@ Zeile 10: / Zeile 10: @@
 		arr[i].style.display = "flex";
 		arr[i].style.flexFlow = "row wrap";
-		arr[i].getElementsByClassName("mw-headline")[0].style.width = "74%";
+		if(arr[i].getElementsByClassName("mw-headline").length > 0){
-		if(arr[i].getElementsByClassName("mw-editsection").length > 0){
+			arr[i].getElementsByClassName("mw-headline")[0].style.width = "74%";
-			arr[i].getElementsByClassName("mw-editsection")[0].style.width = "20%";
+			if(arr[i].getElementsByClassName("mw-editsection").length > 0){
+		}
+	}
 });

Lustiger seth: chore: reduced whitespace between arrows

2022-02-20T08:57:35Z

chore: reduced whitespace between arrows

← Nächstältere Version		Version vom 20. Februar 2022, 10:57 Uhr
Zeile 14:		Zeile 14:
	arr[i].getElementsByClassName("mw-editsection")[0].style.width = "20%";		arr[i].getElementsByClassName("mw-editsection")[0].style.width = "20%";
	}		}
	let append_nav = '<span style="text-align:right; width:3%">';		let append_nav = '<span style="text-align:right; width:3%"> ';
	if(i - 1 > 0){		if(i - 1 > 0){
	append_nav += ' <a href="#' + arr[i - 1].childNodes[0].id + '">↑</a>';		append_nav += '<a href="#' + arr[i - 1].childNodes[0].id + '">↑</a>';
	}		}
	if(i + 1 < arr.length){		if(i + 1 < arr.length){
	append_nav += ' <a href="#' + arr[i + 1].childNodes[0].id + '">↓</a>';		append_nav += '<a href="#' + arr[i + 1].childNodes[0].id + '">↓</a>';
	}		}
	arr[i].innerHTML += append_nav + "</span>";		arr[i].innerHTML += append_nav + "</span>";

Lustiger seth: feat: extended to h3 elements

2022-02-20T08:52:52Z

feat: extended to h3 elements

← Nächstältere Version		Version vom 20. Februar 2022, 10:52 Uhr
Zeile 1:		Zeile 1:
	/*		/*
	task: add up/down arrows at the end of each major section title (h2)		task: add up/down arrows at the end of each major section title (h2, h3)
	in order to jump to previous or next section respectively		in order to jump to previous or next section respectively
	tested in firefox only		tested in firefox only
	*/		*/
	$(function (){		$(function (){
	const ~~h2s~~ = document.getElementById("mw-content-text").~~getElementsByTagName~~("h2");		const h_elems = document.getElementById("mw-content-text").querySelectorAll("h2, h3");
	const arr = Array.from(~~h2s~~);		const arr = Array.from(h_elems);
	for(let i = 1; i < arr.length; ++i){		for(let i = 1; i < arr.length; ++i){
	arr[i].style.display = "flex";		arr[i].style.display = "flex";

Lustiger seth: debugging: fixed check

2022-02-13T11:24:01Z

debugging: fixed check

← Nächstältere Version		Version vom 13. Februar 2022, 13:24 Uhr
Zeile 11:		Zeile 11:
	arr[i].style.flexFlow = "row wrap";		arr[i].style.flexFlow = "row wrap";
	arr[i].getElementsByClassName("mw-headline")[0].style.width = "74%";		arr[i].getElementsByClassName("mw-headline")[0].style.width = "74%";
	if(arr[i].getElementsByClassName("mw-editsection") ~~!==~~ ~~null~~){		if(arr[i].getElementsByClassName("mw-editsection").length > 0){
	arr[i].getElementsByClassName("mw-editsection")[0].style.width = "20%";		arr[i].getElementsByClassName("mw-editsection")[0].style.width = "20%";
	}		}

Lustiger seth: debugging: cope with undefined class

2022-02-13T11:20:18Z

debugging: cope with undefined class

← Nächstältere Version		Version vom 13. Februar 2022, 13:20 Uhr
Zeile 11:		Zeile 11:
	arr[i].style.flexFlow = "row wrap";		arr[i].style.flexFlow = "row wrap";
	arr[i].getElementsByClassName("mw-headline")[0].style.width = "74%";		arr[i].getElementsByClassName("mw-headline")[0].style.width = "74%";
	arr[i].getElementsByClassName("mw-editsection")~~[0].style.width~~ = ~~"20%";~~		if(arr[i].getElementsByClassName("mw-editsection") !== null){
			arr[i].getElementsByClassName("mw-editsection")[0].style.width = "20%";
			}
	let append_nav = '<span style="text-align:right; width:3%">';		let append_nav = '<span style="text-align:right; width:3%">';
	if(i - 1 > 0){		if(i - 1 > 0){

Lustiger seth: init; source: a self-written greasemonkey script

2022-02-13T10:22:28Z

init; source: a self-written greasemonkey script

Neue Seite

/*
task: add up/down arrows at the end of each major section title (h2)
in order to jump to previous or next section respectively
tested in firefox only
*/
$(function (){
const h2s = document.getElementById("mw-content-text").getElementsByTagName("h2");
const arr = Array.from(h2s);
for(let i = 1; i < arr.length; ++i){
arr[i].style.display = "flex";
arr[i].style.flexFlow = "row wrap";
arr[i].getElementsByClassName("mw-headline")[0].style.width = "74%";
arr[i].getElementsByClassName("mw-editsection")[0].style.width = "20%";
let append_nav = '<span style="text-align:right; width:3%">';
if(i - 1 > 0){
append_nav += ' <a href="#' + arr[i - 1].childNodes[0].id + '">↑</a>';
}
if(i + 1 < arr.length){
append_nav += ' <a href="#' + arr[i + 1].childNodes[0].id + '">↓</a>';
}
arr[i].innerHTML += append_nav + "</span>";
}
});