RegExp, uvozovky/apostrofy – JavaScript, AJAX, jQuery – Fórum – Programujte.com

1.JS=reklamní lišta vygeneruje HTML s inline styly --> tohle je jedna položka seznamu

<LI style="DISPLAY: inline; BACKGROUND: url(http://img.ic.cz/img/9.gif) no-repeat 50% 50%; COLOR: blue! important; LIST-STYLE-TYPE: none! important"><A class=ic_lista onmousedown="javascript:void(myImage = new Image());void(myImage.src = 'http://c.ic.cz/klik.php?url_id=73&l=3&p=4');" title="Hosting za super ceny." style="FONT-SIZE: 12px! important; COLOR: black" onclick="javascript:urchinTracker('/clicks/click');" href="http://c.ic.cz/redir.php?url_id=73&l=3" target=_blank>Webhosting od 19 Kč</A></LI>

var uH = lists[i].innerHTML;

uH = uH.replace(/(<li\s+style="[^"]+)("[^>]*>)/gi,

                  '$1; background-position: 3px 50% !important ;$2'

                );

lists[i].innerHTML = uH;

<LI STYLE='word-spacing: -1px; display: inline; list-style-type: none; background-attachment: scroll; background-repeat: no-repeat; background-position: 0px 50%; background-color: transparent; background-image: url("http://img.ic.cz/img/4.gif"); padding-top: 0; padding-right: 6px; padding-bottom: 0; padding-left: 11px'><A target="_blank" onmousedown="javascript:void(myImage = new Image());void(myImage.src = 'http://c.ic.cz/klik.php?url_id=73&l=3&p=4');" STYLE='color: #ffffff; font-size: 12px' class="ic_lista" title="Hosting za super ceny." onclick="javascript:urchinTracker('/clicks/click');" href="http://c.ic.cz/redir.php?url_id=73&l=3">Webhosting od 19 Kč</A></LI>

A co takhle manualne nastavit ty styly pres JS pomoci DOM, ne pomoci nharazovani kodu?

To CommanderZ : Přečti si to pozorně ..... ! IMPORTANT

A co, afaik JS nejaky important moc nevzrusuje ;)

To Petroff :
Veľmi som to asi nepochopil, veď cez dom to ísť musí, to je vlastne už najnižšia úroveň... symbol !important len hovorí o zvýšenej dôležitosti konkrétneho zápisu v css, a hodnota s najvyššou dôležitosťou sa nakoniec zapíše do DOM. Čiže keď z JS pristupuješ priamo na dom, tak si myslím, že musíš prepísať všetko. Priznak "!important" by sa v odovzdávanej hodnote nemal objavovať, ten do nej totiž nepatrí ...myslím to tak, že:

element.style.padding="0 0 0 10px !important" je nesprávny zápis, pretože teraz odovzdávam hodnotu, nie nejaký css predpis. a !important nie je súčasťou hodnoty. (výraz by mal vyhodiť nejaký notice css parsera)
Btw, v tom zápise s paddingom ti chýbal pred slovom important výkričník...

!important by sa ešte mohol vyskytnúť v cssText, čo sa mi marí že je hodnota uvedená v atribúte style. Pozri cez DOM inspector.

Skús toto:

<span id="a" style="font-weight:bold !important">TOTO JE TUCNE</span>

<script>

  // document.getElementById('a').style.cssText = 'font-weight: normal'; // funguje

  // document.getElementById('a').style.cssText = 'font-weight: normal !important'; // funguje

  // document.getElementById('a').style.fontWeight = ''; // funguje

  // document.getElementById('a').style.fontWeight = 'normal'; // nefunguje ( ? )

</script>

Proč se nějakým important vůbec zabývám:
<div id="reklama"> <script type="text/javascript" src="http://img.ic.cz/3/lista.blue.utf.js"></script> </div>
Tahle lišta s reklamou svým grafickým projevem (barva pozadí apod) kazí vzhled. Pár změn ve stylech a je to OK.
Vlastnosti kt. nemají použitý inline important jsem dal do stylů s important a zbývající 2 musím uložit jako inline style s prioritou important.
To Prog. : od věci to není - určitě bych rád věděl, jak (jestli) to jde nastavovat přes DOM. Přece ta důležitost prvku někde musí být uložená ....
VYŘEŠENO
=> zjistil jsem že jedním RegExp předpisem to udělat nejde, protože zpětné reference nelze negovat:
"[^"]+ .... lze
(['"]) [^\1]+ ....nelze
Takže nadvakrát:

uH = uH.replace(/(<li\s+style="[^"]+)("[^>]*>)/gi,'$1;padding: 0px 3px 0 14px !important; background-position: 3px 50% !important ;$2');

uH = uH.replace(/(<li\s+style='[^']+)('[^>]*>)/gi,'$1;padding: 0px 3px 0 14px !important; background-position: 3px 50% !important ;$2');