HTML Data-Attribut – SELFHTML-Forum Forum als Ergänzung zum SELFHTML-Wiki und zur Dokumentation SELFHTML https://forum.selfhtml.org/self HTML Data-Attribut Wed, 11 May 16 14:59:04 Z https://forum.selfhtml.org/self/2016/may/11/html-data-attribut/1667132#m1667132 https://forum.selfhtml.org/self/2016/may/11/html-data-attribut/1667132#m1667132 <p>Hallo,</p> <p>ist es möglich mit jQuery oder CSS auf HTML Data-Attribute zuzureifen um eine Übersicht zu verfeinern?</p> <p>Ich habe folgendes:</p> <pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>article</span> <span class="token attr-name">data-article</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Lehrer<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>article</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>article</span> <span class="token attr-name">data-article</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Schueler<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>article</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>article</span> <span class="token attr-name">data-article</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Artikel<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>article</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>article</span> <span class="token attr-name">data-article</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Artikel<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>article</span><span class="token punctuation">></span></span> </code></pre> <p>Meine Vorstellung war, es gibt drei Ckeckboxen die der User anklicken kann und je nachdem was er gewählt hat, werden Artikel ein bzw. ausgeblendet.</p> <p>Geht das?</p> HTML Data-Attribut Wed, 11 May 16 16:18:53 Z https://forum.selfhtml.org/self/2016/may/11/html-data-attribut/1667138#m1667138 https://forum.selfhtml.org/self/2016/may/11/html-data-attribut/1667138#m1667138 <blockquote> <p>ist es möglich mit jQuery oder CSS auf HTML Data-Attribute zuzureifen um eine Übersicht zu verfeinern?</p> </blockquote> <p>https://www.w3.org/TR/REC-CSS2/selector.html#attribute-selectors</p> HTML Data-Attribut Wed, 11 May 16 16:28:47 Z https://forum.selfhtml.org/self/2016/may/11/html-data-attribut/1667141#m1667141 https://forum.selfhtml.org/self/2016/may/11/html-data-attribut/1667141#m1667141 <p>Hi there,</p> <blockquote> <p>ist es möglich mit jQuery oder CSS auf HTML Data-Attribute zuzureifen um eine Übersicht zu verfeinern?</p> </blockquote> <p>Ich rate jetzt einmal, was Du mit Übersicht verfeinern meinst, aber prinzipiell sind diese Attribute da, um darauf zugreifen zu können. Wozu sonst sollte man sie verwenden?</p> <blockquote> <p>Ich habe folgendes:</p> <pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>article</span> <span class="token attr-name">data-article</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Lehrer<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>article</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>article</span> <span class="token attr-name">data-article</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Schueler<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>article</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>article</span> <span class="token attr-name">data-article</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Artikel<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>article</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>article</span> <span class="token attr-name">data-article</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Artikel<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>article</span><span class="token punctuation">></span></span> </code></pre> <p>Meine Vorstellung war, es gibt drei Ckeckboxen die der User anklicken kann und je nachdem was er gewählt hat, werden Artikel ein bzw. ausgeblendet.</p> <p>Geht das?</p> </blockquote> <p>Ja, aber dazu brauchst Du keine Data-Attribute (im übrigen auch kein jQuery, dafür reicht ein schlichtes Javascripterl), die Du hier wie ID-Attribute verwendest (vom doppelten "Artikel" einmal abgesehen). Wenn Du sonst keine article-Elemente im Dokument hast, genügt es, in einer Schleife, die alle arcticle-Elemente absucht, alle jene auszublenden, die nicht gewählt wurden...</p> HTML Data-Attribut Thu, 12 May 16 07:14:29 Z https://forum.selfhtml.org/self/2016/may/11/html-data-attribut/1667170#m1667170 https://forum.selfhtml.org/self/2016/may/11/html-data-attribut/1667170#m1667170 <p>Hallo Thomas,</p> <blockquote> <p>Geht das?</p> </blockquote> <p>Das geht bestimmt. Wahrscheinlich sogar ohne data-*-Attribute und auch ohne JQuery. Aber wenn du nicht schreibst, was dein Ziel ist und ein wenig mehr Quelltext - idealerweise ein online-Beispiel - zeigst, lassen sich nur Vermutungen anstellen. Jemanden, der dies dann tut, als „keine Ahnung habend“ zu beschimpfen, ist imho nicht die feine Art.</p> <p>Also: Mehr Input, dann kann es auch Lösungsvorschläge geben.</p> <p>Bis demnächst<br> Matthias</p> <div class="signature">-- <br> Dieses Forum nutzt Markdown. Im <a href="https://wiki.selfhtml.org" rel="nofollow noopener noreferrer">Wiki</a> erhalten Sie <a href="https://wiki.selfhtml.org/wiki/SELFHTML:Forum/Formatierung_der_Beitr%C3%A4ge" rel="nofollow noopener noreferrer">Hilfe bei der Formatierung Ihrer Beiträge</a>. </div> HTML Data-Attribut Wed, 11 May 16 16:23:03 Z https://forum.selfhtml.org/self/2016/may/11/html-data-attribut/1667139#m1667139 https://forum.selfhtml.org/self/2016/may/11/html-data-attribut/1667139#m1667139 <p>Hallo,</p> <blockquote> <p>https://www.w3.org/TR/REC-CSS2/selector.html#attribute-selectors</p> </blockquote> <p>Oder auch hier im <a href="https://wiki.selfhtml.org/wiki/CSS/Selektoren/Attributselektor" rel="nofollow noopener noreferrer">Wiki</a>.</p> <p>Gruß<br> Kalk</p> HTML Data-Attribut Wed, 11 May 16 17:25:25 Z https://forum.selfhtml.org/self/2016/may/11/html-data-attribut/1667144#m1667144 https://forum.selfhtml.org/self/2016/may/11/html-data-attribut/1667144#m1667144 <blockquote> <p>Ja, aber dazu brauchst Du keine Data-Attribute (im übrigen auch kein jQuery, dafür reicht ein schlichtes Javascripterl), die Du hier wie ID-Attribute verwendest (vom doppelten "Artikel" einmal abgesehen). Wenn Du sonst keine article-Elemente im Dokument hast, genügt es, in einer Schleife, die alle arcticle-Elemente absucht, alle jene auszublenden, die nicht gewählt wurden...</p> </blockquote> <p>Die Data-Attribute sind aber da also warum soll ich diese nicht verwenden? Außerdem habe ich gesagt dass jQuery zur Verfügung steht also komm nicht mit einer Antwort, dafür brauchst du kein jQuery dafür reicht ein schlichtes Javascripterl.</p> HTML Data-Attribut Thu, 12 May 16 08:15:04 Z https://forum.selfhtml.org/self/2016/may/11/html-data-attribut/1667187#m1667187 https://forum.selfhtml.org/self/2016/may/11/html-data-attribut/1667187#m1667187 <p>@@Klawischnigg</p> <blockquote> <p>Data-Attribute …, die Du hier wie ID-Attribute verwendest</p> </blockquote> <p>Nein, eben nicht. Sondern wie Klassen. Es sind Tags zu den Artikeln. Oder besser gesagt: Kategorien, da jeder Artikel wohl nur ein Tag haben kann, d.h. einer Kategorie angehören kann. (So wie die hiesigen Postings bei der alten CForum-Software.)</p> <blockquote> <p>vom doppelten "Artikel" einmal abgesehen</p> </blockquote> <p>An „Artikel“ ist also nicht schlecht, dass er doppelt da ist. Sondern die Bezeichnung: „Artikel“ ist ein Überbegriff; die als „Lehrer“ bzw. „Schueler“<sup class="footnote-ref"><a href="#fn1" id="fnref1">[1]</a></sup> kategorisierten sind auch Artikel.</p> <p>Besser wäre da vielleicht doch „Sonstiges“, obwohl eine solche Kategoriebezeichnung auch nicht wirklich gut ist.</p> <p>Vielleich können Artikel, die in keine Kategorie passen, ja einfach auch unkategoriesiert bleiben?</p> <p>Auch die Bezeichnung des Attributs <code>data-article</code> ist unglücklich gewählt. Warum nicht <code>data-category</code>? Oder eben <code>class</code>?</p> <p>LLAP </p> <div class="signature">-- <br> <em>“You might believe there are benefits for the developer, but first of all, you should put those behind the interest of the user.”</em> —Stefan Tilkov<br> <em><a href="http://community.de.selfhtml.org/fanprojekte/selfcode.htm" rel="nofollow noopener noreferrer">Selfcode</a>: <code>sh:) fo:} ch:? rl:) br:> n4:& va:| de:> zu:} fl:{ ss:| ls:# js:|</code></em> </div> <hr class="footnotes-sep"> <section class="footnotes"> <ol class="footnotes-list"> <li id="fn1" class="footnote-item"><p>Warum verstuemmelt und nicht „Schüler“ mit ü? <a href="#fnref1" class="footnote-backref">↩︎</a></p> </li> </ol> </section> HTML Data-Attribut Wed, 11 May 16 17:39:56 Z https://forum.selfhtml.org/self/2016/may/11/html-data-attribut/1667145#m1667145 https://forum.selfhtml.org/self/2016/may/11/html-data-attribut/1667145#m1667145 <p>Hi there,</p> <blockquote> <blockquote> <p>Ja, aber dazu brauchst Du keine Data-Attribute (im übrigen auch kein jQuery, dafür reicht ein schlichtes Javascripterl), die Du hier wie ID-Attribute verwendest (vom doppelten "Artikel" einmal abgesehen). Wenn Du sonst keine article-Elemente im Dokument hast, genügt es, in einer Schleife, die alle arcticle-Elemente absucht, alle jene auszublenden, die nicht gewählt wurden...</p> </blockquote> <p>Die Data-Attribute sind aber da also warum soll ich diese nicht verwenden? Außerdem habe ich gesagt dass jQuery zur Verfügung steht also komm nicht mit einer Antwort, dafür brauchst du kein jQuery dafür reicht ein schlichtes Javascripterl.</p> </blockquote> <p>Das müssen wir schon mir überlassen, mit welcher Antwort ich "Dir komme". Ausserdem habe ich nicht geschrieben, daß Du Sie nicht verwenden sollst, ebensowenig wie Du erwähnt hast, daß diese Attribute einfach "da" seien. Das ist ja nicht der Normalfall, daß irgendwelche Attribute da sind, genausowenig wie jQuery einfach da ist, das eine muß man setzen, daß andere einbinden. Im übrigen und zu guter letzt wirst Du bei Deiner geplanten Herangehensweise ohnehin ein Problem bekommen, wenn Dein Beispiel, in dem ein Attributwert gleich zweimal "da" ist, der Realität entspricht. Dann hättest Du nämlich schon einen Grund gefunden, warum Du die Data-Attribute nicht verwenden "sollst"...</p> HTML Data-Attribut Wed, 11 May 16 17:50:06 Z https://forum.selfhtml.org/self/2016/may/11/html-data-attribut/1667146#m1667146 https://forum.selfhtml.org/self/2016/may/11/html-data-attribut/1667146#m1667146 <blockquote> <p>Das müssen wir schon mir überlassen, mit welcher Antwort ich "Dir komme". Ausserdem habe ich nicht geschrieben, daß Du Sie nicht verwenden sollst, ebensowenig wie Du erwähnt hast, daß diese Attribute einfach "da" seien. Das ist ja nicht der Normalfall, daß irgendwelche Attribute da sind, genausowenig wie jQuery einfach da ist, das eine muß man setzen, daß andere einbinden. Im übrigen und zu guter letzt wirst Du bei Deiner geplanten Herangehensweise ohnehin ein Problem bekommen, wenn Dein Beispiel, in dem ein Attributwert gleich zweimal "da" ist, der Realität entspricht. Dann hättest Du nämlich schon einen Grund gefunden, warum Du die Data-Attribute nicht verwenden "sollst"...</p> </blockquote> <p>Da du scheinbar keine Ahnung hast erübrigt sich jegliche Diskussion! Ich habe dafür auch keine Zeit und Lust. Zeit ist Geld und Geld ist Lebensqualität. Diskussionen führen nur zu schlechter Laune was ich nicht haben muss.</p> HTML Data-Attribut Wed, 11 May 16 18:33:38 Z https://forum.selfhtml.org/self/2016/may/11/html-data-attribut/1667148#m1667148 https://forum.selfhtml.org/self/2016/may/11/html-data-attribut/1667148#m1667148 <p>Tach!</p> <blockquote> <p>Im übrigen und zu guter letzt wirst Du bei Deiner geplanten Herangehensweise ohnehin ein Problem bekommen, wenn Dein Beispiel, in dem ein Attributwert gleich zweimal "da" ist, der Realität entspricht. Dann hättest Du nämlich schon einen Grund gefunden, warum Du die Data-Attribute nicht verwenden "sollst"...</p> </blockquote> <p>Könntest du das bitte etwas verständlicher ausführen? Was für ein Problem soll man denn da bekommen, und was ist an den data-Attributen schlecht?</p> <p>dedlfix.</p> HTML Data-Attribut Wed, 11 May 16 21:35:22 Z https://forum.selfhtml.org/self/2016/may/11/html-data-attribut/1667167#m1667167 https://forum.selfhtml.org/self/2016/may/11/html-data-attribut/1667167#m1667167 <p>Hi there,</p> <blockquote> <blockquote> <p>Im übrigen und zu guter letzt wirst Du bei Deiner geplanten Herangehensweise ohnehin ein Problem bekommen, wenn Dein Beispiel, in dem ein Attributwert gleich zweimal "da" ist, der Realität entspricht. Dann hättest Du nämlich schon einen Grund gefunden, warum Du die Data-Attribute nicht verwenden "sollst"...</p> </blockquote> <p>Könntest du das bitte etwas verständlicher ausführen? Was für ein Problem soll man denn da bekommen, und was ist an den data-Attributen schlecht?</p> </blockquote> <p>Gar nichts ist schlecht an den Data-Attributen. Schlecht ist nur, daß er in seinem Beispiel zweimal die schlichte Zeile:</p> <blockquote> <pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>article</span> <span class="token attr-name">data-article</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Artikel<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>article</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>article</span> <span class="token attr-name">data-article</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Artikel<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>article</span><span class="token punctuation">></span></span> </code></pre> </blockquote> <p>verwendet ('tschuldigung, einfach "da" ist, wie er sagt), was irgendwie ein Problem werden könnte, wenn man Data-Attribut für's Selektieren verwenden möchte.</p> <p>Und für sein Problem, daß er die anderen Optionen ausblenden möchte, wenn eine einmal per Checkbox oder wie auch immer gewählt wurde, braucht er weder ein Data-Attribut noch jQuery. Insoferne ist das Attribut nicht schlecht sondern schlicht und ergreifend überflüssig, auch wenn es einfach "da" ist...</p> HTML Data-Attribut Wed, 11 May 16 21:52:52 Z https://forum.selfhtml.org/self/2016/may/11/html-data-attribut/1667168#m1667168 https://forum.selfhtml.org/self/2016/may/11/html-data-attribut/1667168#m1667168 <p>Tach!</p> <blockquote> <p>Gar nichts ist schlecht an den Data-Attributen. Schlecht ist nur, daß er in seinem Beispiel zweimal die schlichte Zeile:</p> <blockquote> <pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>article</span> <span class="token attr-name">data-article</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Artikel<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>article</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>article</span> <span class="token attr-name">data-article</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Artikel<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>article</span><span class="token punctuation">></span></span> </code></pre> </blockquote> <p>verwendet ('tschuldigung, einfach "da" ist, wie er sagt), was irgendwie ein Problem werden könnte, wenn man Data-Attribut für's Selektieren verwenden möchte.</p> </blockquote> <p>Und wenn er es à la class verwendet und beide selektiert werden sollen? Das eigentliche Problem beschreibt er ja nicht konkret genug, so dass hier Raum für Spekulationen ist, und die gehen dann auch mal in die falsche Richtung.</p> <blockquote> <p>Und für sein Problem, daß er die anderen Optionen ausblenden möchte, wenn eine einmal per Checkbox oder wie auch immer gewählt wurde, braucht er weder ein Data-Attribut noch jQuery. Insoferne ist das Attribut nicht schlecht sondern schlicht und ergreifend überflüssig, auch wenn es einfach "da" ist...</p> </blockquote> <p>Wenn das aber das Selektionskriterium ist, mit dem die Elemente erkannt werden?</p> <p>Jedenfalls kann man die als Selektor nehmen, wie alle anderen Attributselektoren auch. In die Irre geleitet hat mich auch die Formulierung "auf HTML Data-Attribute zuzureifen", denn das las ich als ihren Inhalt auslesen und ändern wollen. Da hat jedenfalls jQuery auch was, und das findet man sehr einfach mit den Suchwörtern: jquery data attribute.</p> <p>dedlfix.</p> HTML Data-Attribut Thu, 12 May 16 08:00:18 Z https://forum.selfhtml.org/self/2016/may/11/html-data-attribut/1667181#m1667181 https://forum.selfhtml.org/self/2016/may/11/html-data-attribut/1667181#m1667181 <p>Hallo Matthias,</p> <blockquote> <p>Das geht bestimmt. Wahrscheinlich sogar ohne data-*-Attribute und auch ohne JQuery. Aber wenn du nicht schreibst, was dein Ziel ist und ein wenig mehr Quelltext - idealerweise ein online-Beispiel - zeigst, lassen sich nur Vermutungen anstellen. Jemanden, der dies dann tut, als „keine Ahnung habend“ zu beschimpfen, ist imho nicht die feine Art.</p> </blockquote> <p>Ich habe auf einer Übersichtsseite mehrere Artikel stehen. Diese kommen von unterschiedlichsten Rubriken wie in dem Beispiel zu sehen ist:</p> <ol> <li>Lehrere</li> <li>Schueler</li> <li>Artikel (die keiner Kategorie zugeordnet sind)</li> </ol> <p>Jetzt möchte ich anhand dieser Data-Attribute irgendwie die Artikel filtern / verfeinern. Sprich klick ein User die Checkbox (oder ein Link, was mit völlig egal ist) Schüler an, sollten alle Artikel ausgeblendet werden, die NICHT zu diesem angeklickten Bereich gehören. Dazu sind doch die Data-Attribute da?</p> <p>Für meine Tooltips nehme ich auch die Date-Attribute</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>tooltip<span class="token punctuation">"</span></span> <span class="token attr-name">data-tooltip</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Ich bin ein Tooltip<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Lorem ipsum<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>span</span><span class="token punctuation">></span></span> </code></pre> HTML Data-Attribut Thu, 12 May 16 08:07:56 Z https://forum.selfhtml.org/self/2016/may/11/html-data-attribut/1667183#m1667183 https://forum.selfhtml.org/self/2016/may/11/html-data-attribut/1667183#m1667183 <p>Hallo Thomas,</p> <blockquote> <ol> <li>Lehrere</li> <li>Schueler</li> <li>Artikel (die keiner Kategorie zugeordnet sind)</li> </ol> <p>Jetzt möchte ich anhand dieser Data-Attribute irgendwie die Artikel filtern / verfeinern. Sprich klick ein User die Checkbox (oder ein Link, was mit völlig egal ist) Schüler an, sollten alle Artikel ausgeblendet werden, die NICHT zu diesem angeklickten Bereich gehören.</p> </blockquote> <p>Das ist nicht weiter schwer, vor allem, wenn dir bereits jQuery zur Verfügung steht. Du musst halt die Werte aus den Checkboxen zusammen suchen (am besten in einen Array), dann alle Artikel durchgehen und schauen, ob der Wert von <code>data-article</code> in dem Array enthalten ist.</p> <pre><code class="block language-js"><span class="token keyword">var</span> values <span class="token operator">=</span> <span class="token punctuation">[</span><span class="token string">'foo'</span><span class="token punctuation">,</span> <span class="token string">'bar'</span><span class="token punctuation">]</span><span class="token punctuation">;</span> <span class="token function">$</span><span class="token punctuation">(</span><span class="token string">'[data-article]'</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">each</span><span class="token punctuation">(</span><span class="token keyword">function</span><span class="token punctuation">(</span><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>$<span class="token punctuation">.</span><span class="token function">inArray</span><span class="token punctuation">(</span><span class="token function">$</span><span class="token punctuation">(</span><span class="token keyword">this</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">attr</span><span class="token punctuation">(</span><span class="token string">'data-article'</span><span class="token punctuation">)</span><span class="token punctuation">,</span> values<span class="token punctuation">)</span><span class="token punctuation">)</span> <span class="token punctuation">{</span> <span class="token function">$</span><span class="token punctuation">(</span><span class="token keyword">this</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">css</span><span class="token punctuation">(</span><span class="token string">'display'</span><span class="token punctuation">,</span> <span class="token string">'none'</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span> </code></pre> <p>Genauer kann man ohne Beispiel-Code nicht werden.</p> <blockquote> <p>Dazu sind doch die Data-Attribute da?</p> </blockquote> <p>Sagen wir es so: die Data-Attribute sind zur Interaktion mit JS da.</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> HTML Data-Attribut Thu, 12 May 16 08:13:53 Z https://forum.selfhtml.org/self/2016/may/11/html-data-attribut/1667186#m1667186 https://forum.selfhtml.org/self/2016/may/11/html-data-attribut/1667186#m1667186 <p>Hallo</p> <blockquote> <p>Ich habe auf einer Übersichtsseite mehrere Artikel stehen. Diese kommen von unterschiedlichsten Rubriken wie in dem Beispiel zu sehen ist:</p> <ol> <li>Lehrere</li> <li>Schueler</li> <li>Artikel (die keiner Kategorie zugeordnet sind)</li> </ol> <p>Jetzt möchte ich anhand dieser Data-Attribute irgendwie die Artikel filtern / verfeinern. Sprich klick ein User die Checkbox (oder ein Link, was mit völlig egal ist) Schüler an, sollten alle Artikel ausgeblendet werden, die NICHT zu diesem angeklickten Bereich gehören. Dazu sind doch die Data-Attribute da?</p> </blockquote> <p>Dazu kann man sie benutzen. Es geht natürlich auch klassisch mit Klassen. Wenn die Data-Attribute aber vorhanden sind, weil sie aus anderen Gründen eh gebraucht werden, kannst du sie natürlich auch zu diesem Zweck verwenden. Für den Umgang mit Attributen hat JQuery <a href="https://api.jquery.com/category/selectors/attribute-selectors/" rel="nofollow noopener noreferrer">eigene Funktionen</a>. <a href="https://api.jquery.com/attribute-not-equal-selector/" rel="nofollow noopener noreferrer">Attribute not equal</a> sollte für deinen Zweck passen.</p> <p>Tschö, Auge</p> HTML Data-Attribut Thu, 12 May 16 08:18:09 Z https://forum.selfhtml.org/self/2016/may/11/html-data-attribut/1667189#m1667189 https://forum.selfhtml.org/self/2016/may/11/html-data-attribut/1667189#m1667189 <p>Tach!</p> <blockquote> <p>Für meine Tooltips nehme ich auch die Date-Attribute</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>tooltip<span class="token punctuation">"</span></span> <span class="token attr-name">data-tooltip</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Ich bin ein Tooltip<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Lorem ipsum<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>Da nimmst du sie, um weitere Daten anzuhängen, nämlich den anzuzeigenden Text. Obwohl der auch im Attribut tooltip stehen könnte, wenn du nicht dessen Nebenwirkungen zu vermeiden versuchst. Um aber den Tooltip als solchen zu klassifizieren, nimmst du jedoch das class-Attribut.</p> <blockquote> <p>Jetzt möchte ich anhand dieser Data-Attribute irgendwie die Artikel filtern / verfeinern. Sprich klick ein User die Checkbox (oder ein Link, was mit völlig egal ist) Schüler an, sollten alle Artikel ausgeblendet werden, die NICHT zu diesem angeklickten Bereich gehören. Dazu sind doch die Data-Attribute da?</p> </blockquote> <p>Also diese konkrete Anwendung ist so nicht definiert. Wie man die data-Attribute verwendet, bleibt dem Autor überlassen. Wenn es aber Dinge bereits an anderen Stellen gibt, muss man sich die Frage gefallen lassen, warum man die nicht nimmt. Antworten darauf können durchaus sein "kannte ich nicht" oder "ist mir grad nicht eingefallen". Mir scheint, du möchtest deine Artikel (d.h. die HTML-Elemente article) lediglich klassifizieren, und dafür könnte auch class schon reichen. Auf einem anderen Blatt steht, wenn man die Daten bereits so vorgegeben bekommt und keinen Einfluss auf ihre Gestaltung hat. Dann muss man halt nehmen, was da ist.</p> <p>Nun zum eigentlichen Punkt. Der lautet: Ändern von CSS-Eigenschaften (hier display) aufgrund gesetzter Attribute anderer Elemente. Das kann man allein mit CSS regeln (behaupte ich mal), wenn man einen Selektor zu formulieren in der Lage ist (technisch gesehen), der beide Elemente ansprechen kann. Das geht nur nicht quer durch das Dokument, sondern die Bedingungen müssen Elternelemente sein oder Geschwister (Siblings). Alles andere geht nicht ohne Javascript (nach meinem Wissensstand, der durchaus erweiterbar ist).</p> <p>dedlfix.</p> HTML Data-Attribut Thu, 12 May 16 08:13:35 Z https://forum.selfhtml.org/self/2016/may/11/html-data-attribut/1667185#m1667185 https://forum.selfhtml.org/self/2016/may/11/html-data-attribut/1667185#m1667185 <p>Hallo Christian,</p> <blockquote> <p>Das ist nicht weiter schwer, vor allem, wenn dir bereits jQuery zur Verfügung steht. Du musst halt die Werte aus den Checkboxen zusammen suchen (am besten in einen Array), dann alle Artikel durchgehen und schauen, ob der Wert von <code>data-article</code> in dem Array enthalten ist.</p> <pre><code class="block language-js"><span class="token keyword">var</span> values <span class="token operator">=</span> <span class="token punctuation">[</span><span class="token string">'foo'</span><span class="token punctuation">,</span> <span class="token string">'bar'</span><span class="token punctuation">]</span><span class="token punctuation">;</span> <span class="token function">$</span><span class="token punctuation">(</span><span class="token string">'[data-article]'</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">each</span><span class="token punctuation">(</span><span class="token keyword">function</span><span class="token punctuation">(</span><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>$<span class="token punctuation">.</span><span class="token function">inArray</span><span class="token punctuation">(</span><span class="token function">$</span><span class="token punctuation">(</span><span class="token keyword">this</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">attr</span><span class="token punctuation">(</span><span class="token string">'data-article'</span><span class="token punctuation">)</span><span class="token punctuation">,</span> values<span class="token punctuation">)</span><span class="token punctuation">)</span> <span class="token punctuation">{</span> <span class="token function">$</span><span class="token punctuation">(</span><span class="token keyword">this</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">css</span><span class="token punctuation">(</span><span class="token string">'display'</span><span class="token punctuation">,</span> <span class="token string">'none'</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span> </code></pre> </blockquote> <p>vielen Dank für dein Beispiel.</p> <p>Also lag ich gestern Abend doch richtig, dass ich dafür die Data-Atribute nutzen kann. Auch war meine Aussage mit "<a href="https://forum.selfhtml.org/self/2016/may/11/html-data-attribut/1667146#m1667146" rel="noopener noreferrer">Wenn du keine Ahnung hast</a>" richtig. Aber Hauptsache erstmal einen - geben.</p> HTML Data-Attribut Thu, 12 May 16 08:20:59 Z https://forum.selfhtml.org/self/2016/may/11/html-data-attribut/1667190#m1667190 https://forum.selfhtml.org/self/2016/may/11/html-data-attribut/1667190#m1667190 <p>@@Thomas</p> <blockquote> <p>Auch war meine Aussage mit "<a href="https://forum.selfhtml.org/self/2016/may/11/html-data-attribut/1667146#m1667146" rel="noopener noreferrer">Wenn du keine Ahnung hast</a>" richtig.</p> </blockquote> <p>Nein, war sie nicht. Klawischnigg fand deine Problembeschreibung unzureichend. Er hatte „keine Ahnung“, was du eigentlich genau willst. Das heißt nicht, dass er allgemein keine Ahnung hätte.</p> <blockquote> <p>Aber Hauptsache erstmal einen - geben.</p> </blockquote> <p>Das war ich. Du hast dir den Minuspunkt redlich verdient.</p> <p>LLAP </p> <div class="signature">-- <br> <em>“You might believe there are benefits for the developer, but first of all, you should put those behind the interest of the user.”</em> —Stefan Tilkov<br> <em><a href="http://community.de.selfhtml.org/fanprojekte/selfcode.htm" rel="nofollow noopener noreferrer">Selfcode</a>: <code>sh:) fo:} ch:? rl:) br:> n4:& va:| de:> zu:} fl:{ ss:| ls:# js:|</code></em> </div> HTML Data-Attribut Thu, 12 May 16 10:02:00 Z https://forum.selfhtml.org/self/2016/may/11/html-data-attribut/1667201#m1667201 https://forum.selfhtml.org/self/2016/may/11/html-data-attribut/1667201#m1667201 <p>@@dedlfix</p> <blockquote> <p>Nun zum eigentlichen Punkt. Der lautet: Ändern von CSS-Eigenschaften (hier display) aufgrund gesetzter Attribute anderer Elemente. Das kann man allein mit CSS regeln (behaupte ich mal)</p> </blockquote> <p><a href="http://codepen.io/gunnarbittersmann/pen/reRPJj" rel="noopener noreferrer">Beweis</a>. <sup class="footnote-ref"><a href="#fn1" id="fnref1">[1]</a></sup></p> <blockquote> <p>wenn man einen Selektor zu formulieren in der Lage ist (technisch gesehen), der beide Elemente ansprechen kann. Das geht nur nicht quer durch das Dokument, sondern die Bedingungen müssen Elternelemente sein oder Geschwister (Siblings).</p> </blockquote> <p>Oder Geschwister eines Vorfahrens, wie in meinem Beispiel.</p> <p>Wenn man den Filter als <em>progressive enhancement</em> ansieht, ist der <em>WebKit Adjacent/General Sibling & Pseudo Class Bug</em> egal. In alten Androids funktioniert der Filter halt nicht; es wird alles angezeigt.</p> <p>Das größere Problem der CSS-only-Lösung: Man will das Markup vermutlich besser strukturieren. Deshalb: ja, JavaScript.</p> <p>Und das auch über das History-API die Änderung der Filtereinstellung im URI festhalten. Dann kann der Nutzer per Browser-Backbutton zu vorigen Einstellungen zurück. Und vor allem: Jede Einstellung hat ihren eigenen URI und kann gebookmarkt und an andere weitergegeben werden.</p> <p>JavaScript heißt: Bei einem passenden Element (in meinem Beispiel der Liste <code>#hand</code>) in einem <code>data</code>-Attribut (o.a. Klassenattribut) die Filterauswahl festhalten. Das Verstecken erledigt nach wie vor CSS.</p> <p>LLAP </p> <div class="signature">-- <br> <em>“You might believe there are benefits for the developer, but first of all, you should put those behind the interest of the user.”</em> —Stefan Tilkov<br> <em><a href="http://community.de.selfhtml.org/fanprojekte/selfcode.htm" rel="nofollow noopener noreferrer">Selfcode</a>: <code>sh:) fo:} ch:? rl:) br:> n4:& va:| de:> zu:} fl:{ ss:| ls:# js:|</code></em> </div> <hr class="footnotes-sep"> <section class="footnotes"> <ol class="footnotes-list"> <li id="fn1" class="footnote-item"><p>Ich hab Klassen verwendet. <code>data-category</code> würde nichts anderes ausdrücken als eine Klassifizierung.</p> <p>Aber auch mit <code>data</code>-Attibuten ginge diese CSS-only-Lösung. Dann eben <code class="language-css">#<span class="token property">show-spades</span><span class="token punctuation">:</span><span class="token function">not</span><span class="token punctuation">(</span><span class="token punctuation">:</span>checked<span class="token punctuation">)</span> ~ #hand [data-category=<span class="token string">"spades"</span>]</code> usw. <sup class="footnote-ref"><a href="#fn2" id="fnref2">[2]</a></sup> <a href="#fnref1" class="footnote-backref">↩︎</a></p> </li> <li id="fn2" class="footnote-item"><p>Bei vielen Kategorien (Klassen) kann man bei Verwendung eines CSS-Präprozessors (bspw. Sass) eine Schleife zur Erstellung der Selektorenliste nutzen:</p> <pre><code class="block language-scss"><span class="token property"><span class="token variable">$categories</span></span><span class="token punctuation">:</span> <span class="token punctuation">(</span>spades<span class="token punctuation">,</span> hearts<span class="token punctuation">,</span> diamonds<span class="token punctuation">,</span> clubs<span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token selector"><span class="token placeholder">%hidden</span> </span><span class="token punctuation">{</span> <span class="token property">display</span><span class="token punctuation">:</span> none <span class="token punctuation">}</span> <span class="token keyword">@each</span> <span class="token selector"><span class="token variable">$category</span> in <span class="token variable">$categories</span> </span><span class="token punctuation">{</span> #<span class="token property">show-<span class="token variable">#{$category}</span></span><span class="token punctuation">:</span><span class="token function">not</span><span class="token punctuation">(</span><span class="token punctuation">:</span>checked<span class="token punctuation">)</span> <span class="token selector">~ #hand .<span class="token variable">#{$category}</span> </span><span class="token punctuation">{</span> <span class="token keyword">@extend</span> <span class="token placeholder selector">%hidden</span><span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token punctuation">}</span> </code></pre> <a href="#fnref2" class="footnote-backref">↩︎</a></li> </ol> </section> HTML Data-Attribut Thu, 12 May 16 08:22:01 Z https://forum.selfhtml.org/self/2016/may/11/html-data-attribut/1667191#m1667191 https://forum.selfhtml.org/self/2016/may/11/html-data-attribut/1667191#m1667191 <p>Hallo,</p> <blockquote> <p>Das war ich. Du hast dir den Minuspunkt redlich verdient.</p> </blockquote> <p>und ich wollte noch schreiben "Ich kann mir schon denken von wem das kommt" :)</p> HTML Data-Attribut Fri, 13 May 16 09:01:32 Z https://forum.selfhtml.org/self/2016/may/11/html-data-attribut/1667238#m1667238 https://forum.selfhtml.org/self/2016/may/11/html-data-attribut/1667238#m1667238 <p>Ich stimme euch zu: technisch geht das. Aber - um an eine andere Diskussion anzuknüpfen - ist das funktional? Wie reagieren Assistenztools auf diese CSS Schaltvorgänge? Ich muss zugeben: Ich bin kein echter Webentwickler, ich habe mich mit Assistenzfunktionen für Menschen mit Beeinträchtigungen noch nicht beschäftigt.</p> <p>Aus Programmierersicht hätte ich aber auch noch Frageen an eine reine CSS Lösung. "Lehrer" und "Schüler" sind fachliche Kategorien, keine technischen, und das bedeutet, dass im Style Sheet Fachlogik steckt. Sollte eine weitere Kategorie hinzukommen, muss man diese Filter-Styles erweitern. Bisher habe ich den JS und CSS Anteil einer Webseite für statisch gehalten, d.h. nicht vom Autor der Inhalte beeinflusst. Das CSS kann sich ändern, wenn der Seitenbetreiber das Design ändert oder wenn der Anwender Designs zur Auswahl hat. Aber wegen redaktionellen Änderungen? Wozu auch Kategorisierungen von Inhalten zählen? Die - so glaubte ich - kommen rein aus dem HTML (bzw. werden vom JS herbeigeAJAXt und ins DOM gesteckt).</p> <p>Gruß Rolf</p> HTML Data-Attribut Fri, 13 May 16 09:15:29 Z https://forum.selfhtml.org/self/2016/may/11/html-data-attribut/1667242#m1667242 https://forum.selfhtml.org/self/2016/may/11/html-data-attribut/1667242#m1667242 <p>Tach!</p> <blockquote> <p>Ich stimme euch zu: technisch geht das. Aber - um an eine andere Diskussion anzuknüpfen - ist das funktional? Wie reagieren Assistenztools auf diese CSS Schaltvorgänge? Ich muss zugeben: Ich bin kein echter Webentwickler, ich habe mich mit Assistenzfunktionen für Menschen mit Beeinträchtigungen noch nicht beschäftigt.</p> </blockquote> <p>Ich auch nicht, aber ich glaube nicht, dass es signifikant unterschiedlich ist, wie ein display:none entsteht. Ob es via Javascript gesetzt wird oder per CSS-Selektor, es ist in beiden Fällen eine Eigenschaft der Elemente, die man über ein wie auch immer programmiertes getComputedStyle() herausfinden kann. Browser können das in ihren Entwicklertools, da sollte das andere Software auch hinbekommen.</p> <blockquote> <p>Aus Programmierersicht hätte ich aber auch noch Frageen an eine reine CSS Lösung. "Lehrer" und "Schüler" sind fachliche Kategorien, keine technischen, und das bedeutet, dass im Style Sheet Fachlogik steckt. Sollte eine weitere Kategorie hinzukommen, muss man diese Filter-Styles erweitern. Bisher habe ich den JS und CSS Anteil einer Webseite für statisch gehalten, d.h. nicht vom Autor der Inhalte beeinflusst. Das CSS kann sich ändern, wenn der Seitenbetreiber das Design ändert oder wenn der Anwender Designs zur Auswahl hat. Aber wegen redaktionellen Änderungen? Wozu auch Kategorisierungen von Inhalten zählen? Die - so glaubte ich - kommen rein aus dem HTML (bzw. werden vom JS herbeigeAJAXt und ins DOM gesteckt).</p> </blockquote> <p>Die Alternative zu fachlichen Selektoren im CSS sind generische, die sich auf die Darstellung beziehen, also rot/blau/oben/unten. Es müssten dann genügend Klassen-Selektoren für Farben und dergleichen zur Verfügung stehen. Kann man machen, aber da kenne ich mindestens einen, der zum Podologen muss, um seine Fußnägel wieder richten zu lassen. Eine weitere Alternative sind Inline-Styles, die man eben direkt setzt, ohne das grundlegende Seiten-Design-CSS anzufassen. Auch das ist icht gerade beliebt. Aber was soll's, wenn du das bei dir machst, musst du nur die bisher gelesenen Warnungen/Meinungen ignorieren, es wird keiner neben dir sitzen und dich mit Gewalt davon abhalten.</p> <p>dedlfix.</p> HTML Data-Attribut Fri, 13 May 16 11:05:51 Z https://forum.selfhtml.org/self/2016/may/11/html-data-attribut/1667247#m1667247 https://forum.selfhtml.org/self/2016/may/11/html-data-attribut/1667247#m1667247 <p>@@Rolf b</p> <blockquote> <p>"Lehrer" und "Schüler" sind fachliche Kategorien, keine technischen, und das bedeutet, dass im Style Sheet Fachlogik steckt.</p> </blockquote> <p>Nein, die „Fachlogik“ steckt im Markup. Dort werden die Dinge den Kategorien zugeordnet.</p> <blockquote> <p>Sollte eine weitere Kategorie hinzukommen, muss man diese Filter-Styles erweitern.</p> </blockquote> <p>Wenn nicht anfangs schon alle denkbaren Kategorien eingeplant wurden (auch wenn es noch keine zugehörigen Dinge gibt), ja. Ohne den Inhalt zu kennen, kann man halt nicht designen. Wenn sich der Inhalt (grundlegend) ändert, darf sich auch das Design ändern.</p> <blockquote> <p>Aber wegen redaktionellen Änderungen? Wozu auch Kategorisierungen von Inhalten zählen?</p> </blockquote> <p>Tun sie das? Oder ist die Kategorisierung nicht eine grundsätzliche Sache?</p> <p>Jedenfalls: Ja, wenn eine vorher nicht eingeplante Kategorie hinzukommt, wird das Stylesheet ergänzt. Vielleicht ändern sich ja auch Farben der bisherigen Kategorien, um für eine hinzukommende Farbe genügend Kontrast zu haben.</p> <p>LLAP </p> <div class="signature">-- <br> <em>“You might believe there are benefits for the developer, but first of all, you should put those behind the interest of the user.”</em> —Stefan Tilkov<br> <em><a href="http://community.de.selfhtml.org/fanprojekte/selfcode.htm" rel="nofollow noopener noreferrer">Selfcode</a>: <code>sh:) fo:} ch:? rl:) br:> n4:& va:| de:> zu:} fl:{ ss:| ls:# js:|</code></em> </div> HTML Data-Attribut Fri, 13 May 16 10:57:11 Z https://forum.selfhtml.org/self/2016/may/11/html-data-attribut/1667245#m1667245 https://forum.selfhtml.org/self/2016/may/11/html-data-attribut/1667245#m1667245 <p>@@dedlfix</p> <blockquote> <p>Ich auch nicht, aber ich glaube nicht, dass es signifikant unterschiedlich ist, wie ein display:none entsteht.</p> </blockquote> <p>Aber wie es sich <em>ändert</em>. Damit AT auf Änderungen reagiert, muss man sie wohl darauf aufmerksam machen. Oder sie per <code>aria-live</code> dazu bringen, aufmerksam zu sein.</p> <blockquote> <p>Die Alternative zu fachlichen Selektoren im CSS sind generische, die sich auf die Darstellung beziehen, also rot/blau/oben/unten. Es müssten dann genügend Klassen-Selektoren für Farben und dergleichen zur Verfügung stehen. Kann man machen, aber da kenne ich mindestens einen, der zum Podologen muss, um seine Fußnägel wieder richten zu lassen.</p> </blockquote> <p>YMMD.</p> <p>Dann wird die Zuordnung Kategorie–Farbe im Markup getroffen. Hm …</p> <blockquote> <p>Eine weitere Alternative sind Inline-Styles, die man eben direkt setzt, ohne das grundlegende Seiten-Design-CSS anzufassen. Auch das ist icht gerade beliebt.</p> </blockquote> <p>Wenn der Stil untrennbar zum Inhalt gehört, sind Inline-Styles <a href="https://twitter.com/g16n/status/730812317366136832" rel="nofollow noopener noreferrer">durchaus angebracht</a>.</p> <p>Aber nicht, dass ich den Fall hier für gegeben halte.</p> <p>LLAP </p> <div class="signature">-- <br> <em>“You might believe there are benefits for the developer, but first of all, you should put those behind the interest of the user.”</em> —Stefan Tilkov<br> <em><a href="http://community.de.selfhtml.org/fanprojekte/selfcode.htm" rel="nofollow noopener noreferrer">Selfcode</a>: <code>sh:) fo:} ch:? rl:) br:> n4:& va:| de:> zu:} fl:{ ss:| ls:# js:|</code></em> </div> HTML Data-Attribut Fri, 13 May 16 14:06:09 Z https://forum.selfhtml.org/self/2016/may/11/html-data-attribut/1667262#m1667262 https://forum.selfhtml.org/self/2016/may/11/html-data-attribut/1667262#m1667262 <blockquote> <blockquote> <p>"Lehrer" und "Schüler" sind fachliche Kategorien, keine technischen, und das bedeutet, dass im Style Sheet Fachlogik steckt.</p> </blockquote> <p>Nein, die „Fachlogik“ steckt im Markup. Dort werden die Dinge den Kategorien zugeordnet.</p> </blockquote> <p>Die Fachlogik, die ich meine, ist das Einblenden von Artikeln basierend auf dem Zustand einer Checkbox.</p> <blockquote> <blockquote> <p>Sollte eine weitere Kategorie hinzukommen, muss man diese Filter-Styles erweitern. Wenn nicht anfangs schon alle denkbaren Kategorien eingeplant wurden (...), ja. Ohne den Inhalt zu kennen, kann man halt nicht designen.</p> </blockquote> </blockquote> <p>Darauf wollte ich ja hinaus. WENN es planbar ist. Wenn die Kategorien fixiert sind und nicht von Inhaltsautoren frei wählbar. Aber das ist nun Spekulatius, und da kein Advent ist...</p> <blockquote> <blockquote> <p>Aber wegen redaktionellen Änderungen? Wozu auch Kategorisierungen von Inhalten zählen? Tun sie das? Oder ist die Kategorisierung nicht eine grundsätzliche Sache?</p> </blockquote> </blockquote> <p>Würde ich nach Stand der Diskussion mit einem klaren Jein beantworten :-) Aber damit hat Thomas zumindest ein Kriterium, nach dem er entscheiden kann ob die CSS Lösung für ihn eine gute Idee ist.</p> <p>Tschö Rolf</p>