Wyświetlanie menu strony bez kopiowania kodu na każdej podstronie

0

Siema.
Nie wiem, czy dobrze nazwałem temat, ale mam nadzieję, że zaraz wszystko się wyjaśni. xD

Załóżmy, że mamy prostą stronkę zrobioną na divach, tak jak na poniższym zdjęciu.
Tam gdzie jest Lorem Ipsum, czyli żółte tło, ma się wyświetlać zawartość strony. Widzimy też trzy różne menu, które mają wyświetlać jakieś zawartości na stronie. I teraz:

jak zrobić tak, żeby nie musieć do każdej pod strony przekopiowywać całego tego "szablonu"?

Jest możliwe, żeby zrobić coś takiego znając tylko HTML i CSS, czy jednak trzeba wykorzystać np. JS czy inne PHP?

Pamiętam, że dawno temu w technikum robiliśmy to tak, że w miejscu tego żółtego kontenera wstawialiśmy ramkę i zawartość wyświetlała się w tej ramce. Tylko że problem był taki, że wtedy po prawej stronie ramki pojawiał się suwak i było to trochę nie wygodne (ponadto nie zmieniał się też adres strony), a chciałbym, żeby tego suwaka nie było i żeby strona zwiększała się w zależności od tego, jak dużo treści będzie na podstronie.

Mam nadzieję, że dobry dział, jak nie, to proszę o przeniesienie.
Dzięki za pomoc.

2

Na stacku radzą użyć jQuery ;)

a.html

<html> 
  <head> 
	<script src="jquery.js"></script> 
	<script> 
	$(function(){
	  $("#includedContent").load("b.html"); 
	});
	</script> 
  </head> 

  <body> 
	 <div id="includedContent"></div>
  </body> 
</html>

b.html

<p>This is my include file</p>

https://stackoverflow.com/questions/8988855/include-another-html-file-in-a-html-file

0

Możesz zrobić w php, możesz dołożyć też ajax.
https://www.queness.com/post/328/a-simple-ajax-driven-website-with-jqueryphp
http://www.w3programmers.com/a-simple-dynamic-website-with-php-and-ajax/

0

To jest pytanie "filozoficzne" i dla idei chcesz tak robić ? Jeśli nie to jednak z tego JS (jQuery) skorzystaj ... albo PHP.

A co do rozwiązania problemu "filozoficznego" to nie da się z użyciem samego HTML i CMS. O ile wysokość iframe można ustawić na różne sposoby to niestety nie odczytasz bez JS wartości np. potomny.scrollHeight i nie pomogą żadne flexy, height 100%, auto cover itd ...

Gdyby się dało to pewnie PHP by nie powstało :-)

1 użytkowników online, w tym zalogowanych: 0, gości: 1