Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨

[OliverIO]

@liv-in-sky

nicht anhängen, nur davor schreiben

die folgende definition bedeutet, das alle elemente mit dem klassen namen css2, welche sich innerhalb eines anderen elements mit klassennamen css1 befindet die schrift rot gefärbt wird.
dabei muss das element mit css1 nicht direkt darüber sein, sondern kann auch mehrere ebenen in der hierarchie darüber sein.

.css1 .css2 {
    color: red;
}

wie gesagt, lesen den artikel, da steht das drin, auf deutsch, mit beispiele
und am besten in jsfiddle ein bisschen zum verständnis mit rumspielen

[liv-in-sky]

@oliverio ich hab edich schon verstanden -werde aber trotzdem nochmal dieses aneinaderhängen durchlesen

aber wenn du ein html über ein script erzeugst, hat man ja die möglichkeit einfach eine anderen texteil anzuhängen

let dpVIS="definierterEinmaligerName" //damit werden datenpunkte erzeugt
<style> .myclass+"dpVIS" { height: 13px}..............</style>

fühl ich mich wohler dabei und kommt aufs selbe ergebnis - keine doppelten class.namen

[OliverIO]

@liv-in-sky said in suche hilfe bei tabelle mit scroll im tbody:

@oliverio ich hab edich schon verstanden -werde aber trotzdem nochmal dieses aneinaderhängen durchlesen

aber wenn du ein html über ein script erzeugst, hat man ja die möglichkeit einfach eine anderen texteil anzuhängen

let dpVIS="definierterEinmaligerName" //damit werden datenpunkte erzeugt
<style> .myclass+"dpVIS" { height: 13px}..............</style>

fühl ich mich wohler dabei und kommt aufs selbe ergebnis - keine doppelten class.namen

macht aber ein paar dinge komplizierter und du wirst mehr css-klassen definieren müssen

[liv-in-sky]

@oliverio bin noch am überlegen - hab gerade wenig zeit - werd das auf jeden fall in erinnerung halten - du hast da def. mehr erfahrung

nebenbei entdecke ich gerade jquery - ist echt cool, was da geht

z.b.eine

suche

[liv-in-sky]

@oliverio

ich schon wieder - jetzt passiert das, was ich erwähnt hatte - ich ändere in der tabelle etwas - und die anderen widgets reagieren - sieht cool aus - ist aber doof

das ist eine test-view - daher so durcheinander- wenn ich in der searchbox etwas eingebe - reagieren rechts oben in der ecke und das große orange (material design)

passiert durch jquery

var allRows = $("[class*='gerade${dpVIS}']");console.log(allRows);  $("input#search").on("keydown keyup", function() {  allRows.hide();  $("tr:contains('" + $(this).val() + "')").show();});`

hier die console und html code:

ich weiß nicht, warum die reagieren - hast du eine idee

[liv-in-sky]

@oliverio

sorry - habe jetzt nach abschicken den fehler gefunden - ich hatte noch eine tabelle in einer anderen view - die hat da rein gemurkst - dort ist das jquery in der reinform von "google" und das gilt dann für die ganzen views :-(

`var allRows = $("tr");  $("input#searchnmap").on("keydown keyup", function() {  allRows.hide();  $("tr:contains('" + $(this).val() + "')").show();});`

das tr in allrows

[OliverIO]

@liv-in-sky

ok,

du weißt, das es die gerade/ungerade regeln auch direkt für css gibt.
siehe folgendes dokument, schlüsselwort even/uneven

https://developer.mozilla.org/de/docs/Web/CSS/:nth-child

verwende ich auch bei den widgets für tvprogram

[liv-in-sky]

@oliverio was passiert, wenn ich sage- kannte ich nicht ?

die template-scripte sind ja ohne css gemacht worden - bin gerade dabei, das alles auf css umzustellen und zu verbessern - damals war die große herausforderung, mehrere tabellen nebeneinander hinzubekommen und ich hatte für verschiedene spaltenanzahl verschiedene templates - dh ich mußte immer viele templates ändern, bei änderungen - jetzt ist das allles besser geworden

wird schon werden :-)

[OliverIO]

@liv-in-sky

alles gut

[liv-in-sky]

@oliverio

wollt mich eh noch bedanken - konnte einiges umsetzen - auch nth-child konnte ich gut gebrauchen

https://github.com/liv-in-sky/sonoff-iobroker-script