Forum PHP.pl > [JavaScript][CSS] Podmiana załadowanego stylu

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript][CSS] Podmiana załadowanego stylu

!*!

14.11.2009, 14:28:45

Przykładowo wczytuję plik z innego serwera na swoją stronę np. widget do rozmowy z gg.

[HTML] pobierz, plaintext 
<script type="text/javascript" src="http://widget.gadu-gadu.pl/getCode.php?id=xxx"></script>
[HTML] pobierz, plaintext

Dzięki temu na swojej stronie mam wyświetlone okno które ma swój styl. Można go jakoś zamienić u mnie poprzez JS/CSS?

wookieb

14.11.2009, 14:31:31

Możesz. Nadpisując reguły css.

!*!

14.11.2009, 14:32:41

właśnie próbowałem to zrobić poprzez :

Kod

document.getElementById('costam').style.color='red';

Jednak nic się nie zmienia.

iVorIus

14.11.2009, 14:46:02

Tak jak powiedział wookieb, nadpisujesz w css, nie js.

Plik css:

[CSS] pobierz, plaintext 
div#ggWidgetTitleBar{
  background: #FFFFFF !important;
}
[CSS] pobierz, plaintext

Ale zauważyłem, że przy generowaniu kodu, jest możliwość zmiany wyglądu okna, itp.

!*!

14.11.2009, 14:47:33

właśnie ten motyw też nie działa, ponieważ zawartość okna JS jest wczytywana na samym końcu, prawda? Próbowałem dać też styl na końcu pliku, jednak i tak jest to ignorowane.

iVorIus

14.11.2009, 14:55:02

Nie kumam Cie

Styl css nadpisuje właściwości tego okienka, nie ważne czy będzie ono na początku, czy na końcu strony.

!*!

14.11.2009, 15:23:15

Nie nadpisuje jego właściwości, sprawdź sam http://www.gadudodatki.pl/webAplikacje/show/id/39077 okno gg pomimo zmian stylu, pozostaje takie samo.

iVorIus

14.11.2009, 15:40:11

Sprawdziłem, nadpisuje.

Jakim sposobem próbujesz to nadpisać? Pokaż kod.

Pawel_W

14.11.2009, 15:40:45

http://www.kurshtml.boo.pl/skrypty/skorki.html

chyba o to chodzi ;o

!*!

15.11.2009, 13:53:44

iVorIus

[HTML] pobierz, plaintext 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title></title>
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
 
<!-- (C) GG Network SA - Gadu-Gadu Widget --> 
<script type="text/javascript" src="http://widget.gadu-gadu.pl/getCode.php?id=xxx"></script>
 
</body>
</html>
[HTML] pobierz, plaintext

A w pliku style.css zmieniam wartości id, tego okna które odczytuje (opera dragonfly) i nic się nie zmienia.

iVorIus

15.11.2009, 20:25:01

Skrypt gg wczytuje się jako nowy dokument html, i pobiera wartości z pliku stylu ggwidget.css.

Na css pomysłów nie mam, a AFAIK js będzie odwoływał się do danego dokumentu, nie do tego, w którym znajduje się okienko gg.. Chyba, że spróbować, po nazwie ramek zmienić styl {?} .

!*!

16.11.2009, 11:53:40

iVorIus, tak wiem o tym z jakiego pliku jest to odczytywane. Pisałeś że wiesz jak to nadpisać, dlatego pytam się jak? Sam rozwiązania zbytnio nie widzę.

iVorIus

16.11.2009, 19:45:06

Źle to wyraziłem, nadpisałem to w Stylish (FF), i to działało, ale tylko u mnie, przy każdym wczytaniu strony styl widgetu, został zastępowany przez styl podany w Stylishu.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.