HTML [Tipp] Tabulatoren in Strings...

[Norbert]

Tabulatoren in Strings...

...sind im Konzept von HTML nicht vorgesehen. Sie werden, auch wenn es mehrere sind, immer nur als ein Leerzeichen interpretiert.

Eine Menge   einzufügen ist einerseits unschön und andererseits stimmen die Anfangspositionen von untereinander stehenden Strings bei den meist verwendeten Proportionalschriften oft nicht überein.

Nun hatte ich kürzlich wieder so einen Fall, wo mir eine Änderung des Codes, um aus einem einzigen String eine Tabelle zu machen, viel zu aufwendig war. Außerdem wären noch zusätzliche Formatierungen (CSS) notwendig gewesen, damit das Layout wieder stimmt. Also wäre hier die Möglichkeit, Tabulatoren einzufügen, wünschenswert und sinnvoll.

Da diese Frage wohl ein Dauerthema und schon in vielen Foren aufgetaucht ist, hier die Lösung:

<p>Text<span style="white-space:pre">&#9;</span>Text</p> 

Stimmt die Anfangsposition dabei noch nicht ganz, können den Tabulatoren natürlich auch noch so viele Leerzeichen ( ) angefügt werden, bis die Sache passt.

Profis werden das sicher schon kennen oder sowieso anders machen, aber für mich war diese Lösung top und ohne Aufwand und Schnickschnack ruckzuck umgesetzt.

In den Beispielbildern ist links die ursprüngliche Tabellenüberschrift "Exportwaren und Verbote" zu sehen, und rechts im Javascript mit Tabs und Leerzeichen angepasst.
Auszug:

// Tabulatoren mitten im Text einfügen: <div>'Text' + tabs + 'Text'</div>
var tabs = '<span style="white-space:pre">&#9,&#9,&#9,&#9,&#9,&#9,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>';

zeile3 = '<div id="content"><table style="width: 100%;"><tr><td>System</td><td>&nbsp;Exportwaren' + tabs + 'Verbote</td><td style="text-align: center;">Versor<br />gung</td><td style="text-align: center;">Sicher<br />heit</td><td style="text-align: center;">Tech-<br />Level</td></tr>'; 

Mist, das funktioniert ja sogar hier in den HTML-, PHP- und CODE-Tags vom BB-Code. Selbst ohne Box im normalen Text nutzt der noparse-Tag nichts!
Um das also darstellen zu können, habe ich das nach &#9 stehende Semikolon im Beispiel durch ein Komma ersetzt. Das soll also ein Semikolon sein! In der ersten Box wird der Code zwar dargestellt, wird aber beim Klick auf Vorschau oder beim nächsten Bearbeiten des Beitrags wieder umgewandelt.

ot:
PS: Die Funktion zum Hochladen der Dateien ist grausam, Stichwort Reihenfolge usw. Kann das denn nicht mal endlich geändert werden?

[Threepwood]

Profis werden das sicher schon kennen oder sowieso anders machen

Der Vollständigkeit halber würden die "Verbote" bei mir dann eine eigene Spalte bekommen, wenn nicht sogar einen eigenen Div-Container.

ot:
Mal abgesehen davon, das Threadpräfix "PHP" ist doch nicht wirklich richtig..

[Norbert]

eine eigene Spalte

Jo, so wollte ich es auch zuerst machen. Die nachträgliche Änderung war mir dann aber zu viel Aufwand nur wegen diesem einen String.
Ergo: Mal eben fix die "quick and dirty"* Lösung angewendet und sie funktioniert genauso, wie ich es haben wollte.
Mal sehen, sollte ich irgendwann mal noch größere Erweiterungen dort einbauen wollen, kann ich das ja nebenbei mit erledigen.

ot:
Das Threadpräfix "HTML" hätte ja auch nicht so recht gepasst, man muss halt nehmen, was da ist.
Richtig wäre "Javascript in HTML" oder wenigstens nur "Javascript", aber das gibt es hier (noch) nicht.

*Sogar Bill Gates kannte sich damit aus; Beispiel: CP/M geklaut und mal eben fix für den IBM-PC umgestrickt... nannte sich zunächst QDOS (Quick and Dirty Operating System) und später dann war es plötzlich nicht mehr "quick"...

[Palladin007]

Ich bin zwar noch nicht so weit, dass ich das schwer brauchen (geschweige denn verstehen) werde, aber ich hab mir ein PHP-Buch gekauft (arme Brieftasche, das war teuer ) und fang jetzt auch mal aktiv damit an. ^^

Wenn ich mir den Tipp aber so durch lese, dann denke ich schon, dass das ganz praktisch ist.
Warum denn wegen einem Tabulator gleich eine Tabelle erstellen, wenn es auch so funktioniert?