Anonymní profil peter – Programujte.com
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu

Anonymní profil peter – Programujte.comAnonymní profil peter – Programujte.com

 

Příspěvky odeslané z IP adresy 2001:718:2601:258:11a4:e5...–

peter
CSS › podmíněné zobrazení barvy
12. 6. 2018   #221329

Otazkou zni, proc to googluji ja a ne ty? :)

peter
CSS › podmíněné zobrazení barvy
12. 6. 2018   #221328

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>
peter
CSS › podmíněné zobrazení barvy
12. 6. 2018   #221327

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.

peter
CSS › podmíněné zobrazení barvy
12. 6. 2018   #221326

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>
peter
CSS › podmíněné zobrazení barvy
12. 6. 2018   #221325

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.
peter
CSS › podmíněné zobrazení barvy
12. 6. 2018   #221320

Mozna by tam mohlo byt spis td_all[i].innerHTML*1>0, aby to pro jistotu prevedl zrovna na cislo.
 

peter
CSS › podmíněné zobrazení barvy
12. 6. 2018   #221319

 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

 

 

Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032024 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý