Forum PHP.pl > [CSS][HTML][JavaScript]Przesłanie zmiennej z pliku JS do pliku CSS

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [CSS][HTML][JavaScript]Przesłanie zmiennej z pliku JS do pliku CSS

xavi_sof

18.03.2014, 13:53:56

Witam,

Mój poziom JS jest kiepski. Posiadam pewien problem.
Chciałbym przesłać zmienną typu var do pliku style.css

Znalazłem podobny temat, lecz nie potrafię tego odpowiednio użyć:
http://forum.php.pl/index.php?showtopic=190099

Mój plik .js:

Kod

var
w=window,
d=document,
e=d.documentElement,
g=d.getElementsByTagName('body')[0],
x=w.innerWidth||e.clientWidth||g.clientWidth,
y=w.innerHeight||e.clientHeight||g.clientHeight;

$('div.box1').css('height', y); <--- tutaj niby próbuje przesłać do pliku style.css

Chciałbym aby w pliku style.css została dopisana wartosc zmiennej y w sposób:

Kod

#box1{
height:WARTOSC Y+px;
}

Struktura folderów mojej strony to:

Kod

css/style.css
js/windowsize.js
index.html

W pliku index.html w sekcji head zawarłem:

Kod

Bardzo proszę o pomoc jak.
Z góry dziękuje!

vermis

18.03.2014, 14:21:47

Kod

$('div.box1').css('height', y); <--- tutaj niby próbuje przesłać do pliku style.css

Nic nie próbuje przesłać, a dynamicznie ustawia. W tym wypadku nie potrzeba pliku css do ustawienia wysokości. Jeśli będziesz miał zdefiniowaną wysokość w pliku css to i tak skrypt ją zmieni.

xavi_sof

18.03.2014, 14:32:47

Ale gdy sama ta linijka została, na stronie nie zmienia się wysokosc obszaru roboczego przegladarki na 100%.
Tak jakby zadna wysokosc nie byla w ogole zmierzona i ustawiona dynamicznie na stronie.

Prosze bardziej łopatologicznie wyjasnic ciemnemu (mi).

markuz

18.03.2014, 14:37:34

A jaki efekt chcesz osiągnąć? Fullscreen? Czy div ustawiony na 100% wysokości i szerokości okna przeglądarki?

xavi_sof

18.03.2014, 14:50:33

Chciałbym aby po wejsciu na strone pokazalo mi sie tlo wypelnione w 100% WIDOCZNEGO OBSZARU OKNA PRZEGLĄDARKI.

Widocznego - czyli jak zjade sobie nizej do kolejnego diva to juz mam inne tło.
Widocznego - czyli niezaleznie od rozdzielczosci na kompie tło w 1 divie pokaze mi sie w 100% wysokosci i 100% szerokosci.

Problem w tym że zamiast tego 100% chce wstawić konkretną wartosc ze skryptu JS.

markuz

18.03.2014, 14:53:00

[HTML] pobierz, plaintext 
<div id="welcome">
   your content on screen 1
</div>
 
<div id="projects">
   your content on screen 2
</div>
[HTML] pobierz, plaintext

[CSS] pobierz, plaintext 
div#welcome {
    height: 100vh;
    background: black;
}
 
div#projects {
    height: 100vh;
    background: yellow;
}
[CSS] pobierz, plaintext

Źródło: http://stanislav.it/how-to-make-div-elemen...using-css-only/

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.