Forum PHP.pl > [JS] modyfikacja sekcji HEAD

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JS] modyfikacja sekcji HEAD

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

Spirit86

25.09.2006, 12:19:56

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

gekon

25.09.2006, 12:45:24

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).

Spirit86

25.09.2006, 13:19:41

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>

gekon

25.09.2006, 15:30:55

A nie możesz dodać zewnętrznego pliku JS do tego swojego dokumentu?

Spirit86

25.09.2006, 21:34:30

No własnie mogę tylko zewnętrzny plik dać. Plik z JS ma być na innym serwerze.

gekon

26.09.2006, 11:44:14

To wrzuć do zewnętrznego pliku w sekcji <head>.

[HTML] pobierz, plaintext 
function addStyleSheet(){
 StyleSheet = document.createElement('label');
 StyleSheet.setAttribute('rel','stylesheet');
 StyleSheet.setAttribute('type','text/css');
 StyleSheet.setAttribute('href','style.css');
 StyleSheet.setAttribute('media','screen');
 document.getElementsByTagName("head")[0].appendChild(StyleSheet);
}
[HTML] pobierz, plaintext

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

[HTML] pobierz, plaintext 
window.onload = function(){
 addStyleSheet();
}
[HTML] pobierz, plaintext

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.