Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS][JavaScript] dynamiczne położenie diva, jakie nawiasy? żeby czytało?
shpaque
post
Post #1





Grupa: Zarejestrowani
Postów: 651
Pomógł: 3
Dołączył: 31.01.2011
Skąd: Warszawa

Ostrzeżenie: (10%)
X----


  1. <div style="position:absolute;background:#CCCCCC;width:100px;height:<script>document.write(document.body.scrollHeight - 33)</script>px;"></div>
czego użyć, żeby odczytał skrypt w znakach cudzysłowia w stylu diva?

...ewentualnie w php, ale to tez nie działa...

  1. <?php
  2. $dupa = "<script>document.write(document.body.scrollHeight - 150)</script>";
  3. ?>
  4. <div style="position:absolute;background:#CCCCCC;width:100px;height:<?php echo $dupa; ?>px;">
  5. </div>


Ten post edytował shpaque 25.02.2015, 00:36:16
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
PrinceOfPersia
post
Post #2





Grupa: Zarejestrowani
Postów: 717
Pomógł: 120
Dołączył: 18.04.2009

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


czemu mieszasz 3 języki naraz? A w drugim podanym fragmencie nawet 4? Czemu mieszasz język PHP, który działa po stronie serwera i kod JavaScript, który odpala się po stronie przeglądarki? Wiesz, że to nie prawa ci zadziałać?

Generalnie:
strony trzymane są na serwerach. Przeglądarka wysyła żądanie HTTP i czeka na odpowiedź serwera. Wtedy jest odpalany na serwerze kod PHP, który generuje odpowiedź. Wygenerowana odpowiedź (czyli kod HTML) leci do przeglądarki. Dalej przeglądarka odpala skrypty z pliku HTML, oraz dociąga pozostałe dołączane skrypty/style, mogą lecieć kolejne zapytania do serwera.

Teraz się zastanów i pomyśl to co napisałeś w drugim snippecie z kodem
[JAVASCRIPT] pobierz, plaintext
  1. $dupa = "<script>document.write(document.body.scrollHeight - 150)</script>";
  2. ......
[JAVASCRIPT] pobierz, plaintext


Nie ma żadnego sensu. Możesz to zrobic na masę różnych sposobów, ale to nie jest jeden z nich. Przypuszczalnie mógłbyś do tego co chcesz zrobić użyć biblioteki jQuery i napisać w JavaScript coś w tym stylu:
[JAVASCRIPT] pobierz, plaintext
  1. $(function () {
  2. $("#tu-wpisz-id-elementu").css("height", (document.body.scrollHeight - 150) + "px");
  3. });
[JAVASCRIPT] pobierz, plaintext

(powinno działać, ale nie sprawdzałem - natomiast jak chcesz się bawić w strony to sobie powinieneś doczytać już...).

poza tym style CSS trzyma się w osobnych plikach z rozszerzeniem .css, ewentualnie między tagami <style>....</style> w HTML, a nie (poza wyjątkowymi sytuacjami) wsadza je hurtem w diva jak napisałeś:
  1. <div style="position:absolute;background:#CCCCCC;width:100px;height:


Ten post edytował PrinceOfPersia 25.02.2015, 01:02:09
Go to the top of the page
+Quote Post

Posty w temacie


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: 6.10.2025 - 10:03