Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [JavaScript][CSS] Podmiana załadowanego stylu
!*!
post
Post #1





Grupa: Zarejestrowani
Postów: 4 298
Pomógł: 447
Dołączył: 16.11.2006

Ostrzeżenie: (0%)
-----

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

[HTML] pobierz, plaintext 
  1. <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?
Go to the top of the page
+Quote Post
wookieb
post
Post #2





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk
Możesz. Nadpisując reguły css.
Go to the top of the page
+Quote Post
!*!
post
Post #3





Grupa: Zarejestrowani
Postów: 4 298
Pomógł: 447
Dołączył: 16.11.2006

Ostrzeżenie: (0%)
-----

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

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


Jednak nic się nie zmienia.
Go to the top of the page
+Quote Post
iVorIus
post
Post #4





Grupa: Zarejestrowani
Postów: 145
Pomógł: 18
Dołączył: 11.11.2008
Skąd: Pwo

Ostrzeżenie: (0%)
-----

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

Plik css:
[CSS] pobierz, plaintext 
  1. div#ggWidgetTitleBar{
  2.   background: #FFFFFF !important;
  3. }
[CSS] pobierz, plaintext


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

Ten post edytował iVorIus 14.11.2009, 14:49:33
Go to the top of the page
+Quote Post
!*!
post
Post #5





Grupa: Zarejestrowani
Postów: 4 298
Pomógł: 447
Dołączył: 16.11.2006

Ostrzeżenie: (0%)
-----

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.
Go to the top of the page
+Quote Post
iVorIus
post
Post #6





Grupa: Zarejestrowani
Postów: 145
Pomógł: 18
Dołączył: 11.11.2008
Skąd: Pwo

Ostrzeżenie: (0%)
-----

Nie kumam Cie (IMG:style_emoticons/default/tongue.gif)

Styl css nadpisuje właściwości tego okienka, nie ważne czy będzie ono na początku, czy na końcu strony.
Go to the top of the page
+Quote Post
!*!
post
Post #7





Grupa: Zarejestrowani
Postów: 4 298
Pomógł: 447
Dołączył: 16.11.2006

Ostrzeżenie: (0%)
-----

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.
Go to the top of the page
+Quote Post
iVorIus
post
Post #8





Grupa: Zarejestrowani
Postów: 145
Pomógł: 18
Dołączył: 11.11.2008
Skąd: Pwo

Ostrzeżenie: (0%)
-----

Sprawdziłem, nadpisuje.

Jakim sposobem próbujesz to nadpisać? Pokaż kod.
Go to the top of the page
+Quote Post
Pawel_W
post
Post #9





Grupa: Zarejestrowani
Postów: 1 675
Pomógł: 286
Dołączył: 15.06.2009
Skąd: Wieliczka

Ostrzeżenie: (0%)
-----

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

chyba o to chodzi ;o
Go to the top of the page
+Quote Post
!*!
post
Post #10





Grupa: Zarejestrowani
Postów: 4 298
Pomógł: 447
Dołączył: 16.11.2006

Ostrzeżenie: (0%)
-----

iVorIus

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
  5. <title></title>
  6. <link rel="stylesheet" href="style.css" type="text/css" />
  7. </head>
  8. <body>
  9.  
  10. <!-- (C) GG Network SA - Gadu-Gadu Widget --> 
  11. <script type="text/javascript" src="http://widget.gadu-gadu.pl/getCode.php?id=xxx"></script>
  12.  
  13. </body>
  14. </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.
Go to the top of the page
+Quote Post
iVorIus
post
Post #11





Grupa: Zarejestrowani
Postów: 145
Pomógł: 18
Dołączył: 11.11.2008
Skąd: Pwo

Ostrzeżenie: (0%)
-----

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 {?} .
Go to the top of the page
+Quote Post
!*!
post
Post #12





Grupa: Zarejestrowani
Postów: 4 298
Pomógł: 447
Dołączył: 16.11.2006

Ostrzeżenie: (0%)
-----

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ę.
Go to the top of the page
+Quote Post
iVorIus
post
Post #13





Grupa: Zarejestrowani
Postów: 145
Pomógł: 18
Dołączył: 11.11.2008
Skąd: Pwo

Ostrzeżenie: (0%)
-----

Ź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.
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 10.10.2025 - 21:25
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn