tag:forum.selfhtml.org,2005:/self Ist Number Formatting mit CSS möglich? – SELFHTML-Forum 2020-04-16T06:34:35Z https://forum.selfhtml.org/self/2020/apr/09/ist-number-formatting-mit-css-moglich/1768619#m1768619 TS ts-self@online.de https://bitworks.de 2020-04-09T20:42:02Z 2020-04-09T20:42:02Z Ist Number Formatting mit CSS möglich? <p>Hello,</p> <p>kann man mittels CSS <strong>ohne JavaScript</strong> Number Formatting betreiben?</p> <p>So soll z. B. <code>1560734</code> als <code>1.560.734</code> dargestellt werden, oder vielleicht sogar <code>1.560.734,00</code>.</p> <p>Glück Auf<br> Tom vom Berg</p> <div class="signature">-- <br> Es gibt nichts Gutes, außer man tut es!<br> Das Leben selbst ist der Sinn. </div> https://forum.selfhtml.org/self/2020/apr/09/ist-number-formatting-mit-css-moglich/1768630#m1768630 Felix Riesterer https://felix-riesterer.de 2020-04-10T07:40:56Z 2020-04-10T07:40:56Z Ist Number Formatting mit CSS möglich? <p>Lieber TS,</p> <p>CSS-only kann das nicht.</p> <p>Liebe Grüße</p> <p>Felix Riesterer</p> https://forum.selfhtml.org/self/2020/apr/09/ist-number-formatting-mit-css-moglich/1768633#m1768633 TS ts-self@online.de https://bitworks.de 2020-04-10T08:04:35Z 2020-04-10T08:04:35Z Ist Number Formatting mit CSS möglich? <p>Hello lieber Felix,</p> <blockquote> <p>CSS-only kann das nicht.</p> </blockquote> <p>Ich habe schon befürchtet, dass sich bei CSS und HTML in dieser Angelegenheit noch nichts geändert hat. Zumindest habe ich nur eine Menge Postings im Web gefunden, die das auch sagten. Die waren aber alle älter. Und die Hoffnung stirbt angeblich doch zuletzt. Einige behaupteten auch, dass diese Formatierung nicht Sache von CSS wäre. Dann wäre es aber eine Grundaufgabe von HTML und passenden Tags und Attributen.</p> <p>Das bringt mich erneut auf die Frage, an welcher Stelle man dauernölen müsste, damit HTML nebst CSS endlich allgemeinbrauchbar wird.</p> <p>Glück Auf und Frohe Ostern Tom vom Berg</p> <div class="signature">-- <br> Es gibt nichts Gutes, außer man tut es!<br> Das Leben selbst ist der Sinn. </div> https://forum.selfhtml.org/self/2020/apr/09/ist-number-formatting-mit-css-moglich/1768637#m1768637 Felix Riesterer https://felix-riesterer.de 2020-04-10T08:24:00Z 2020-04-10T08:24:00Z Ist Number Formatting mit CSS möglich? <p>Lieber TS,</p> <blockquote> <p>Dann wäre es aber eine Grundaufgabe von HTML und passenden Tags und Attributen.</p> </blockquote> <p>richtig. Etwas in der Art <code class="language-xml"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>number</span><span class="token punctuation">></span></span>1234567<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>number</span><span class="token punctuation">></span></span></code>, das dann mit CSS-Eigenschaften verunstaltet werden kann. Aber für so etwas gibt es ja schon sinnvolle Einrichtungen, wie z.B. die <em>locale</em>. Möglicherweise sollte man diese für Darstellungseigenschaften heranziehen.</p> <blockquote> <p>Das bringt mich erneut auf die Frage, an welcher Stelle man dauernölen müsste, damit HTML nebst CSS endlich allgemeinbrauchbar wird.</p> </blockquote> <p>Überhaupt nicht! Es ist bereits <em>allgemeinbrauchbar</em>. Deine Ansprüche gehen vielleicht in die falsche Richtung, was <em>allgemeinbrauchbar</em> bedeutet. Wenn Du in einer Webapplikation Zahlen gemäß der <em>locale</em> des Users anzeigen lassen möchtest, dann müsstest Du diese via HTTP-Header ermitteln und Deine Ausgaben entsprechend zusammenstellen. Keine Aufgabe von CSS, sondern von Dir!</p> <p>Liebe Grüße</p> <p>Felix Riesterer</p> https://forum.selfhtml.org/self/2020/apr/09/ist-number-formatting-mit-css-moglich/1768641#m1768641 Der Martin 2020-04-10T08:36:38Z 2020-04-10T08:36:38Z Ist Number Formatting mit CSS möglich? <p>Hallo Felix,</p> <blockquote> <blockquote> <p>Dann wäre es aber eine Grundaufgabe von HTML und passenden Tags und Attributen.</p> </blockquote> <p>richtig. Etwas in der Art <code class="language-xml"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>number</span><span class="token punctuation">></span></span>1234567<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>number</span><span class="token punctuation">></span></span></code>, das dann mit CSS-Eigenschaften verunstaltet werden kann. Aber für so etwas gibt es ja schon sinnvolle Einrichtungen, wie z.B. die <em>locale</em>. Möglicherweise sollte man diese für Darstellungseigenschaften heranziehen.</p> </blockquote> <p>und das ist, soweit ich das erkenne, wieder nur mit Javascript möglich, weil HTML und CSS völlig <em>locale agnostic</em> sind.</p> <p>In deinem obigen hypothetischen Beispiel müssten dann sämtliche Eigenschaften wie Zifferngruppierung, Dezimalpunkt/Komma und Tausender-Trennezichen als Defaults die Werte haben, die sich aus dem locale ergeben, könnten aber mit CSS überschrieben werden.<br> Ob das sinnvoll ist. wäre wieder eine andere Frage, denn die Nutzer stellen sich ja nicht einfach zum Spaß ihre locales so ein, wie sie es gewöhnt sind bzw. haben möchten.</p> <blockquote> <blockquote> <p>Das bringt mich erneut auf die Frage, an welcher Stelle man dauernölen müsste, damit HTML nebst CSS endlich allgemeinbrauchbar wird.</p> </blockquote> <p>Überhaupt nicht! Es ist bereits <em>allgemeinbrauchbar</em>.</p> </blockquote> <p>Ja, aber leider nicht "lokalisiert".</p> <blockquote> <p>Deine Ansprüche gehen vielleicht in die falsche Richtung, was <em>allgemeinbrauchbar</em> bedeutet. Wenn Du in einer Webapplikation Zahlen gemäß der <em>locale</em> des Users anzeigen lassen möchtest, dann müsstest Du diese via HTTP-Header ermitteln und Deine Ausgaben entsprechend zusammenstellen. Keine Aufgabe von CSS, sondern von Dir!</p> </blockquote> <p>Das sehe ich anders; ich bin da ganz Toms Meinung: Das <strong>sollte</strong> Aufgabe der Client-Software sein.</p> <p>Live long and <s>pros</s> healthy,<br>  Martin</p> <div class="signature">-- <br> Ich stamme aus Ironien, einem Land am sarkastischen Ozean. </div> https://forum.selfhtml.org/self/2020/apr/09/ist-number-formatting-mit-css-moglich/1768642#m1768642 TS ts-self@online.de https://bitworks.de 2020-04-10T08:38:37Z 2020-04-10T08:40:45Z Ist Number Formatting mit CSS möglich? <p>Hello lieber Felix,</p> <blockquote> <blockquote> <p>Das bringt mich erneut auf die Frage, an welcher Stelle man dauernölen müsste, damit HTML nebst CSS endlich allgemeinbrauchbar wird.</p> </blockquote> <p>Überhaupt nicht! Es ist bereits <em>allgemeinbrauchbar</em>. Deine Ansprüche gehen vielleicht in die falsche Richtung, was <em>allgemeinbrauchbar</em> bedeutet. Wenn Du in einer Webapplikation Zahlen gemäß der <em>locale</em> des Users anzeigen lassen möchtest, dann müsstest Du diese via HTTP-Header ermitteln und Deine Ausgaben entsprechend zusammenstellen. Keine Aufgabe von CSS, sondern von Dir!</p> </blockquote> <p>Das sehe ich überhaupt nicht so!</p> <p>Daten sollten stets in einem international verständlichen und sortierbaren Raw-Format ausgetauscht werden und die Formatierung (Anordnung, Sequenzierung, Gültigkeitsbereiche, ...) durch HTML und die Darstellungsart (Farbe, Form, Größe, Position, ...) durch CSS geregelt werden. Und das sollte mMn sowohl für den Hinweg (Erfassung), als auch für den Rückweg (Ausgabe) einheitlich geregelt sein.</p> <p>Und für Dialogfelder sollten die Browser automatisch ein Dirty-Flag erzeugen, wenn die entsprechenden Dialogfelder geändert wurden. Damit müsste das Backend (neben anderen Regeln) dann nur noch diese Parameter überprüfen.</p> <p>Und weil dies im Prinzip so einfach möglich wäre umgesetzt zu werden, verstehe ich nicht, warum es keine ernsthaften Bestrebungen hierfür gibt.</p> <p>Glück Auf<br> Tom vom Berg</p> <div class="signature">-- <br> Es gibt nichts Gutes, außer man tut es!<br> Das Leben selbst ist der Sinn. </div> https://forum.selfhtml.org/self/2020/apr/09/ist-number-formatting-mit-css-moglich/1768643#m1768643 MudGuard http://www.andreas-waechter.de/ 2020-04-10T09:01:06Z 2020-04-10T09:01:06Z Ist Number Formatting mit CSS möglich? <p>Hi,</p> <blockquote> <p>Wenn Du in einer Webapplikation Zahlen gemäß der <em>locale</em> des Users anzeigen lassen möchtest, dann müsstest Du diese via HTTP-Header ermitteln</p> </blockquote> <p>wäre die locale des Users überhaupt das richtige? Müßte sich das nicht eher nach der Sprache des Inhalts richten?</p> <p>Sprich: bei lang="de" für's betroffene Element wird für Pi 3,14159… angezeigt, bei lang="en" dann 3.14159…</p> <p>cu,<br> Andreas a/k/a MudGuard</p> https://forum.selfhtml.org/self/2020/apr/09/ist-number-formatting-mit-css-moglich/1768650#m1768650 Felix Riesterer https://felix-riesterer.de 2020-04-10T09:36:10Z 2020-04-10T09:36:10Z Ist Number Formatting mit CSS möglich? <p>Lieber Martin,</p> <blockquote> <p>Das <strong>sollte</strong> Aufgabe der Client-Software sein.</p> </blockquote> <p>und wenn nun die Client-Software in ihren HTTP-Headers mitteilt, welche <em>locale</em> der User haben möchte, erfüllt sie ihre Aufgabe denn dann nicht bereits?</p> <p>Liebe Grüße</p> <p>Felix Riesterer</p> https://forum.selfhtml.org/self/2020/apr/09/ist-number-formatting-mit-css-moglich/1768767#m1768767 Gunnar Bittersmann selfhtml@bittersmann.de https://bittersmann.de 2020-04-12T06:49:23Z 2020-04-12T06:49:23Z Ist Number Formatting mit CSS möglich? <p>@@Der Martin</p> <blockquote> <p>und das ist, soweit ich das erkenne, wieder nur mit Javascript möglich</p> </blockquote> <p><a href="https://codepen.io/gunnarbittersmann/pen/zYvGYyG" lang="en" rel="noopener noreferrer">Hold my beer.</a></p> <p>Wichtig dabei dürfte sein, Screenreadern die Zahl ohne Tausendertrennzeichen zu geben; die kommen nur bei visueller Ausgabe. Das heißt getrennte Elemente:</p> <pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>span</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>visually-hidden<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>121045<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>span</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>span</span> <span class="token attr-name">aria-hidden</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>true<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>121.045<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>span</span><span class="token punctuation">></span></span> </code></pre> <p>(mit den bekannten CSS-Angaben fürs <a href="https://a11yproject.com/posts/how-to-hide-content/" rel="nofollow noopener noreferrer">visuelle Verstecken</a>)</p> <p>Für die <a href="https://forum.selfhtml.org/cites/1558" rel="noopener noreferrer">Datümer</a> hab ich die Lokalisierung gleich mal mitgemacht.</p> <p lang="en"> Stay hard! Stay hungry! Stay alive! <strong>Stay home!</strong></p> <div class="signature">-- <br> Home Office ist so frustierend, weil man jetzt noch viel stärker bemerkt mit wievielen Menschen man zu tun hat, die nicht sinnerfassend lesen können. (<a href="https://twitter.com/Grantscheam/status/1247046064504537092" rel="nofollow noopener noreferrer">@Grantscheam</a>) </div> https://forum.selfhtml.org/self/2020/apr/09/ist-number-formatting-mit-css-moglich/1768674#m1768674 Rolf B 2020-04-10T18:23:59Z 2020-04-10T18:24:43Z Ist Number Formatting mit CSS möglich? <p>Hallo TS,</p> <blockquote> <p>Daten sollten stets in einem international verständlichen und sortierbaren Raw-Format ausgetauscht werden</p> </blockquote> <p>Einverstanden.</p> <p>Nur - der Browser fordert vom Server keine Daten an. Sondern Dokumente. Und für diese kann er per Header eine Sprache anfordern.</p> <blockquote> <p>Accept-Language: de-DE</p> </blockquote> <p>Also eigentlich keine Sprache, sondern ein locale, das auch Formatierungsregeln für Datums- und Zahlentypen beinhaltet.</p> <p>Von Hypertext-Konzept her liegt der Job damit beim Server. Dass man das Konzept angesichts moderner und leistungsfähiger Browser erweitern könnte, ist eine andere Frage, aber das ist bisher nicht passiert.</p> <p>Dein Annölziel wäre das W3C. Schreibe einen Draft für das CSS Modul Numeric Formatting Level 1 und reiche ihn ein </p> <p><em>Rolf</em></p> <div class="signature">-- <br> sumpsi - posui - obstruxi </div> https://forum.selfhtml.org/self/2020/apr/09/ist-number-formatting-mit-css-moglich/1768648#m1768648 Der Martin 2020-04-10T09:21:15Z 2020-04-12T08:53:09Z Ist Number Formatting mit CSS möglich? <p>Hallo,</p> <blockquote> <blockquote> <p>Wenn Du in einer Webapplikation Zahlen gemäß der <em>locale</em> des Users anzeigen lassen möchtest, dann müsstest Du diese via HTTP-Header ermitteln</p> </blockquote> <p>wäre die locale des Users überhaupt das richtige? Müßte sich das nicht eher nach der Sprache des Inhalts richten?</p> </blockquote> <p>das wäre auch ein Aspekt, über den man nachdenken könnte.</p> <blockquote> <p>Sprich: bei lang="de" für's betroffene Element wird für Pi 3,14159… angezeigt, bei lang="en" dann 3.14159…</p> </blockquote> <p>Für "normale" Leute bestimmt vernünftig. Für Deppen wie mich dagegen, die auch im Deutschen einen Dezimal<strong>punkt</strong> und ein Blank als Tausender-Trennzeichen haben wollen, und das Datum generell im ISO-Format, und die sich deshalb extra ihre eigene locale en_DE.UTF-8 basteln ... </p> <p>Live long and <s>pros</s> healthy,<br>  Martin</p> <div class="signature">-- <br> Ich stamme aus Ironien, einem Land am sarkastischen Ozean. </div> https://forum.selfhtml.org/self/2020/apr/09/ist-number-formatting-mit-css-moglich/1768652#m1768652 Der Martin 2020-04-10T09:51:35Z 2020-04-10T09:51:35Z Ist Number Formatting mit CSS möglich? <p>Hallo Felix,</p> <blockquote> <blockquote> <p>Das <strong>sollte</strong> Aufgabe der Client-Software sein.</p> </blockquote> <p>und wenn nun die Client-Software in ihren HTTP-Headers mitteilt, welche <em>locale</em> der User haben möchte, erfüllt sie ihre Aufgabe denn dann nicht bereits?</p> </blockquote> <p>nein, nicht so wie ich mir das vorstelle. Ich finde, TS <a href="https://forum.selfhtml.org/self/2020/apr/09/ist-number-formatting-mit-css-moglich/1768642#m1768642" rel="noopener noreferrer">bringt es ganz gut auf den Punkt</a>: Die Server-Browser-Schnittstelle sollte Daten in einem neutralen Format übermitteln, und der Browser übernimmt die Formatierung derselben in die Darstellung, die auf dem Client-System eingestellt ist. Umgekehrt entsprechend. So ähnlich wie bei der SQL-Schnittstelle.</p> <p>Nur ist das mit HTML nicht ohne weiteres realisierbar, weil HTML a priori erstmal nur Text überträgt und keine Auszeichnung für Datentypen wie z.B. Zahlen kennt (außer als Typ beim input-Element). Ein <a href="https://wiki.selfhtml.org/wiki/HTML/Textauszeichnung/time" rel="nofollow noopener noreferrer">time-Element</a> zur Auszeichnung von Datum und/oder Uhrzeit gibt es zwar, es wird aber meines Wissens so gut wie gar nicht benutzt.</p> <p>Live long and <s>pros</s> healthy,<br>  Martin</p> <div class="signature">-- <br> Ich stamme aus Ironien, einem Land am sarkastischen Ozean. </div> https://forum.selfhtml.org/self/2020/apr/09/ist-number-formatting-mit-css-moglich/1768679#m1768679 TS ts-self@online.de https://bitworks.de 2020-04-10T19:14:41Z 2020-04-10T19:14:41Z Ist Number Formatting mit CSS möglich? <p>Hello,</p> <blockquote> <p>H</p> </blockquote> <blockquote> <p>Dein Annölziel wäre das W3C. Schreibe einen Draft für das CSS Modul Numeric Formatting Level 1 und reiche ihn ein </p> </blockquote> <p>Wir haben doch inzwischen herausdiskutiert, dass es Aufgabd vom HTML sein müsste. :-)</p> <p>Aber dafür sind sie wohl auch zuständig, oder?</p> <p>Den Request sollte man dann aber vorher noch genauer spezifizieren.</p> <p>Glück Auf<br> Tom vom Berg</p> <div class="signature">-- <br> Es gibt nichts Gutes, außer man tut es!<br> Das Leben selbst ist der Sinn. </div> https://forum.selfhtml.org/self/2020/apr/09/ist-number-formatting-mit-css-moglich/1768763#m1768763 Gunnar Bittersmann selfhtml@bittersmann.de https://bittersmann.de 2020-04-12T04:55:43Z 2020-04-12T04:55:43Z Ist Number Formatting mit CSS möglich? <p>@@Rolf B</p> <blockquote> <p>Dein Annölziel wäre das W3C.</p> </blockquote> <p>„Annölziel“! </p> <blockquote> <p>Schreibe einen Draft für das CSS Modul Numeric Formatting Level 1 und reiche ihn ein </p> </blockquote> <p>AFAIS war das mal <a href="https://webmasters.stackexchange.com/questions/15882/format-numbers-with-css" rel="nofollow noopener noreferrer">im Gespräch</a>. Da der Link <s><a href="http://wiki.csswg.org/ideas/content-formatting" rel="nofollow noopener noreferrer">http://wiki.csswg.org/ideas/content-formatting</a></s> nicht mehr funktioniert, werden wir wohl nie erfahren, wie die Diskussion ausgegangen ist.</p> <p lang="en"> Stay hard! Stay hungry! Stay alive! <strong>Stay home!</strong></p> <div class="signature">-- <br> Home Office ist so frustierend, weil man jetzt noch viel stärker bemerkt mit wievielen Menschen man zu tun hat, die nicht sinnerfassend lesen können. (<a href="https://twitter.com/Grantscheam/status/1247046064504537092" rel="nofollow noopener noreferrer">@Grantscheam</a>) </div> https://forum.selfhtml.org/self/2020/apr/09/ist-number-formatting-mit-css-moglich/1768742#m1768742 Auge 2020-04-11T17:00:15Z 2020-04-11T17:00:15Z Ist Number Formatting mit CSS möglich? <p>Hallo</p> <blockquote> <blockquote> <p>Dein Annölziel wäre das W3C. Schreibe einen Draft für das CSS Modul Numeric Formatting Level 1 und reiche ihn ein </p> </blockquote> <p>Wir haben doch inzwischen herausdiskutiert, dass es Aufgabd vom HTML sein müsste. :-)</p> </blockquote> <p>Haben wir das? Ich persönlich halte MudGuards Ansatz, die im HTML-Dokument angegebene Sprache des Dokuments zur Formatierung <em>per CSS</em> zu nutzen, für zielführender. Gunnar B. hat hier im Forum schon mehrfach ein Beispiel zur sprachabhängigen Angabe von Anführungszeichen gebracht, dass ich passenderweise nicht wiederfinde. Ich hab's aber schon einmal selbst wo eingebaut. <code><rumkram /></code> Na bitte.</p> <p>Anführungszeichen für die deutsche Sprache:</p> <pre><code class="block language-css"><span class="token selector">:lang(de)</span> <span class="token punctuation">{</span> <span class="token property">quotes</span><span class="token punctuation">:</span><span class="token string">"\201E"</span> <span class="token string">"\201C"</span> <span class="token string">"\201A"</span> <span class="token string">"\2018"</span><span class="token punctuation">;</span> <span class="token punctuation">}</span> </code></pre> <p>Das ließe sich meiner Meinung nach bestens adaptieren, wenn es denn in CSS passende Eigenschaften gäbe.</p> <p>Tschö, Auge</p> <div class="signature">-- <br> Ein echtes Alchimistenlabor musste voll mit Glasgefäßen sein, die so aussahen, als wären sie beim öffentlichen Schluckaufwettbewerb der Glasbläsergilde entstanden.<br> <em>Hohle Köpfe</em> von Terry Pratchett </div> https://forum.selfhtml.org/self/2020/apr/09/ist-number-formatting-mit-css-moglich/1768744#m1768744 Der Martin 2020-04-11T17:16:23Z 2020-04-11T17:16:23Z Ist Number Formatting mit CSS möglich? <p>n'Abend,</p> <blockquote> <blockquote> <p>Wir haben doch inzwischen herausdiskutiert, dass es Aufgabd vom HTML sein müsste. :-)</p> </blockquote> <p>Haben wir das?</p> </blockquote> <pre><code class="block">( ) Ja ( ) Nein (o) Vielleicht </code></pre> <p>Ich habe schon den Überblick verloren, wer hier welchen Standpunkt vertritt.</p> <blockquote> <p>Ich persönlich halte MudGuards Ansatz, die im HTML-Dokument angegebene Sprache des Dokuments zur Formatierung <em>per CSS</em> zu nutzen, für zielführender.</p> </blockquote> <p>Ja. Und zwar ja mit aber.</p> <blockquote> <p>Gunnar B. hat hier im Forum schon mehrfach ein Beispiel zur sprachabhängigen Angabe von Anführungszeichen gebracht, dass ich passenderweise nicht wiederfinde. Ich hab's aber schon einmal selbst wo eingebaut. <code><rumkram /></code> Na bitte.</p> <p>Anführungszeichen für die deutsche Sprache:</p> <pre><code class="block language-css"><span class="token selector">:lang(de)</span> <span class="token punctuation">{</span> <span class="token property">quotes</span><span class="token punctuation">:</span><span class="token string">"\201E"</span> <span class="token string">"\201C"</span> <span class="token string">"\201A"</span> <span class="token string">"\2018"</span><span class="token punctuation">;</span> <span class="token punctuation">}</span> </code></pre> </blockquote> <p>Aber damit "gewinnt" wieder die vom Seitenautor für die jeweilige Sprache präferierte Notation, <a href="https://forum.selfhtml.org/self/2020/apr/09/ist-number-formatting-mit-css-moglich/1768648#m1768648" rel="noopener noreferrer">und nicht die vom Nutzer in seinem locale festgelegte</a>. Wo bleibt da wieder der Wille des Endanwenders? - Genau, auf der Strecke.<br> Dass die Anführungszeichen jetzt nur ein Platzhalter-Beispiel sind, ist mir klar.</p> <p>Solche autorseitigen Festlegungen dürften IMO nur greifen, wenn auf dem Client-System für die entsprechende Sprache nichts festgelegt ist.</p> <p>Live long and <s>pros</s> healthy,<br>  Martin</p> <div class="signature">-- <br> Ich stamme aus Ironien, einem Land am sarkastischen Ozean. </div> https://forum.selfhtml.org/self/2020/apr/09/ist-number-formatting-mit-css-moglich/1768760#m1768760 TS ts-self@online.de https://bitworks.de 2020-04-11T19:40:09Z 2020-04-11T19:41:20Z Ist Number Formatting mit CSS möglich? <p>Hello Auge,</p> <blockquote> <blockquote> <blockquote> <p>Dein Annölziel wäre das W3C. Schreibe einen Draft für das CSS Modul Numeric Formatting Level 1 und reiche ihn ein </p> </blockquote> <p>Wir haben doch inzwischen herausdiskutiert, dass es Aufgabd vom HTML sein müsste. :-)</p> </blockquote> <p>Haben wir das? Ich persönlich halte MudGuards Ansatz, die im HTML-Dokument angegebene Sprache des Dokuments zur Formatierung <em>per CSS</em> zu nutzen, für zielführender. Gunnar B. hat hier im Forum schon mehrfach ein Beispiel zur sprachabhängigen Angabe von Anführungszeichen gebracht, dass ich passenderweise nicht wiederfinde. Ich hab's aber schon einmal selbst wo eingebaut. <code><rumkram /></code> Na bitte.</p> <p>Anführungszeichen für die deutsche Sprache:</p> <pre><code class="block language-css"><span class="token selector">:lang(de)</span> <span class="token punctuation">{</span> <span class="token property">quotes</span><span class="token punctuation">:</span><span class="token string">"\201E"</span> <span class="token string">"\201C"</span> <span class="token string">"\201A"</span> <span class="token string">"\2018"</span><span class="token punctuation">;</span> <span class="token punctuation">}</span> </code></pre> <p>Das ließe sich meiner Meinung nach bestens adaptieren, wenn es denn in CSS passende Eigenschaften gäbe.</p> </blockquote> <p>Sollte CSS wirklich für die Datenstrukturierung zuständig sein? Das sollte doch nach meinem Verständnis HTML tun. CSS kann dan den Aspekt bestimmen, also, ob der Tausenderpunkt rund oder eckig, rot oder grün dargestellt wird. Und wie groß die Zahlen erscheinen.</p> <p>Nach meinem Verständnis sollte der Server die Daten weitestgehend im Rawformat liefern, HTML zeichnet sie aus und strukturiert sie, und CSS übernimmt Form und Farbe.</p> <p>Ob jetzt bereits in der HTML-Schicht mittels Attributen und lokalen Spracheinstellungen entschieden werden sollte, ob es ein Punkt, ein Komma oder ein halbes Leerzeichen sein muss, oder ob CSS did endgültige Darstellung entscheidet, darüber bin ich mif noch nicht ganz im Klaren.</p> <p>Zumindest sollten die Metainformationen (Attribute) auch schon in der reinen HTML-Darstellung, also ohne CSS, zur Verfügung stehen und der Browser sie berücksichtigen.</p> <p>Glück Auf<br> Tom vom Berg</p> <div class="signature">-- <br> Es gibt nichts Gutes, außer man tut es!<br> Das Leben selbst ist der Sinn. </div> https://forum.selfhtml.org/self/2020/apr/09/ist-number-formatting-mit-css-moglich/1768762#m1768762 Gunnar Bittersmann selfhtml@bittersmann.de https://bittersmann.de 2020-04-11T23:22:04Z 2020-04-11T23:22:04Z Ist Number Formatting mit CSS möglich? <p>@@Auge</p> <blockquote> <p>Gunnar B. hat hier im Forum schon mehrfach ein Beispiel zur sprachabhängigen Angabe von Anführungszeichen gebracht, dass ich passenderweise nicht wiederfinde. Ich hab's aber schon einmal selbst wo eingebaut.</p> </blockquote> <p>Seit einiger Zeit schon muss man das nicht mehr selbst einbauen. Die Browser haben das bereits in ihren Browserstylesheets. WebKits und Chromia unterscheiden sogar zwischen Deutschland/Österreich einerseits und der Schweiz andererseits. <a href="https://codepen.io/gunnarbittersmann/pen/XBKwde" rel="noopener noreferrer">Traumhaft</a></p> <p lang="en"> Stay hard! Stay hungry! Stay alive! <strong>Stay home!</strong></p> <div class="signature">-- <br> Home Office ist so frustierend, weil man jetzt noch viel stärker bemerkt mit wievielen Menschen man zu tun hat, die nicht sinnerfassend lesen können. (<a href="https://twitter.com/Grantscheam/status/1247046064504537092" rel="nofollow noopener noreferrer">@Grantscheam</a>) </div> https://forum.selfhtml.org/self/2020/apr/09/ist-number-formatting-mit-css-moglich/1768754#m1768754 MudGuard http://www.andreas-waechter.de/ 2020-04-11T18:49:07Z 2020-04-11T18:49:07Z Ist Number Formatting mit CSS möglich? <p>Hi,</p> <blockquote> <p>Aber damit "gewinnt" wieder die vom Seitenautor für die jeweilige Sprache präferierte Notation, <a href="https://forum.selfhtml.org/self/2020/apr/09/ist-number-formatting-mit-css-moglich/1768648#m1768648" rel="noopener noreferrer">und nicht die vom Nutzer in seinem locale festgelegte</a>. Wo bleibt da wieder der Wille des Endanwenders?</p> </blockquote> <p>in seinem user.css</p> <p>cu,<br> Andreas a/k/a MudGuard</p> https://forum.selfhtml.org/self/2020/apr/09/ist-number-formatting-mit-css-moglich/1768784#m1768784 Auge 2020-04-12T10:27:33Z 2020-04-12T10:27:33Z Ist Number Formatting mit CSS möglich? <p>Hallo</p> <blockquote> <blockquote> <p>Anführungszeichen für die deutsche Sprache:</p> <pre><code class="block language-css"><span class="token selector">:lang(de)</span> <span class="token punctuation">{</span> <span class="token property">quotes</span><span class="token punctuation">:</span><span class="token string">"\201E"</span> <span class="token string">"\201C"</span> <span class="token string">"\201A"</span> <span class="token string">"\2018"</span><span class="token punctuation">;</span> <span class="token punctuation">}</span> </code></pre> </blockquote> <p>Aber damit "gewinnt" wieder die vom Seitenautor für die jeweilige Sprache präferierte Notation, <a href="https://forum.selfhtml.org/self/2020/apr/09/ist-number-formatting-mit-css-moglich/1768648#m1768648" rel="noopener noreferrer">und nicht die vom Nutzer in seinem locale festgelegte</a>. Wo bleibt da wieder der Wille des Endanwenders? - Genau, auf der Strecke.</p> </blockquote> <p>Ich weiß nicht, ob das überhaupt ein Problem ist. Ich gehe davon aus, dass der Browser (vielleicht durch vom System geerbte Regeln) entscheidet, welche Darstellung gewählt wird und nicht der Seitenautor händisch festlegt, wie die Zahlen dargestellt werden. Und selbst wenn das so wäre, na und?</p> <p>Entscheidend ist hier <em>meiner Meinung nach</em> nicht die Präferenz des Seitenbesuchers, sondern die Sprache des Dokuments. Wenn die Sprache deutsch ist (eventuell mit zusätzlicher Angabe des Landes), dann soll die Formatierung der Zahlen auch den Regeln der deutschen Sprache (eventuell mit zusätzlicher Angabe des Landes) folgen.</p> <blockquote> <p>Solche autorseitigen Festlegungen dürften IMO nur greifen, wenn auf dem Client-System für die entsprechende Sprache nichts festgelegt ist.</p> </blockquote> <p>Das dürfte in <em><strong>vielen Fällen</strong></em> der Fall sein.</p> <p>Tschö, Auge</p> <div class="signature">-- <br> Ein echtes Alchimistenlabor musste voll mit Glasgefäßen sein, die so aussahen, als wären sie beim öffentlichen Schluckaufwettbewerb der Glasbläsergilde entstanden.<br> <em>Hohle Köpfe</em> von Terry Pratchett </div> https://forum.selfhtml.org/self/2020/apr/09/ist-number-formatting-mit-css-moglich/1768756#m1768756 Der Martin 2020-04-11T19:01:25Z 2020-04-11T19:01:25Z Ist Number Formatting mit CSS möglich? <p>Hallo,</p> <blockquote> <blockquote> <p>Aber damit "gewinnt" wieder die vom Seitenautor für die jeweilige Sprache präferierte Notation, <a href="https://forum.selfhtml.org/self/2020/apr/09/ist-number-formatting-mit-css-moglich/1768648#m1768648" rel="noopener noreferrer">und nicht die vom Nutzer in seinem locale festgelegte</a>. Wo bleibt da wieder der Wille des Endanwenders?</p> </blockquote> <p>in seinem user.css</p> </blockquote> <p>nope. Auch wenn wir hier nur über hypothetische Geschichten diskutieren: Warum sollte ich Dinge, die ich schon systemweit festgelegt habe, in der Konfiguration einzelner Anwendungen (hier: Browser) nochmal wiederholen? Das passt nicht ins DRY-Prinzip.<br> Applikationen haben sich an systemweite Festlegungen zu halten, auch ohne dass man es jeder einzelnen Applikation extra vorbetet.</p> <p>Live long and <s>pros</s> healthy,<br>  Martin</p> <div class="signature">-- <br> Ich stamme aus Ironien, einem Land am sarkastischen Ozean. </div> https://forum.selfhtml.org/self/2020/apr/09/ist-number-formatting-mit-css-moglich/1768782#m1768782 Auge 2020-04-12T10:22:27Z 2020-04-12T10:22:27Z Ist Number Formatting mit CSS möglich? <p>Hallo</p> <blockquote> <blockquote> <blockquote> <p>Aber damit "gewinnt" wieder die vom Seitenautor für die jeweilige Sprache präferierte Notation, <a href="https://forum.selfhtml.org/self/2020/apr/09/ist-number-formatting-mit-css-moglich/1768648#m1768648" rel="noopener noreferrer">und nicht die vom Nutzer in seinem locale festgelegte</a>. Wo bleibt da wieder der Wille des Endanwenders?</p> </blockquote> <p>in seinem user.css</p> </blockquote> <p>nope. Auch wenn wir hier nur über hypothetische Geschichten diskutieren: Warum sollte ich Dinge, die ich schon systemweit festgelegt habe, in der Konfiguration einzelner Anwendungen (hier: Browser) nochmal wiederholen? Das passt nicht ins DRY-Prinzip.<br> Applikationen haben sich an systemweite Festlegungen zu halten, auch ohne dass man es jeder einzelnen Applikation extra vorbetet.</p> </blockquote> <p>Wer bitte ändert sein Browserstylesheet oder legt sich ein explizites user.css? Es wäre aber überhaupt kein Problem, den Browser diese Angabe vom System übernehmen, quasi erben zu lassen.</p> <p>Tschö, Auge</p> <div class="signature">-- <br> Ein echtes Alchimistenlabor musste voll mit Glasgefäßen sein, die so aussahen, als wären sie beim öffentlichen Schluckaufwettbewerb der Glasbläsergilde entstanden.<br> <em>Hohle Köpfe</em> von Terry Pratchett </div> https://forum.selfhtml.org/self/2020/apr/09/ist-number-formatting-mit-css-moglich/1768764#m1768764 Matthias Apsel matthias.apsel@selfhtml.org https://brückentage.info 2020-04-12T05:33:07Z 2020-04-12T05:33:07Z Ist Number Formatting mit CSS möglich? <p>Hallo Gunnar Bittersmann,</p> <blockquote> <p><a href="https://codepen.io/gunnarbittersmann/pen/XBKwde" rel="noopener noreferrer">Traumhaft</a></p> </blockquote> <p><em lang="fr">En français de France, les guillemets sont comptés comme des ponctuations hautes, et en tant que telles appellent l’usage d’espaces insécables après le guillemet ouvrant et avant le guillemet fermant.</em></p> <p><a href="/images/54023ec0-7c7e-11ea-8002-b42e9947ef30.png" rel="noopener noreferrer"><img src="/images/54023ec0-7c7e-11ea-8002-b42e9947ef30.png?size=medium" alt="Screenshot Codepens Firefox und Edge im Vergleich - Leerzeichen im Französischen" loading="lazy"></a></p> <p>Der Edge (unten) macht es richtig, Firefox nicht.</p> <p>Bis demnächst<br> Matthias</p> <div class="signature">-- <br> Du kannst das Projekt SELFHTML unterstützen,<br> indem du bei Amazon-Einkäufen <a href="https://smile.amazon.de/ch/314-570-45498" rel="nofollow noopener noreferrer">Amazon smile</a> (<a href="https://www.amazon.de/gp/help/customer/display.html?ie=UTF8&nodeId=202035970%5D" rel="nofollow noopener noreferrer">Was ist das?</a>) nutzt. </div> https://forum.selfhtml.org/self/2020/apr/09/ist-number-formatting-mit-css-moglich/1768765#m1768765 Gunnar Bittersmann selfhtml@bittersmann.de https://bittersmann.de 2020-04-12T06:30:33Z 2020-04-12T06:30:33Z Ist Number Formatting mit CSS möglich? <p>@@Matthias Apsel</p> <blockquote> <p>Der Edge (unten) macht es richtig</p> </blockquote> <p>Von welchem Edge sprichst du? EdgeHTML-Edge oder Chromium-Edge?</p> <p>Edge auf macOS macht es genauso wie alle anderen falsch.</p> <p>Edge auf macOS setzt auch genauso wie Chrome fürs Niederländische <strong>“”</strong> (Default?) anstatt <strong>„”</strong>.<br> Firefox setzt <strong>‘’</strong>.</p> <p lang="en"> Stay hard! Stay hungry! Stay alive! <strong>Stay home!</strong></p> <div class="signature">-- <br> Home Office ist so frustierend, weil man jetzt noch viel stärker bemerkt mit wievielen Menschen man zu tun hat, die nicht sinnerfassend lesen können. (<a href="https://twitter.com/Grantscheam/status/1247046064504537092" rel="nofollow noopener noreferrer">@Grantscheam</a>) </div> https://forum.selfhtml.org/self/2020/apr/09/ist-number-formatting-mit-css-moglich/1768768#m1768768 Matthias Apsel matthias.apsel@selfhtml.org https://brückentage.info 2020-04-12T06:50:30Z 2020-04-12T06:50:30Z Ist Number Formatting mit CSS möglich? <p>Hallo Gunnar Bittersmann,</p> <blockquote> <p>Von welchem Edge sprichst du? EdgeHTML-Edge oder Chromium-Edge?</p> </blockquote> <p>EdgeHTML 18.18363</p> <p>Bis demnächst<br> Matthias</p> <div class="signature">-- <br> Du kannst das Projekt SELFHTML unterstützen,<br> indem du bei Amazon-Einkäufen <a href="https://smile.amazon.de/ch/314-570-45498" rel="nofollow noopener noreferrer">Amazon smile</a> (<a href="https://www.amazon.de/gp/help/customer/display.html?ie=UTF8&nodeId=202035970%5D" rel="nofollow noopener noreferrer">Was ist das?</a>) nutzt. </div> https://forum.selfhtml.org/self/2020/apr/09/ist-number-formatting-mit-css-moglich/1768770#m1768770 Der Martin 2020-04-12T08:04:48Z 2020-04-12T08:04:48Z Ist Number Formatting mit CSS möglich? <p>Moin,</p> <blockquote> <blockquote> <p>und das ist, soweit ich das erkenne, wieder nur mit Javascript möglich</p> </blockquote> <p><a href="https://codepen.io/gunnarbittersmann/pen/zYvGYyG" lang="en" rel="noopener noreferrer">Hold my beer.</a></p> </blockquote> <p>und inwiefern trägt das nun der Tatsache Rechnung, dass mein locale das Datum im ISO-Format vorsieht, und Zahlen nicht mit einem Punkt, sondern einem \xA0 als Tausender-Trennzeichen? Davon weiß das Intl-Object anscheinend nichts. Andere Anwendungen (Fateimanager, Mailclient, sogar die Konsole) aber schon ...<br> Aaah, du hast locale fest auf "de" gesetzt. Mal eben auf en_DE geändert ... Okay, das sieht schon besser aus! Jetzt müsste man nur noch das tatsächlich auf dem System verwendete locale abfragen (können).</p> <p>Aber eben doch nur mit JS. </p> <blockquote> <pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>span</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>visually-hidden<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>121045<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>span</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>span</span> <span class="token attr-name">aria-hidden</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>true<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>121.045<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>span</span><span class="token punctuation">></span></span> </code></pre> <p>(mit den bekannten CSS-Angaben fürs <a href="https://a11yproject.com/posts/how-to-hide-content/" rel="nofollow noopener noreferrer">visuelle Verstecken</a>)</p> </blockquote> <p>Doppelten Content? Und das schlägst ausgerechnet du vor? Ich bin enttäuscht. DRY!</p> <p>Live long and <s>pros</s> healthy,<br>  Martin</p> <div class="signature">-- <br> Ich stamme aus Ironien, einem Land am sarkastischen Ozean. </div> https://forum.selfhtml.org/self/2020/apr/09/ist-number-formatting-mit-css-moglich/1768780#m1768780 Gunnar Bittersmann selfhtml@bittersmann.de https://bittersmann.de 2020-04-12T10:03:05Z 2020-04-12T16:15:39Z Ist Number Formatting mit CSS möglich? <p>@@Gunnar Bittersmann</p> <blockquote> <p><a href="https://codepen.io/gunnarbittersmann/pen/zYvGYyG" lang="en" rel="noopener noreferrer">Hold my beer.</a></p> </blockquote> <p>Pils, Alt, Weizen, Ale, Kölsch (ist das Bier?), Dunkles, Lager, … – für jeden Geschmack was dabei:</p> <table> <thead> <tr> <th style="text-align:left">Locale</th> <th style="text-align:right">Darstellung</th> <th style="text-align:left">Anmerkung</th> </tr> </thead> <tbody> <tr> <td style="text-align:left">de</td> <td style="text-align:right">121.045</td> <td style="text-align:left">entspricht wohl de-DE</td> </tr> <tr> <td style="text-align:left">de-AT</td> <td style="text-align:right">121 045</td> <td style="text-align:left"></td> </tr> <tr> <td style="text-align:left">de-BE</td> <td style="text-align:right">121.045</td> <td style="text-align:left"></td> </tr> <tr> <td style="text-align:left">de-CH</td> <td style="text-align:right">121’045</td> <td style="text-align:left"></td> </tr> <tr> <td style="text-align:left">de-DE</td> <td style="text-align:right">121.045</td> <td style="text-align:left">wie de</td> </tr> <tr> <td style="text-align:left">de-LI</td> <td style="text-align:right">121’045</td> <td style="text-align:left">wie de-CH</td> </tr> </tbody> </table> <p>Das Datumsformat ist bei allen <code>de-*</code>-Locales gleich: 10.4.2020.</p> <p>Anders bei <code>en-*</code>, da ist das Zahlenformat gleich: 121,045. Aber das Datumsformat unterschiedlich:</p> <table> <thead> <tr> <th style="text-align:left">Locale</th> <th style="text-align:right">Darstellung</th> <th style="text-align:left">Anmerkung</th> </tr> </thead> <tbody> <tr> <td style="text-align:left">en</td> <td style="text-align:right">4/8/2020</td> <td style="text-align:left">entspricht wohl en-US</td> </tr> <tr> <td style="text-align:left">en-AU</td> <td style="text-align:right">08/04/2020</td> <td style="text-align:left"></td> </tr> <tr> <td style="text-align:left">en-CA</td> <td style="text-align:right">2020-04-08</td> <td style="text-align:left">Die Kanadier sind so schlau‽</td> </tr> <tr> <td style="text-align:left">en-GB</td> <td style="text-align:right">08/04/2020</td> <td style="text-align:left"></td> </tr> <tr> <td style="text-align:left">en-NZ</td> <td style="text-align:right">8/04/2020</td> <td style="text-align:left"></td> </tr> <tr> <td style="text-align:left">en-US</td> <td style="text-align:right">4/8/2020</td> <td style="text-align:left">wie en</td> </tr> <tr> <td style="text-align:left">en-ZA</td> <td style="text-align:right">2020/04/08</td> <td style="text-align:left"></td> </tr> </tbody> </table> <p lang="en"> Stay hard! Stay hungry! Stay alive! <strong>Stay home!</strong></p> <div class="signature">-- <br> Home Office ist so frustierend, weil man jetzt noch viel stärker bemerkt mit wievielen Menschen man zu tun hat, die nicht sinnerfassend lesen können. (<a href="https://twitter.com/Grantscheam/status/1247046064504537092" rel="nofollow noopener noreferrer">@Grantscheam</a>) </div> https://forum.selfhtml.org/self/2020/apr/09/ist-number-formatting-mit-css-moglich/1768769#m1768769 Gunnar Bittersmann selfhtml@bittersmann.de https://bittersmann.de 2020-04-12T07:18:31Z 2020-04-12T07:18:31Z Ist Number Formatting mit CSS möglich? <p>@@Matthias Apsel</p> <p>Eine weitere Stelle, wo EdgeHTML besser war als Chromium, und es die Edge-Entwickler (noch) nicht geschafft haben, das in Chromium rüberzuretten.</p> <p lang="en"> Stay hard! Stay hungry! Stay alive! <strong>Stay home!</strong></p> <div class="signature">-- <br> Home Office ist so frustierend, weil man jetzt noch viel stärker bemerkt mit wievielen Menschen man zu tun hat, die nicht sinnerfassend lesen können. (<a href="https://twitter.com/Grantscheam/status/1247046064504537092" rel="nofollow noopener noreferrer">@Grantscheam</a>) </div> https://forum.selfhtml.org/self/2020/apr/09/ist-number-formatting-mit-css-moglich/1768772#m1768772 Matthias Apsel matthias.apsel@selfhtml.org https://brückentage.info 2020-04-12T08:38:45Z 2020-04-12T08:38:45Z Ist Number Formatting mit CSS möglich? <p>Hallo Der Martin,</p> <blockquote> <blockquote> <pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>span</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>visually-hidden<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>121045<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>span</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>span</span> <span class="token attr-name">aria-hidden</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>true<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>121.045<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>span</span><span class="token punctuation">></span></span> </code></pre> </blockquote> <p>Doppelten Content? Und das schlägst ausgerechnet du vor? Ich bin enttäuscht. DRY!</p> </blockquote> <p>Im Quelltext steht ja nur <code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>span</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>number<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>121045<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>span</span><span class="token punctuation">></span></span></code>. Oder meinst du,</p> <pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>span</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>number<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>121<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>span</span> <span class="token attr-name">aria-hidden</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>true<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>.<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>span</span><span class="token punctuation">></span></span>045<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>span</span><span class="token punctuation">></span></span> </code></pre> <p>sei sinnvoller?</p> <p>Bis demnächst<br> Matthias</p> <div class="signature">-- <br> Du kannst das Projekt SELFHTML unterstützen,<br> indem du bei Amazon-Einkäufen <a href="https://smile.amazon.de/ch/314-570-45498" rel="nofollow noopener noreferrer">Amazon smile</a> (<a href="https://www.amazon.de/gp/help/customer/display.html?ie=UTF8&nodeId=202035970%5D" rel="nofollow noopener noreferrer">Was ist das?</a>) nutzt. </div> https://forum.selfhtml.org/self/2020/apr/09/ist-number-formatting-mit-css-moglich/1768773#m1768773 Gunnar Bittersmann selfhtml@bittersmann.de https://bittersmann.de 2020-04-12T08:39:02Z 2020-04-12T08:41:47Z Ist Number Formatting mit CSS möglich? <p>@@Der Martin</p> <blockquote> <p>und inwiefern trägt das nun der Tatsache Rechnung, dass mein locale das Datum im ISO-Format vorsieht, und Zahlen nicht mit einem Punkt, sondern einem \xA0 als Tausender-Trennzeichen? Davon weiß das Intl-Object anscheinend nichts. […]</p> <p>Jetzt müsste man nur noch das tatsächlich auf dem System verwendete locale abfragen (können).</p> </blockquote> <p>Yep. Das wäre in der Tat nützlich. Nicht gleiche Formatierung für alle, sondern jedem Nutzer seine bevorzugte.</p> <p>Keine Ahnung, wie/ob man mit JavaScript an die Einstellungen des OS rankommt (bzw. die des Browsers, und ob der Browser die vom OS übernimmt).</p> <blockquote> <blockquote> <pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>span</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>visually-hidden<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>121045<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>span</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>span</span> <span class="token attr-name">aria-hidden</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>true<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>121.045<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>span</span><span class="token punctuation">></span></span> </code></pre> </blockquote> <p>Doppelten Content? Und das schlägst ausgerechnet du vor? Ich bin enttäuscht. DRY!</p> </blockquote> <p><em>Ich</em> wiederhole mich nicht. Die Daten sind ja jeweils nur einmal vorhanden:<br> <code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>td</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>number<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>121045<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>td</span><span class="token punctuation">></span></span></code>.</p> <p>Die Verdopplung erfolgt durch eine Automatik. Wie willst du verschiedene Repräsentationen (visiuelle, Screenreader) sonst erreichen, wenn nicht durch Aufarbeitung der Daten, d.h. Verdopplung?</p> <p lang="en"> Stay hard! Stay hungry! Stay alive! <strong>Stay home!</strong></p> <div class="signature">-- <br> Home Office ist so frustierend, weil man jetzt noch viel stärker bemerkt mit wievielen Menschen man zu tun hat, die nicht sinnerfassend lesen können. (<a href="https://twitter.com/Grantscheam/status/1247046064504537092" rel="nofollow noopener noreferrer">@Grantscheam</a>) </div> https://forum.selfhtml.org/self/2020/apr/09/ist-number-formatting-mit-css-moglich/1768774#m1768774 Der Martin 2020-04-12T08:51:08Z 2020-04-12T08:51:08Z Ist Number Formatting mit CSS möglich? <p>Hallo Gunnar,</p> <blockquote> <blockquote> <p>Jetzt müsste man nur noch das tatsächlich auf dem System verwendete locale abfragen (können).</p> </blockquote> <p>Yep. Das wäre in der Tat nützlich. Nicht gleiche Formatierung für alle, sondern jedem Nutzer seine bevorzugte.</p> <p>Keine Ahnung, wie/ob man mit JavaScript an die Einstellungen des OS rankommt (bzw. die des Browsers, und ob der Browser die vom OS übernimmt).</p> </blockquote> <p>ich habe dazu vorhin schon die Suchmaschine meiner Wahl befragt, aber mit ein paar Minuten Stöbern auch nichts in der Richtung gefunden.</p> <blockquote> <blockquote> <p>Doppelten Content? Und das schlägst ausgerechnet du vor? Ich bin enttäuscht. DRY!</p> </blockquote> <p><em>Ich</em> wiederhole mich nicht. Die Daten sind ja jeweils nur einmal vorhanden:<br> <code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>td</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>number<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>121045<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>td</span><span class="token punctuation">></span></span></code>.</p> <p>Die Verdopplung erfolgt durch eine Automatik.</p> </blockquote> <p>.. die aber in deinem Beispielscript nicht drin ist? Habe ich jedenfalls nicht gesehen.</p> <blockquote> <p>Wie willst du verschiedene Repräsentationen (visiuelle, Screenreader) sonst erreichen, wenn nicht durch Aufarbeitung der Daten, d.h. Verdopplung?</p> </blockquote> <p>Ich frage mich gerade, ob Screenreader Zahlen (auch Datums- und Zeitangaben) nicht automatisch korrekt (localized) vorlesen, wenn sie im lokal üblichen Format notiert sind. Dann wäre die Doppelung gar nicht nötig.<br> Aber das ist, wie ich kürzlich schon einmal festgestellt habe, nicht meine Baustelle. Muss sie auch nicht. Das sollen die wissen, die es auch umsetzen.</p> <p>Live long and <s>pros</s> healthy,<br>  Martin</p> <div class="signature">-- <br> Ich stamme aus Ironien, einem Land am sarkastischen Ozean. </div> https://forum.selfhtml.org/self/2020/apr/09/ist-number-formatting-mit-css-moglich/1768807#m1768807 Gunnar Bittersmann selfhtml@bittersmann.de https://bittersmann.de 2020-04-12T16:41:28Z 2020-04-12T16:41:28Z Ist Number Formatting mit CSS möglich? <p>@@Gunnar Bittersmann</p> <blockquote> <blockquote> <p>Jetzt müsste man nur noch das tatsächlich auf dem System verwendete locale abfragen (können).</p> </blockquote> <p>Yep. Das wäre in der Tat nützlich. Nicht gleiche Formatierung für alle, sondern jedem Nutzer seine bevorzugte.</p> <p>Keine Ahnung, wie/ob man mit JavaScript an die Einstellungen des OS rankommt (bzw. die des Browsers, und ob der Browser die vom OS übernimmt).</p> </blockquote> <p>Jetzt ja.</p> <p>☞ <a href="https://forum.selfhtml.org/self/2020/apr/09/ist-number-formatting-mit-css-moglich/1768806#m1768806" rel="noopener noreferrer">Abkürzung</a></p> <p lang="en"> Stay hard! Stay hungry! Stay alive! <strong>Stay home!</strong></p> <div class="signature">-- <br> Home Office ist so frustierend, weil man jetzt noch viel stärker bemerkt mit wievielen Menschen man zu tun hat, die nicht sinnerfassend lesen können. (<a href="https://twitter.com/Grantscheam/status/1247046064504537092" rel="nofollow noopener noreferrer">@Grantscheam</a>) </div> https://forum.selfhtml.org/self/2020/apr/09/ist-number-formatting-mit-css-moglich/1768775#m1768775 Matthias Apsel matthias.apsel@selfhtml.org https://brückentage.info 2020-04-12T08:53:42Z 2020-04-12T08:53:42Z Ist Number Formatting mit CSS möglich? <p>Hallo Der Martin,</p> <blockquote> <blockquote> <p>Die Verdopplung erfolgt durch eine Automatik.</p> </blockquote> <p>.. die aber in deinem Beispielscript nicht drin ist? Habe ich jedenfalls nicht gesehen.</p> </blockquote> <pre><code class="block language-js"><span class="token keyword">for</span> <span class="token punctuation">(</span><span class="token keyword">let</span> element <span class="token keyword">of</span> document<span class="token punctuation">.</span><span class="token function">querySelectorAll</span><span class="token punctuation">(</span><span class="token string">'.number'</span><span class="token punctuation">)</span><span class="token punctuation">)</span> <span class="token punctuation">{</span> <span class="token keyword">const</span> value <span class="token operator">=</span> <span class="token function">parseFloat</span><span class="token punctuation">(</span>element<span class="token punctuation">.</span>textContent<span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token keyword">if</span> <span class="token punctuation">(</span><span class="token operator">!</span>Number<span class="token punctuation">.</span><span class="token function">isNaN</span><span class="token punctuation">(</span>value<span class="token punctuation">)</span><span class="token punctuation">)</span> <span class="token punctuation">{</span> element<span class="token punctuation">.</span>innerHTML <span class="token operator">=</span> <span class="token template-string"><span class="token template-punctuation string">`</span><span class="token string"> <span class="visually-hidden"></span><span class="token interpolation"><span class="token interpolation-punctuation punctuation">${</span>value<span class="token interpolation-punctuation punctuation">}</span></span><span class="token string"></span> <span aria-hidden="true"></span><span class="token interpolation"><span class="token interpolation-punctuation punctuation">${</span><span class="token keyword">new</span> <span class="token class-name">Intl<span class="token punctuation">.</span>NumberFormat</span><span class="token punctuation">(</span>locale<span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">format</span><span class="token punctuation">(</span>value<span class="token punctuation">)</span><span class="token interpolation-punctuation punctuation">}</span></span><span class="token string"></span> </span><span class="token template-punctuation string">`</span></span><span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token punctuation">}</span> </code></pre> <p>Bis demnächst<br> Matthias</p> <div class="signature">-- <br> Du kannst das Projekt SELFHTML unterstützen,<br> indem du bei Amazon-Einkäufen <a href="https://smile.amazon.de/ch/314-570-45498" rel="nofollow noopener noreferrer">Amazon smile</a> (<a href="https://www.amazon.de/gp/help/customer/display.html?ie=UTF8&nodeId=202035970%5D" rel="nofollow noopener noreferrer">Was ist das?</a>) nutzt. </div> https://forum.selfhtml.org/self/2020/apr/09/ist-number-formatting-mit-css-moglich/1768781#m1768781 Gunnar Bittersmann selfhtml@bittersmann.de https://bittersmann.de 2020-04-12T10:16:47Z 2020-04-12T10:16:47Z Ist Number Formatting mit CSS möglich? <p>@@Der Martin</p> <blockquote> <blockquote> <blockquote> <p>Jetzt müsste man nur noch das tatsächlich auf dem System verwendete locale abfragen (können).</p> </blockquote> <p>Keine Ahnung, wie/ob man mit JavaScript an die Einstellungen des OS rankommt (bzw. die des Browsers, und ob der Browser die vom OS übernimmt).</p> </blockquote> <p>ich habe dazu vorhin schon die Suchmaschine meiner Wahl befragt, aber mit ein paar Minuten Stöbern auch nichts in der Richtung gefunden.</p> </blockquote> <p>Beim Rumprobieren bin ich zufällig auf folgendes gestoßen:</p> <table> <thead> <tr> <th style="text-align:left">Locale</th> <th style="text-align:right">Datum</th> <th style="text-align:right">Zahl</th> </tr> </thead> <tbody> <tr> <td style="text-align:left">x</td> <td style="text-align:right">2020-04-08</td> <td style="text-align:right">110698</td> </tr> <tr> <td style="text-align:left">xx</td> <td style="text-align:right">8.4.2020</td> <td style="text-align:right">110.698</td> </tr> <tr> <td style="text-align:left">xxx</td> <td style="text-align:right">8.4.2020</td> <td style="text-align:right">110.698</td> </tr> <tr> <td style="text-align:left">xxxx</td> <td style="text-align:right">2020-04-08</td> <td style="text-align:right">110698</td> </tr> </tbody> </table> <p>Bei ein- und vierbuchstabigen (ungültigen?) Locales wird nicht umformatiert.</p> <p>Bei zwei- und dreibuchstabigen unbekannten(?) Locales wird deutsch formatiert. Jedenfalls bei mir. Wirkt hier die Locale vom Betriebssystem?</p> <p lang="en"> Stay hard! Stay hungry! Stay alive! <strong>Stay home!</strong></p> <div class="signature">-- <br> Home Office ist so frustierend, weil man jetzt noch viel stärker bemerkt mit wievielen Menschen man zu tun hat, die nicht sinnerfassend lesen können. (<a href="https://twitter.com/Grantscheam/status/1247046064504537092" rel="nofollow noopener noreferrer">@Grantscheam</a>) </div> https://forum.selfhtml.org/self/2020/apr/09/ist-number-formatting-mit-css-moglich/1768785#m1768785 Der Martin 2020-04-12T10:34:22Z 2020-04-12T10:34:22Z Ist Number Formatting mit CSS möglich? <p>Hallo,</p> <blockquote> <p>Beim Rumprobieren bin ich zufällig auf folgendes gestoßen:</p> <table> <thead> <tr> <th style="text-align:left">Locale</th> <th style="text-align:right">Datum</th> <th style="text-align:right">Zahl</th> </tr> </thead> <tbody> <tr> <td style="text-align:left">x</td> <td style="text-align:right">2020-04-08</td> <td style="text-align:right">110698</td> </tr> <tr> <td style="text-align:left">xx</td> <td style="text-align:right">8.4.2020</td> <td style="text-align:right">110.698</td> </tr> <tr> <td style="text-align:left">xxx</td> <td style="text-align:right">8.4.2020</td> <td style="text-align:right">110.698</td> </tr> <tr> <td style="text-align:left">xxxx</td> <td style="text-align:right">2020-04-08</td> <td style="text-align:right">110698</td> </tr> </tbody> </table> <p>Bei ein- und vierbuchstabigen (ungültigen?) Locales wird nicht umformatiert.</p> </blockquote> <p>das kann ich bestätigen.</p> <blockquote> <p>Bei zwei- und dreibuchstabigen unbekannten(?) Locales wird deutsch formatiert.</p> </blockquote> <p>Das jedoch nicht.</p> <blockquote> <p>Wirkt hier die Locale vom Betriebssystem?</p> </blockquote> <p>Nur teilweise. Bei <em>xx</em> und <em>xxx</em> bekomme ich ein britisches Datum (10/04/2020) und Zahlen mit einem Punkt als Tausender-Trennzeichen. Das passt zu en_GB, und das nimmt mein Firefox (bzw. Pale Moon, die sind sich einig) wohl als Default.<br> Die Systemeinstellung wäre aber en_DE (selbstgebaut) mit 2020-04-10 und einem NBSP als Tausender-Trennzeichen.</p> <p>Da pupst also noch irgendwas anderes dazwischen.</p> <p>Live long and <s>pros</s> healthy,<br>  Martin</p> <div class="signature">-- <br> Ich stamme aus Ironien, einem Land am sarkastischen Ozean. </div> https://forum.selfhtml.org/self/2020/apr/09/ist-number-formatting-mit-css-moglich/1768786#m1768786 Der Martin 2020-04-12T10:49:00Z 2020-04-12T10:49:00Z Ist Number Formatting mit CSS möglich? <p>Hi Gunnar,</p> <blockquote> <p>Beim Rumprobieren bin ich zufällig auf folgendes gestoßen:</p> </blockquote> <p>solange du nicht Rum probierst, ist alles gut. :-)</p> <blockquote> <p>Bei zwei- und dreibuchstabigen unbekannten(?) Locales wird deutsch formatiert. Jedenfalls bei mir. Wirkt hier die Locale vom Betriebssystem?</p> </blockquote> <p>Zufällig beim Probieren festgestellt: Gib als locale einen Leerstring an, dann wirken die korrekten systemweiten Einstellungen. Zumindest bei mir.</p> <p>Live long and <s>pros</s> healthy,<br>  Martin</p> <div class="signature">-- <br> Ich stamme aus Ironien, einem Land am sarkastischen Ozean. </div> https://forum.selfhtml.org/self/2020/apr/09/ist-number-formatting-mit-css-moglich/1769034#m1769034 TS ts-self@online.de https://bitworks.de 2020-04-16T06:34:35Z 2020-04-16T06:34:35Z Ist Number Formatting mit CSS möglich? <p>Hello <a href="/users/475" class="mention registered-user" rel="noopener noreferrer">@Der Martin</a>,<br> hello <a href="/users/20" class="mention registered-user" rel="noopener noreferrer">@Gunnar Bittersmann</a>,</p> <p>wenn Ihr beide euch nun schon mal did Zeif nehmt, in did Tiefe zu gucken, dann versucht doch bitte auch, die Rahmenbedingungen herauszufinden.</p> <ul> <li>welches OS</li> <li>welche Distribution</li> <li>welche Landeseinstellungen für Sprache und Tastatur</li> <li>welche Browserversion</li> <li>welche Landeseinstellungen</li> <li>•••</li> </ul> <p>Mir fehlt dafür leider die Expertise, aber dann wären Eure Forschungen wirklich Gold wert ;-)</p> <p>Ich lese Euch jedenfalls sehr interessiert mit.</p> <blockquote> <blockquote> <p>Beim Rumprobieren bin ich zufällig auf folgendes gestoßen:</p> <table> <thead> <tr> <th style="text-align:left">Locale</th> <th style="text-align:right">Datum</th> <th style="text-align:right">Zahl</th> </tr> </thead> <tbody> <tr> <td style="text-align:left">x</td> <td style="text-align:right">2020-04-08</td> <td style="text-align:right">110698</td> </tr> <tr> <td style="text-align:left">xx</td> <td style="text-align:right">8.4.2020</td> <td style="text-align:right">110.698</td> </tr> <tr> <td style="text-align:left">xxx</td> <td style="text-align:right">8.4.2020</td> <td style="text-align:right">110.698</td> </tr> <tr> <td style="text-align:left">xxxx</td> <td style="text-align:right">2020-04-08</td> <td style="text-align:right">110698</td> </tr> </tbody> </table> <p>Bei ein- und vierbuchstabigen (ungültigen?) Locales wird nicht umformatiert.</p> </blockquote> <p>das kann ich bestätigen.</p> <blockquote> <p>Bei zwei- und dreibuchstabigen unbekannten(?) Locales wird deutsch formatiert.</p> </blockquote> <p>Das jedoch nicht.</p> <blockquote> <p>Wirkt hier die Locale vom Betriebssystem?</p> </blockquote> <p>Nur teilweise. Bei <em>xx</em> und <em>xxx</em> bekomme ich ein britisches Datum (10/04/2020) und Zahlen mit einem Punkt als Tausender-Trennzeichen. Das passt zu en_GB, und das nimmt mein Firefox (bzw. Pale Moon, die sind sich einig) wohl als Default.<br> Die Systemeinstellung wäre aber en_DE (selbstgebaut) mit 2020-04-10 und einem NBSP als Tausender-Trennzeichen.</p> <p>Da pupst also noch irgendwas anderes dazwischen.</p> <p>Live long and <s>pros</s> healthy,<br>  Martin</p> </blockquote> <p>Glück Auf<br> Tom vom Berg</p> <div class="signature">-- <br> Es gibt nichts Gutes, außer man tut es!<br> Das Leben selbst ist der Sinn. </div> https://forum.selfhtml.org/self/2020/apr/09/ist-number-formatting-mit-css-moglich/1768806#m1768806 Gunnar Bittersmann selfhtml@bittersmann.de https://bittersmann.de 2020-04-12T16:38:37Z 2020-04-12T16:38:37Z Ist Number Formatting mit CSS möglich? <p>@@Der Martin</p> <blockquote> <blockquote> <p>Bei zwei- und dreibuchstabigen unbekannten(?) Locales wird deutsch formatiert. Jedenfalls bei mir. Wirkt hier die Locale vom Betriebssystem?</p> </blockquote> <p>Zufällig beim Probieren festgestellt: Gib als locale einen Leerstring an, dann wirken die korrekten systemweiten Einstellungen. Zumindest bei mir.</p> </blockquote> <p>Bei mir nicht. Jedenfalls nicht auf CodePen; da wird ein <em lang="en">Uncaught RangeError: Incorrect locale information provided</em> gemeldet.</p> <p>Was aber geht: <code class="language-js"><span class="token keyword">const</span> locale <span class="token operator">=</span> <span class="token keyword">undefined</span><span class="token punctuation">;</span></code> (was dem Aufruf von <code class="language-js">Intl<span class="token punctuation">.</span><span class="token function">NumberFormat</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">format</span><span class="token punctuation">(</span>value<span class="token punctuation">)</span></code> ohne Locale-Parameter entspricht.</p> <p>Und das hab ich auch in der Spec gefunden: <a href="https://tc39.es/ecma402/#sec-defaultlocale" rel="nofollow noopener noreferrer">DefaultLocale ()</a>: <em lang="en">“… locale identifier for the <strong>host environment</strong>'s current locale.”</em> </p> <p>Vielleicht steht das Verhalten bei grammatikalisch korrekten, aber nicht sinnvollen Locale-Angaben wie <code>xx</code> und <code>xxx</code> da auch irgendwo beschrieben.</p> <p lang="en"> Stay hard! Stay hungry! Stay alive! <strong>Stay home!</strong></p> <div class="signature">-- <br> Home Office ist so frustierend, weil man jetzt noch viel stärker bemerkt mit wievielen Menschen man zu tun hat, die nicht sinnerfassend lesen können. (<a href="https://twitter.com/Grantscheam/status/1247046064504537092" rel="nofollow noopener noreferrer">@Grantscheam</a>) </div>