CSS  – SELFHTML-Forum Forum als Ergänzung zum SELFHTML-Wiki und zur Dokumentation SELFHTML https://forum.selfhtml.org/self CSS  Tue, 22 Aug 17 09:47:57 Z https://forum.selfhtml.org/self/2017/aug/22/css/1702154#m1702154 https://forum.selfhtml.org/self/2017/aug/22/css/1702154#m1702154 <p>Hello,</p> <p>für meine passiven View-Templates benutze ich immer Platzhalter, die dann je nach Rechten, Hauptseite, Modul, Unterseite usw. ausgetauscht werden gegen die vom Backend erzeugten Teile.</p> <p>z. B.:</p> <pre><code class="block language-html"> <span class="token comment"><!-- {{PIC-107}} --></span> </code></pre> <p>Die stehen so einfach im Quelltext. Für Attribute und ~werte sehen sie etwas anders aus.</p> <ol> <li>Kann ich die mittels CSS ansprechen und nach meinem Wunsch stylen?</li> <li>könnte ich mittels CSS auch automatisch einen Link daraus machen, bzw. hinzufügen, der sich am enthaltenen Parameternamen orientiert?</li> </ol> <p>z. B.:</p> <pre><code class="block language-html"> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>L_PIC-107<span class="token punctuation">"</span></span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>/help/PIC-107<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>{{PIC-107}}<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span> </code></pre> <p>Alternativ müsste das alles vom Backend erledigt werden, also vor der Ausgabe z. B. mittels PHP-DOM-Parser.</p> <p>Liebe Grüße<br> Tom S.</p> <div class="signature">-- <br> Es gibt nichts Gutes, außer man tut es!<br> Das Leben selbst ist der Sinn.<br> </div> CSS  Tue, 22 Aug 17 10:07:50 Z https://forum.selfhtml.org/self/2017/aug/22/css/1702156#m1702156 https://forum.selfhtml.org/self/2017/aug/22/css/1702156#m1702156 <p>Hi,</p> <blockquote> <p>für meine passiven View-Templates benutze ich immer Platzhalter, die dann je nach Rechten, Hauptseite, Modul, Unterseite usw. ausgetauscht werden gegen die vom Backend erzeugten Teile.</p> <p>z. B.:</p> <pre><code class="block language-html"> <span class="token comment"><!-- {{PIC-107}} --></span> </code></pre> <p>Die stehen so einfach im Quelltext. Für Attribute und ~werte sehen sie etwas anders aus.</p> <ol> <li>Kann ich die mittels CSS ansprechen und nach meinem Wunsch stylen?</li> </ol> </blockquote> <p>Kommentare können m.W. nicht gestylet werden. Wenn das durch irgendwas ersetzt wird: dann hängt's davon ab, wodurch es ersetzt wird.</p> <blockquote> <ol start="2"> <li>könnte ich mittels CSS auch automatisch einen Link daraus machen, bzw. hinzufügen, der sich am enthaltenen Parameternamen orientiert?</li> </ol> </blockquote> <p>nein, CSS kann nicht aus einem Kommentar einen Link machen.</p> <blockquote> <p>Alternativ müsste das alles vom Backend erledigt werden, also vor der Ausgabe z. B. mittels PHP-DOM-Parser.</p> </blockquote> <p>Richtig, das ist das, was Du tun solltest.</p> <p>cu,<br> Andreas a/k/a MudGuard</p> CSS  Tue, 22 Aug 17 11:05:49 Z https://forum.selfhtml.org/self/2017/aug/22/css/1702163#m1702163 https://forum.selfhtml.org/self/2017/aug/22/css/1702163#m1702163 <p>@@TS</p> <blockquote> <p>könnte ich mittels CSS auch …</p> </blockquote> <p>Das P in CSS steht für <em lang="en">programming language</em>.</p> <p>LLAP </p> <div class="signature">-- <br> “When UX doesn’t consider <em>all</em> users, shouldn’t it be known as ‘<em>Some</em> User Experience’ or... SUX? #a11y” —<a href="https://twitter.com/thebillygregory/status/552466012713783297" rel="nofollow noopener noreferrer">Billy Gregory</a> </div> CSS  Tue, 22 Aug 17 10:18:28 Z https://forum.selfhtml.org/self/2017/aug/22/css/1702158#m1702158 https://forum.selfhtml.org/self/2017/aug/22/css/1702158#m1702158 <p>Hello,</p> <blockquote> <blockquote> <p>z. B.:</p> <pre><code class="block language-html"> <span class="token comment"><!-- {{PIC-107}} --></span> </code></pre> <p>Die stehen so einfach im Quelltext. Für Attribute und ~werte sehen sie etwas anders aus.</p> <ol> <li>Kann ich die mittels CSS ansprechen und nach meinem Wunsch stylen?</li> </ol> </blockquote> <p>Kommentare können m.W. nicht gestylet werden. Wenn das durch irgendwas ersetzt wird: dann hängt's davon ab, wodurch es ersetzt wird.</p> </blockquote> <p>Das muss kein Kommentar sein, wenn ich per CSS auch dafür sorgen könnte, dass z. B. der Textteil <code>{{PIC-107}}</code> in einem größeren Text (dann vermutlich einfach in den <main> geschmissen) erkannt und (u. a.) auf hidden gesetzt werden könnte.</p> <blockquote> <blockquote> <p>Alternativ müsste das alles vom Backend erledigt werden, also vor der Ausgabe z. B. mittels PHP-DOM-Parser.</p> </blockquote> <p>Richtig, das ist das, was Du tun solltest.</p> </blockquote> <p>Das geht aber nur dann, wenn das Ganze auch mittels PHP ausgegeben wird. Ich hatte als Ziel, dass die Dateien auch ohne PHP lokal betrachtet werden könnten.</p> <p>Liebe Grüße<br> Tom S.</p> <div class="signature">-- <br> Es gibt nichts Gutes, außer man tut es!<br> Das Leben selbst ist der Sinn.<br> </div> CSS  Tue, 22 Aug 17 10:33:03 Z https://forum.selfhtml.org/self/2017/aug/22/css/1702160#m1702160 https://forum.selfhtml.org/self/2017/aug/22/css/1702160#m1702160 <p>Hallo Tom,</p> <p>wie wäre es mit JavaScript?</p> <p>Viele Grüße<br> Robert</p> CSS  Tue, 22 Aug 17 10:47:01 Z https://forum.selfhtml.org/self/2017/aug/22/css/1702161#m1702161 https://forum.selfhtml.org/self/2017/aug/22/css/1702161#m1702161 <p>Hello,</p> <blockquote> <p>wie wäre es mit JavaScript?</p> </blockquote> <p>Das wäre in diesem Falle zulässig. Stimmt!</p> <p>Die Kontrollseiten werden ja nur an bestimmten Arbeitsplätzen benutzt, verändert und auf Vollständigkeit getestet.</p> <p>Wie müsste denn da die Parametererkennung aussehen? Mit JS und regular Expressions in einem Atemzug stehe ich enorm auf Kriegesfuß.</p> <p>Für die Praxis würde das bedeuten, dass das PHP-System die blanken HTML-Seiten ausspuckt, diese einen passenden CSS-Rel-Link enthalten und auch das passende JS-Script anziehen. Damit müssten sie später nicht mehr geändert werden. Außerdem könnte ich Einfluss auf das CSS nehmen, wenn ich z. B. zusätzlich per JSON oder embedded JSON (für den local Storage) Rahmenbedingungen (Größen, Farben, etc.) zur Verfügung stellen würde.</p> <p>Die Idee gefällt mir :-)</p> <p>Liebe Grüße<br> Tom S.</p> <div class="signature">-- <br> Es gibt nichts Gutes, außer man tut es!<br> Das Leben selbst ist der Sinn.<br> </div> CSS  Tue, 22 Aug 17 11:00:59 Z https://forum.selfhtml.org/self/2017/aug/22/css/1702162#m1702162 https://forum.selfhtml.org/self/2017/aug/22/css/1702162#m1702162 <p>Hallo Tom,</p> <blockquote> <p>Wie müsste denn da die Parametererkennung aussehen? Mit JS und regular Expressions in einem Atemzug stehe ich enorm auf Kriegesfuß.</p> </blockquote> <p>Bevor du mit Frameworks wie Angular auf die Seiten schießt, könntest du bspw. span-Elemente verwenden, denen eine bestimmte Klasse geben, so dass diese per CSS <a href="http://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Anzeige/display#none:_Keine_Box" rel="nofollow noopener noreferrer">nicht angezeigt</a> werden und in JavaScript <a href="http://wiki.selfhtml.org/wiki/JavaScript/DOM/Document/getElementsByClassName" rel="nofollow noopener noreferrer">über diese iterieren</a></p> <blockquote> <p>Für die Praxis würde das bedeuten, dass das PHP-System die blanken HTML-Seiten ausspuckt, …</p> </blockquote> <p>Soll dein Beispiel nicht auch offline laufen?</p> <p>Viele Grüße<br> Robert</p> CSS  Tue, 22 Aug 17 11:15:01 Z https://forum.selfhtml.org/self/2017/aug/22/css/1702164#m1702164 https://forum.selfhtml.org/self/2017/aug/22/css/1702164#m1702164 <p>Hello,</p> <blockquote> <p>Soll dein Beispiel nicht auch offline laufen?</p> </blockquote> <p>Offline "laufen" soll es nicht (also keine qualifizierten Responses auf ausgelöste Requests), es soll nur offline sauber angezeigt werden können und eine gewisse Kopplung (entweder online oder offline) zu Hilfedateien bekommen.</p> <p>Es handelt sich um die passiven Templates des Views, die angepasst werden müssen. Die Bearbeiter sind durchaus in der Lage, die verschiedensten Editoren zu benutzen und können auch HTML, wissen aber natürlich nicht alle verfügbaren Platzhalter für die Dokumente auswendig oder was sonst noch verstellbar ist.</p> <p>Ich möchte das Frontend-System aber so minimalistisch halten bezüglich der Anforderungen an den Client, dass alle Arbeiten auch offline auf einem Tablet o. ä. möglich wären.</p> <p>Ich weiß jetzt nur noch nicht, wie ich sicherstellen könnte, dass die CSS- und JS-Dateien im Cache erhalten bleiben würden, bis das Geräte wieder online geht und dann ein Abgleich stattfinden könnte. Außerdem müsste das Arbeitsergebnis auch geschützt bleiben und erst bei Auftrag auf den Server zurückgespielt werden.</p> <p>Das Ganze ohne "App". Die Clients verfügen allerdings über reichlich eigenen Speicherplatz und Apps, wie z. B. "TurboClient" o. ä.</p> <p>Ich muss das jetzt erstmal sacken lassen. ;-)</p> <p>Liebe Grüße<br> Tom S.</p> <div class="signature">-- <br> Es gibt nichts Gutes, außer man tut es!<br> Das Leben selbst ist der Sinn.<br> </div> CSS  Tue, 22 Aug 17 11:17:07 Z https://forum.selfhtml.org/self/2017/aug/22/css/1702165#m1702165 https://forum.selfhtml.org/self/2017/aug/22/css/1702165#m1702165 <p>Hello,</p> <blockquote> <p>Das P in CSS steht für <em lang="en">programming language</em>.</p> </blockquote> <p>Ja danke für die Erinnerung. Herr Turing hat's verschluckt.</p> <p>Liebe Grüße<br> Tom S.</p> <div class="signature">-- <br> Es gibt nichts Gutes, außer man tut es!<br> Das Leben selbst ist der Sinn.<br> </div> CSS  Wed, 23 Aug 17 17:40:27 Z https://forum.selfhtml.org/self/2017/aug/22/css/1702249#m1702249 https://forum.selfhtml.org/self/2017/aug/22/css/1702249#m1702249 <p>Hallo TS,</p> <p>Warum nicht</p> <pre><code class="block language-html"><span class="token comment"><!-- {{PIC-107}} --></span> bla bla bla beispiel-html <span class="token comment"><!-- {{/PIC-107}} --></span> </code></pre> <p>für die passiven Templates. Dann kannst Du mit CSS wie gewünscht arbeiten. Alles innerhalb der Kommentare schmeißt Du dann später bei der Generierung raus und ersetzt es wie gehabt mit dem automatisch generierten HTML.</p> <p>Gruß, Nils</p> CSS  Wed, 23 Aug 17 18:07:09 Z https://forum.selfhtml.org/self/2017/aug/22/css/1702250#m1702250 https://forum.selfhtml.org/self/2017/aug/22/css/1702250#m1702250 <p>Hallo Nils,</p> <blockquote> <p>Warum nicht</p> <pre><code class="block language-html"><span class="token comment"><!-- {{PIC-107}} --></span> bla bla bla beispiel-html <span class="token comment"><!-- {{/PIC-107}} --></span> </code></pre> <p>für die passiven Templates. Dann kannst Du mit CSS wie gewünscht arbeiten. Alles innerhalb der Kommentare schmeißt Du dann später bei der Generierung raus und ersetzt es wie gehabt mit dem automatisch generierten HTML.</p> </blockquote> <p>Aber mit CSS allein kommst du doch noch immer nicht daran.</p> <p>Viele Grüße<br> Robert</p> CSS  Wed, 23 Aug 17 18:33:25 Z https://forum.selfhtml.org/self/2017/aug/22/css/1702253#m1702253 https://forum.selfhtml.org/self/2017/aug/22/css/1702253#m1702253 <p>Hallo Robert,</p> <p>Ja, ich war zu faul, jetzt HTML per Hand zu schreiben. <em>bla bla bla beispiel-HTML</em> sind natürlich irgendwelche Elemente auf die man zugreifen kann.</p> <p>Gruß, Nils</p> CSS  Wed, 23 Aug 17 18:42:09 Z https://forum.selfhtml.org/self/2017/aug/22/css/1702254#m1702254 https://forum.selfhtml.org/self/2017/aug/22/css/1702254#m1702254 <p>Man braucht unter Umständen auch eine Regex-Implementierung, die rekursiv matchen kann, da es eventuell templates wie <!-- foo --><!-- foo --><!-- /foo --><!-- /foo --> gibt und man das letzte /foo und nicht das vorletzte matchen will. Weiß nicht, ob PHP so etwas hat, Python <a href="https://pypi.python.org/pypi/regex/" rel="nofollow noopener noreferrer">ja</a> (siehe dort <em>Recursive patterns</em>).</p> <p>Gruß, Nils</p> CSS  Wed, 23 Aug 17 19:02:35 Z https://forum.selfhtml.org/self/2017/aug/22/css/1702258#m1702258 https://forum.selfhtml.org/self/2017/aug/22/css/1702258#m1702258 <p>Hallo Nils-Hero,</p> <p>Vor meinem geistigen Auge tut sich gerade ein Abgrund auf. Man muss diesen unerfahrenen Bearbeitern wirklich klar machen, daß sie die Platzhalter nicht löschen dürfen, etwa:</p> <pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>div</span> <span class="token special-attr"><span class="token attr-name">style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token value css language-css"><span class="token property">border</span><span class="token punctuation">:</span>10px solid red<span class="token punctuation">;</span></span><span class="token punctuation">"</span></span></span> <span class="token attr-name">data-template</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bla<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>ICH BIN EIN PLATZHALTER; WER MICH LÖSCHT WIRD GEFEUERT<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>div</span><span class="token punctuation">></span></span> </code></pre> <p>Gruß, Nils</p> CSS  Wed, 23 Aug 17 21:05:31 Z https://forum.selfhtml.org/self/2017/aug/22/css/1702265#m1702265 https://forum.selfhtml.org/self/2017/aug/22/css/1702265#m1702265 <p><a href="https://forum.selfhtml.org/m1702162" rel="noopener noreferrer">Wieso?</a></p> CSS  Wed, 23 Aug 17 19:11:39 Z https://forum.selfhtml.org/self/2017/aug/22/css/1702259#m1702259 https://forum.selfhtml.org/self/2017/aug/22/css/1702259#m1702259 <p>Das Matchen kann natürlich auch mittels XPath vonstatten gehen.</p> <p>Gruß, Nils</p> CSS  Wed, 23 Aug 17 23:30:26 Z https://forum.selfhtml.org/self/2017/aug/22/css/1702272#m1702272 https://forum.selfhtml.org/self/2017/aug/22/css/1702272#m1702272 <p>Hallo Robert,</p> <blockquote> <p><code>[Wieso?](m1702162)</code></p> </blockquote> <p>ich habe deinen Link repariert. Kurzlinks (falls du einen erzeugen wolltest) funktionieren hier so <code>https://forum.selfhtml.org/m1702162</code>. (Nur den Anker zu benutzen – <code>[Wieso?](#m1702162)</code> – könnte auch problematisch sein, weil nicht jeder Nutzer die Nested-Ansicht nutzt.)</p> <p>Gruß<br> Julius</p> CSS  Thu, 24 Aug 17 06:27:01 Z https://forum.selfhtml.org/self/2017/aug/22/css/1702277#m1702277 https://forum.selfhtml.org/self/2017/aug/22/css/1702277#m1702277 <p>Hallo Julius,</p> <blockquote> <p>(Nur den Anker zu benutzen – <code>[Wieso?](#m1702162)</code> – könnte auch problematisch sein, weil nicht jeder Nutzer die Nested-Ansicht nutzt.)</p> </blockquote> <p><code>s/könnte problematisch sein/ist problematisch/</code></p> <p>Am besten, man verlinkt immer mit vollständiger URL.</p> <p>LG,<br> CK</p> <div class="signature">-- <br> <a href="https://wwwtech.de/about" rel="noopener noreferrer">https://wwwtech.de/about</a> </div> CSS  Thu, 24 Aug 17 08:12:02 Z https://forum.selfhtml.org/self/2017/aug/22/css/1702280#m1702280 https://forum.selfhtml.org/self/2017/aug/22/css/1702280#m1702280 <p>Moin Julius,</p> <p>da habe ich wohl das <code>https://…</code> davor vergessen, Mist. Aber Danke, dass du es gesehen und repariert hast </p> <p>Viele Grüße<br> Robert</p>