« ∧ » ∨

Verfasst am 26.11.2023 18:46:00 Uhr
Jeder Umzug ist wie Neuanfang Teil 96
Heute muss mal wieder ein neuer Tagebuchbericht mit folgendem Untertitel verfasst werden:

Die dynamisch sortierbare Tabelle(nspalte) (siehe selfhtml-Tipps):

A: Tabellenkopf thead (mit Spaltenüberschriften) + tbody (mit erster Datenzeile) + tfoot (mit Anmerkung / Erläuterung):

Im SI definierte Dezimalpräfixe

Vorsilbe	Kurzzeichen	Zehnerpotenz (10 hoch)	Wert	Zahl
* Die zu Hekto(h), Deka(da), Dezi(d) und Zenti(c) gehörigen Vielfache sind keine Potenzen von 1000; falls table class="sortierbar" kann der Caption-Eintrag (Tabellen-Überschrift, hier z.B. "Im SI definierte Dezimalpräfixe") um einen Hinweis-Text (z.B. "Ein Klick auf die Spaltenüberschrift sortiert die Tabelle.") ergänzt und den Spalten-Überschriften der Sortierbutton (Dreieck mit Spitze nach oben für "aufwärts-sortiert" und unten für "abwärts sortiert" ) hinzugefügt werden
Yotta	Y	24	Quadrillion	1 000 000 000 000 000 000 000 000
...

B: unsortierte Tabelle, 1.DatenZeile: Spaltenüberschrift plus Sortierzeichen mit SVG:

Im SI definierte Dezimalpräfixe

Vorsilbe Sortiere aufsteigend nach Sortiere absteigend nach Vorsilbe	Kurzzeichen Sortiere aufsteigend nach Sortiere absteigend nach Kurzzeichen	Zehnerpotenz (10 hoch) Sortiere aufsteigend nach Sortiere absteigend nach Zehnerpotenz	Wert_0 Sortiere aufsteigend nach Sortiere absteigend nach Wert_1	Zahl Sortiere aufsteigend nach Sortiere absteigend nach Zahl
* Die zu Hekto(h), Deka(da), Dezi(d) und Zenti(c) gehörigen Vielfache sind keine Potenzen von 1000 In dem HTML-Code der Spaltenüberschrift (z.B.: <th abbr=""> <span class="visually-hidden">Wert_0</span> ) wird während der online-Sitzung durch Javascript der hellblaue und der hellgrüne "Button"-Code hinzugefügt:    <button type="button" class="sortbutton unsorted">    <span class="visually-hidden">Sortiere aufsteigend nach </span>    <span class="visually-hidden"><br>Sortiere absteigend nach </span>       <br>Wert_1       <svg role="img" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="-5 -5 190 110">       <path d="M0 0 L50 100 L100 0 Z" style="stroke:currentColor;fill:transparent;stroke-width:10;"/>       <path d="M80 100 L180 100 L130 0 Z" style="stroke:currentColor;fill:transparent;stroke-width:10;"/>       </svg>    </button> </th> Dieser orange Code wird durch die javascript-Konstante "..." festgelegt. Dieser hellgrüne Code wird durch die javascript-Konstante "sort_hint" festgelegt. Dieser hellblaue Code wird durch die javascript-Konstante "sortsymbol" festgelegt, wobei der erste "path" für die aufsteigende, der zweite "path" für die absteigende Sortierung die Skalierbare Vektor-Grafik ("SVG")-Symbol-Koordinaten enthält (Screen shot: Symbole: links für absteigende, rechts für aufsteigende leer/hohl: unbenutzte voll: benutzte Sortierung (z.B. = "aufsteigende S.")). Ausgedruckt in der Tabelle wird "Wert_1", falls man aber die Textstelle markieren und herauskopieren möchte, wird "Wert_0" herauskopiert. Kein Problem ist's, falls Wert_0 = Wert_1 = Wert. Der gelb markierte Zeilenvorschub ist optional und darf weggelassen werden. Summa summarum: der komplette Button-Code kann im HTML (evtl. ausser zu Debuging/Testzwecken) weggelassen werden. Ersetzt man z.B.<th>Kurzzeichen</th> durch <td>Kurzzeichen</td>, dann erscheint folgender Text: Kurzzeichen Sortiere aufsteigend nach Kurzzeichen Falls ein UNIcode, z.B. &#12345; fehlerhaft ist, wie etwa das Schluss-Semicolon fehlt, kann evtl. die Sortierbarkeit ausfallen. Aber die Sortierung (gemäß selfhtml-Tipps) auch funktioniert nicht, falls: <tr><th rowspan=2 colspan=1> VAR_1u2_1 </th><th rowspan=1 colspan=2> VAR_1_2u3 </th></tr> <tr><th rowspan=1> VAR_2_2 </th><th rowspan=1> VAR_2_3 </th></tr> VAR_1u2_1 VAR_1_2u3 VAR_2_2 VAR_2_3 Das Sortiersymbol sollte hinter VAR_1u2_1, VAR_2_2 und VAR_2_3 stehen, steht aber nur hinter VAR_1u2_1 und VAR_1_2u3. falls in einer n-spaltigen Tabelle in einer Zeile weniger als n-Stück <td> oder <th>-Tags editiert sind Aber die Sortierung (gemäß selfhtml-Tipps) funktioniert, falls: <tr><th> VAR_1_1 </th> <th> VAR_1_2 </th> <th> VAR_1_3 </th></tr> <tr><th> VAR_2_1 </th> <th> VAR_2_2 </th> <th> VAR_2_3 </th></tr> jedoch wird nur die erste thead-Zeile mit Sortiersymbolen verziert ausgedruckt
Yotta	Y	24	Quadrillion	1 000 000 000 000 000 000 000 000

