Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JS] modyfikacja sekcji HEAD
Spirit86
post
Post #1





Grupa: Zarejestrowani
Postów: 607
Pomógł: 23
Dołączył: 8.09.2004
Skąd: Wrocław

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


Witam,
chciałem stowrzyć coś takiego:

Po otworzeniu strony JS dodaje do sekcji HEAD kilka linijek kodu (<style...>...</style>), czy da się to w jakiś sposób zrobić?

Pozdrawiam
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 5)
gekon
post
Post #2





Grupa: Zarejestrowani
Postów: 614
Pomógł: 7
Dołączył: 10.11.2003
Skąd: Rzeszów/Kraków

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


Oczywiscie:
1. Tworzysz nowy element (proponuję dodać CSS przez <link /> będzie elastyczniejszy) przez document.createElement('link'),
2. Dodajesz mu potrzebne atrybuty przez twojElement.setAttribute,
3. Wrzuczasz go do <head>: document.getElementsByTagName('head')[0].appendChild(twojElement).
Go to the top of the page
+Quote Post
Spirit86
post
Post #3





Grupa: Zarejestrowani
Postów: 607
Pomógł: 23
Dołączył: 8.09.2004
Skąd: Wrocław

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


sęk w tym, że ja mogę wywołać javscript tylko w body, wywołany w body musi zmienić head

<body>
<script language="javascript" src="link"></script>
Go to the top of the page
+Quote Post
gekon
post
Post #4





Grupa: Zarejestrowani
Postów: 614
Pomógł: 7
Dołączył: 10.11.2003
Skąd: Rzeszów/Kraków

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


A nie możesz dodać zewnętrznego pliku JS do tego swojego dokumentu?
Go to the top of the page
+Quote Post
Spirit86
post
Post #5





Grupa: Zarejestrowani
Postów: 607
Pomógł: 23
Dołączył: 8.09.2004
Skąd: Wrocław

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


No własnie mogę tylko zewnętrzny plik dać. Plik z JS ma być na innym serwerze.
Go to the top of the page
+Quote Post
gekon
post
Post #6





Grupa: Zarejestrowani
Postów: 614
Pomógł: 7
Dołączył: 10.11.2003
Skąd: Rzeszów/Kraków

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


To wrzuć do zewnętrznego pliku w sekcji <head>.
  1. function addStyleSheet(){
  2. StyleSheet = document.createElement('label');
  3. StyleSheet.setAttribute('rel','stylesheet');
  4. StyleSheet.setAttribute('type','text/css');
  5. StyleSheet.setAttribute('href','style.css');
  6. StyleSheet.setAttribute('media','screen');
  7. document.getElementsByTagName("head")[0].appendChild(StyleSheet);
  8. }


I jeżeli nie korzystasz z żadnego frameworka ani nie masz zdefiniowanych żadnych funkcji do przechwytywania zdarzeń (a podejrzewam, że nie ):

  1. window.onload = function(){
  2. addStyleSheet();
  3. }


Ten post edytował gekon 26.09.2006, 11:45:14
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 24.08.2025 - 17:50