Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript] Umieszczenie div w body na górze strony
tenloginjestzaje...
post 31.08.2017, 19:43:54
Post #1





Grupa: Zarejestrowani
Postów: 358
Pomógł: 1
Dołączył: 20.07.2014

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


Witam
Pytanie dotyczy polityki prywatności, komunikatu na stronie. Próbuje zrobić, aby komunikat był na samej górze strony, ale w taki sposób, że przesuwa całą zawartość w dół, a nie zakrywa część strony. Dzięki

  1. {
  2. var message_container=document.createElement('div');message_container.id='cookies-message-container';
  3. var html_code='<div id="cookies-message" style="top:0px;left:0px;">Strona używa informacji zapisanych w ciasteczkach "cookies" do celów reklamowych oraz statystycznych. <a href="">Polityka Prywatności</a><a href="java script:WHCloseCookiesWindow();" id="accept-cookies-checkbox" name="accept-cookies">OK</a></div>';
  4.  
  5. message_container.innerHTML=html_code;document.body.appendChild(message_container);
  6. }


Ten post edytował tenloginjestzajety 31.08.2017, 19:44:23


--------------------
Nigdy nie zapominam kliknąć "pomógł". Zastosowanie na stronie [prosze nie spamuj]
Go to the top of the page
+Quote Post
Pyton_000
post 31.08.2017, 19:46:07
Post #2





Grupa: Zarejestrowani
Postów: 8 068
Pomógł: 1414
Dołączył: 26.10.2005

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


https://www.w3schools.com/cssref/playit.asp...mp;preval=fixed
Go to the top of the page
+Quote Post
tenloginjestzaje...
post 31.08.2017, 19:54:24
Post #3





Grupa: Zarejestrowani
Postów: 358
Pomógł: 1
Dołączył: 20.07.2014

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


próbowałem wszystkiego z css, wygląda to tak jakby nowo utworzony div był poza body, a nie wewnątrz na pierwszej pozycji.


--------------------
Nigdy nie zapominam kliknąć "pomógł". Zastosowanie na stronie [prosze nie spamuj]
Go to the top of the page
+Quote Post
trueblue
post 31.08.2017, 20:14:28
Post #4





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

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


Metoda appendChild dołącza dziecko na koniec rodzica. Zapoznaj się z metodą insertBefore.
Jeśli chcesz, aby pasek odepchnął resztę zawartości, to pasek i następny element nie ustawiaj na fixed, ani absolute. Oczywiście można nadać fixed i absolute, ale wtedy będziesz musiał ingerować w położenie elementu pod paskiem.


--------------------
Go to the top of the page
+Quote Post
Pyton_000
post 31.08.2017, 20:14:59
Post #5





Grupa: Zarejestrowani
Postów: 8 068
Pomógł: 1414
Dołączył: 26.10.2005

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


To zamiast "Wygląda jakby" może zobacz w źródle jak to wygląda i w narzędziach dev. możesz sobie CSS modyfikować.
Go to the top of the page
+Quote Post
viking
post 31.08.2017, 21:07:21
Post #6





Grupa: Zarejestrowani
Postów: 6 378
Pomógł: 1116
Dołączył: 30.08.2006

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


Jeśli chcesz dokładnie kontrolować pozycję to zapoznaj się z https://developer.mozilla.org/pl/docs/Web/A...ertAdjacentHTML


--------------------
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 18.07.2025 - 00:22