Otazkou zni, proc to googluji ja a ne ty? :)
Příspěvky odeslané z IP adresy 2001:718:2601:258:11a4:e5...–
Tak, na stackoverflow psali, ze to nejde, pry.
Nicmene, existuje neco jako 'content' a 'text'.
A jeste jednu stranku jsem nasel. Ale, tam, podle mne, maji pridany js, ktery umi ten css prelozit. Ale, treba to bude fungovat i bez toho.
https://discourse.wicg.io/…/629/16
<h2>Text from attribute as innerHTML</h2>
<div id=text data-text="This is <strong>HTML</strong> text."></div>
<style>
@element '#text' {
eval('innerHTML = getAttribute("data-text")');
}
</style>
<script src=http://elementqueries.com/EQCSS.js></script>
S tim css selektorem jsem to bohuzel nenasel rozumne vysvetlene, jak to jde kombinovat. Z toho prikladu vyplyva, ze musis mit kontrukci
<style>tag[param^="-"]{}</style>
<tag param="-xyz">abc</tag>
'param' zacina znaky "-", pak mu dej cervenou barvu. jenze to znamena pridat neco k tagu. Nevim, zda, kdyby se pouzilo value nebo html nebo inner-html nebo neco tak, jestli by to take fungovalo.
Ten js by se dal pouzit ze stranky
https://www.hanselman.com/…ascript.aspx
<style type="text/css">
td.negative { color : red; }
</style>
<script language="JavaScript" type="text/javascript">
<!--
function MakeNegative() {
TDs = document.getElementsByTagName('td');
for (var i=0; i<TDs.length; i++) {
var temp = TDs[i];
if (temp.firstChild.nodeValue.indexOf('-') == 0) temp.className = "negative";
}
}
//-->
</script>
Mozna by se dalo pouzit formatovani pomoci parametru
http://rpbouman.blogspot.com/…matting.html
<style type="text/css">
/* right-align monetary amounts */
td[data-monetary-amount] {
text-align: right;
}
/* make the cells output their value */
td[data-monetary-amount]:after {
content: attr(data-monetary-amount);
}
/* make debit amounts show up in red */
td[data-monetary-amount^="-"]:after {
color: red;
}
</style>
https://css-tricks.com/forums/topic/what-is-a-htc-file/
https://www.interval.cz/clanky/prirazeni-skriptu-stylem-behavior-a-htc/
#someSelector1 {
behavior: url('js/file.htc'); /*pomoci htc*/
}
#someSelector2 {
width:expression(document.body.clientWidth > 800? "800px": "auto" ); /*primy vstup js*/
}
file.htc
<component>
<attach event=“onmouseover“ onevent=“prebarvit(‚red‘)“>
<attach event=“onmouseout“ onevent=“prebarvit(‚yellow‘)“>
<script>
function prebarvit(barva)
{
element.style.backgroundColor = barva; // tady by stacilo zmenit na neco takoveho
element.style.className = element.innerHTML*1 > 0 ? 'barva1' : 'barva2'; // a na hover to pak bude obarvovat
}
</script>
</component>
Udalost bych pouzil mozna onload nebo onDocumentReady, viz ten clanek interval.cz, skoro uplne dole.
Mozna by tam mohlo byt spis td_all[i].innerHTML*1>0, aby to pro jistotu prevedl zrovna na cislo.
Do css se to dava pres behaviour nebo nejak podobne. Ale to neni nutne, jestli tam muzes pripsat link na script.
function getTag(el, name) {return el.getElementsByTagName(name);}
table_all = getTag(document,'TABLE');
table = table_all[0]; // tabulka
tr_all = getTag(table,'TR'); // vsechny radky
td_all = getTag(tr_all[0],'TD'); // vsechny sloupce pro radek 0
+ par cyklu (i_end = tr_all.length)
+ podminka
td_all[i].className = td_all[i].innerHTML>0 ? 'kladne' : 'zaporne'; // zmeni class