Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS][PHP] include zależne od @media screen, responsive design
tenloginjestzaje...
post 5.08.2015, 14:44:52
Post #1





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

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


Witam mam problem, z którym nie mogę sobie poradzić. Posiadam dwa pliki: pierwszy.php oraz drugi.php chciałbym, aby były wyświetlane zależnie od rozdzielczości, czy to jest wykonalne?
[php]
@media screen and (min-width: 801px){.divmenu{height:25px;}.
@media screen and (max-width: 801px){.divmenu{height:50px;}.
/php]


Dziękuje za pomoc.


--------------------
Nigdy nie zapominam kliknąć "pomógł". Zastosowanie na stronie [prosze nie spamuj]
Go to the top of the page
+Quote Post
www.aukcje.fm
post 5.08.2015, 15:54:43
Post #2





Grupa: Zarejestrowani
Postów: 173
Pomógł: 1
Dołączył: 4.05.2010

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


To bedzie trochęskąplikowane


Najpierw tutaj http://stackoverflow.com/questions/2260455...hout-javascript

Potem coś takiego jak złapiemy width

  1.  
  2. if($width<801){
  3. require $include_path."pierwszy.php";
  4. }else{
  5. require $include_path."drugi.php";
  6. }
  7.  
Go to the top of the page
+Quote Post
Comandeer
post 5.08.2015, 16:29:54
Post #3





Grupa: Zarejestrowani
Postów: 1 268
Pomógł: 254
Dołączył: 11.06.2009
Skąd: Świętochłowice

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


A nie prościej po prostu przekierować na ten plik jeśli jest taka możliwość?
Kod
if(screen.width > ilesTam)
    location.href = 'pierwszy.php';
else
    location.href = 'drugi.php';


--------------------
Go to the top of the page
+Quote Post
Mega_88
post 5.08.2015, 16:43:30
Post #4





Grupa: Zarejestrowani
Postów: 360
Pomógł: 34
Dołączył: 20.08.2011

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


Jak to nic dużego to najprościej chyba będzie coś w ten deseń, ale to mało optymalne rozwiązanie

  1. <div class="szerokosc-wieksza">
  2. include ('pierwszy.php');
  3. </div>
  4.  
  5. <div class="szerokosc-mniejsza">
  6. include ('drugi.php');
  7. </div>
  8.  
  9. <style>
  10. @media screen and (min-width: 801px){
  11. .szerokosc-mniejsza { display:none; }
  12. }
  13. @media screen and (max-width: 801px){
  14. .szerokosc-wieksza { display:none; }
  15. }
  16. </style>


Ten post edytował Mega_88 5.08.2015, 16:43:47
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: 29.03.2024 - 01:27