C: alle Datenzeilen (so sieht die Tabelle (bis auf die Steuerzeichen) vor der ersten Sortierung aus):

Im SI definierte Dezimalpräfixe

Vorsilbe	Kurzzeichen	Zehnerpotenz (10 hoch)	Wert	Zahl
* Die zu Hekto(h), Deka(da), Dezi(d) und Zenti(c) gehörigen Vielfache sind keine Potenzen von 1000; schön ist, dass die zu sortierenden Daten alle im tbody-Bereich stehen. Anm.: beliebig sortierte Tabellen(inhalte) können im Browserfenster markiert und unter dem Browser Firefox 129.0.1 mit Hilfe von rechter Maustaste "Auswahl Quelltext anzeigen" in neuer Browser-Tab angezeigt werden und dann ... mit Ctrl V ... (in microsoft Betriebssystem Windows 10) in eine (vorhandene oder zuvor offline neu angelegte) beliebige Wordpad-Textdatei ... gesichert / abgespeichert werden (siehe Beispiel_1, Beispiel_2). JavaScript hat keine Zugriffsrechte auf die Betriebssystem-Dateiordner. Sortierfehler z.B. in einer Tabellen-Spalte mit Zahlen (..., 1, ..., 1, 10000, 11, ...); nach der Umwandlung von ursprünglich 3B bzw. K1 nach 3.2 bzw. 0.1 mit Zahlenfolgen, die mehr als 1 Punkt enthalten, z.B. 1.1.2.3 ; nach der Umwandlung vom 2. und weiteren Punkt in Ziffer 0 ist der Sortierfehler behoben.
Yotta	Y	24	Quadrillion	1 000 000 000 000 000 000 000 000
Zetta	Z	21	Trilliarde	1 000 000 000 000 000 000 000
Exa	E	18	Trillion	1 000 000 000 000 000 000
Peta	P	15	Billiarde	1 000 000 000 000 000
Tera	T	12	Billion	1 000 000 000 000
Giga	G	9	Milliarde	1 000 000 000
Mega	M	6	Million	1 000 000
Kilo	k	3	Tausend	1 000
Hekto*	h	2	Hundert	1 00
Deka*	da	1	Zehn	1 0
		0	Eins	1
Dezi*	d	-1	Zehntel	0,1
Centi*	c	-2	Hundertstel	0,01
Milli	m	-3	Tausendstel	0,001
Mikro	μ	-6	Millionstel	0,000 001
Nano	n	-9	Milliardstel	0,000 000 001
Piko	p	-12	Billionstel	0,000 000 000 001
Femto	f	-15	Billiardstel	0,000 000 000 000 001
Atto	a	-18	Trillionstel	0,000 000 000 000 000 001
Zepto	z	-21	Trilliardstel	0,000 000 000 000 000 000 001
Yokto	y	-24	Quadrillionstel	0,000 000 000 000 000 000 000 001

Dieser Sortierungs-Algorythmus wurde / wird z.B. verwendet in: TB_2024-06-24, TB_2024-05-26, TB_2024-05-07, c-vitamine.de/mydoc106sum_arm.small.html, TB_2024-04-26, TB_2024-02-29, TB_2024-01-31, TB_2022-12-25, TB_2022-03-23, TB_2021-09-27.
Weitere Anwendungen werden folgen:
Evtl: TB_2021-08-23, ...??,
cvitamine.de
(dp)(26.11.2023 (2,25h)) archiviert (tbid____.___): (dp)(23.11.2023 (0,5h))(24.11.2023 (1,1h))(25.11.2023 (1,5h))(27.11.2023 (1,3h))(29.11.2023 (1,15h))(14.01.2024 (0,2h))(10.02.2024 (0,25h))(11.02.2024 (0,2h))(29.02.2024 (0,1h))(04.03.2024 (0,75h))(16.03.2024 (0,25h))(30.04.2024 (0,1h))(26.05.2024 (0,1h))(24.06.2024 (0,1h))(18.08.2024 (0,75h))(20.08.2024 (0,6h))