Greasemonkey - kolor kart

[spiritRKS1910]

Potrzebuje jakiegoś zjadliwego kodu JavaScript, odpalanego przez Greasemonkey, który pozwoli mi zmieniać kolory otwartych kart w zależności od jakiegoś zdarzenia (coś się na stronie pojawi, coś wyskoczy, etc...). Przegrzebałem trochę Googlacza, niestety nic konkretnego nie znalazłem. Zajrzałem do kodu rozszerzenia Aging Tabs niestety niewiele z niego rozumuję. Miał ktoś podobny problem i wie jak sobie z nim poradzić?

[Grzegorz]

Na początek to musisz dokładnie wyjaśnić od czego mają zależeć kolory kart, bo obecny opis nie wyjaśnia problemu.

[spiritRKS1910]

Powiedzmy, że od zawartości jakiegoś elementu np.

var p = document.getElementsByTagName("p")[0].textContent;

if (p == "someText"){
colorTAB <<< no właśnie jak?

}

Wiem, że są polecenia stylów dotyczące wyglądu przeglądarki zapisywane są w chrome.css, tylko nie wiem jak to wykorzystać w skrypcie js. Pokombinuje z wstawieniem stylów w HEAD, znacznik <style>, ogólnie to kręcę się w kółko. Jedyne co udało mi się pewnego wymodzić to zmiana tytułu strony, widoczna na karcie natychmiastowo, taka awaryjna sygnalizacja, no ale nie ma jak soczysta czerwień.

[Grzegorz]

element.style.backgroundColor = '#FFCC00', za "element" podstaw ID karty, za "#FFCC00" własny kod koloru.

P.S. Przyda Ci się DOM Inspector.

[spiritRKS1910]

Hmm mam jakiś inspector DOM w Firebug-u, niestety nie wiem pod jaką nazwą szukać ID karty, jeśli w ogóle takie ID jest tworzone. Problem rozwiązałem w inny sposób. W przypadku spełnienia warunku zmieniam sobie tytuł karty (czyli tytuł aktualnego dokumentu) i w pliku odpowiedzialnym za styl przeglądarki zmieniam odpowiednio wygląd karty jeśli tytuł się zgadza. Trochę na okrętkę ale sprawdza się znakomicie.

[Grzegorz]

.tabbrowser-tabs - pasek kart
.tabbrowser-tabs .tabs-stack .tabs-bottom - odstęp pod paskiem kart
.tabbrowser-tabs .tabs-container - pojemnik dla kart
.tabbrowser-tabs tab - karta
.tabbrowser-tabs tab:hover - karta po najechaniu myszą
.tabbrowser-tabs tab[selected="true"] - aktywna karta
.tabbrowser-tabs tab[label="tytuł"] - karta o tytule "tytuł"


// Jakby ktoś natrafił w swoich poszukiwaniach na ten temat, to pewne rozwinięcie tego sposobu można znaleźć tu: viewtopic.php?p=201574#p201574 [Mirek]