ďťż

[HTML] Jak połączyć kilka ramek

Podstrony

telcocafe

Witam.
Mam strone podzieloną na 2 cześci (góra, dół) przy pomocy ramek (frames).
Ramka 'góra' zawiera wszystkie elementy do menu włącznie.
Ramka 'dół' wyświetla zawartość w zależności od tego którą pozycję z menu wybierze użytkownik (czyli: kontakt.html, oferta.html, cennik.html itd).

Z tego co przeczytałem na forum ramki są przestarzałą technologią i raczej się z niej nie korzysta.

Jak więc efektywnie połączyć treść znajdującą się w ramce góra oraz ramce dół.

Można oczywiście zrobić to na siłę czyli do każdego pliku wyświetlającego zawartość menu (czyli do plików:kontakt.html, oferta.html, cennik.html itd) dopisać zawartość rami 'góra'.
Jednak rozwiązanie to jest mało efektywne-jeśli będę chciał coś zmienić w zawartości ramki 'góra' będę to musiał powtarzać 5 razy, tj. dla każdego z plików: kontakt.html, oferta.html, cennik.html itd.

Z ramek chce zrezygnować także dlatego aby użytkownik mógł przewijać całą zawartość strony a nie tylko zawartość ramki 'dół'. Obecnie zawartość ramki 'góra' jest statyczna i nie przewija się jeżeli użytkownik przewija zawartość ramki 'dół' - co jest oczywiście zrozumiałe.

Poniżej zamieściłem zrzut ekranu zawierający strone www.
http://images31.fotosik.pl/32/0f741aa066fa5864m.jpg
rozwiązaniem najprostrzym jest iframe, natomiast nieco bardziej skomplikowanym jest ajax

rozwiązaniem najprostrzym jest iframe, natomiast nieco bardziej skomplikowanym jest ajax
Jeśli zastosujemy iframe, to tak naprawdę nic nie zmienimy. Zasada pozostanie podobna.
I nie przesadzajmy też z ajaxem, są prostsze, powszechnie stosowane rozwiązania. Chodzi mi o INCLUDE.

Masz jedną stronę (index.php). W nim (w dużym uproszczeniu) kod:
<html> <head></head> <body> tutaj menu <?php include($_GET['plik']); ?> </body> </html>
oczywiście trzeba to dopasować i zabezpieczyć, to tylko kod "poglądowy " xD

Następnie (np. w specjalnym folderze) przechowujesz pliki z treścią. W ten sposób z poziomu PHP połaczysz menu (cały szablon strony) z treścią. A do przeglądarki zostanie wysłana całość, tak jakby byłaby to jedna strona :)

Może lepiej będzie to wytłumaczone w tym wątku:
http://forum.ks-eksp...t...&hl=include

na forum ta sprawa była już poruszana parokrotnie, więc na pewno coś jeszcze znajdziesz.

Rozwiązanie z php chyba się nie nadaje.
Stronka będzie na darmowym koncie więc raczej php ono nie obsługuje.

Co do Iframe to czytałem że to rozwiązanie już mało stosowane, ponadto podobno można je zastąpić czymś co się nazywa object.

Więc zabrałem się za ten object i zrobiłem coś takiego:

<object data="kontakt.html" type="text/html" name="tablica" width="790" height="800" align="middle" border="1" >
Jeśli twoja przeglądarka nie akceptuje polecenia Object, wczytaj <a href="kontakt.htm">ten dokument</a>
</object>

Po odpaleniu strony dostaje efekt taki jaki chce ALE ...
Jak zrobić aby po pliknięciu na dane pole w menu zmieniała się zawartość tego object.
Czyli jak zmienić wartość 'data'

Kombinuje coś z funkcją javascript ale mi nie wychodzi:
Poniżej jest kod tej funkcji

<script Language="Javascript1.1">
function PlikHtml(adres)
{
document.tablica.data = adres ;
return;
}
</script>

Chciałem zrobić tak aby podając parametr adres, czyli np. PlikHtml(oferta.html) zawartość object zmieniła się na zawartość oferta.html.
Dodatkowo chciałbym także zmienić inne wartość w object tablica, tj. width, hight itp itd..
Proszę o pomoc.
Użytkownik alcapon30000 edytował ten post 03 listopad 2007, 20:14

Rozwiązanie z php chyba się nie nadaje.
Stronka będzie na darmowym koncie więc raczej php ono nie obsługuje.
A jakie to darmowe konto nie obsługuje PHP? Na dzień dzisiejszy to chyba tylko darmowe konta dużych portali (republika, webpark, itp). Są serki darmowych hostingów z PHP :)

Trzeba się rozwijać, a nie być "100 lat za Murzynami " :)

Co do rozwiązania z object to nie polecam, bo to jest jak z jechaniem z Gdańska do Poznania przez Suwałki.

Jeśli zastosujemy iframe, to tak naprawdę nic nie zmienimy. Zasada pozostanie podobna.
I nie przesadzajmy też z ajaxem, są prostsze, powszechnie stosowane rozwiązania. Chodzi mi o INCLUDE.

Masz jedną stronę (index.php). W nim (w dużym uproszczeniu) kod:
<html> <head></head> <body> tutaj menu <?php include($_GET['plik']); ?> </body> </html>
oczywiście trzeba to dopasować i zabezpieczyć, to tylko kod "poglądowy " xD

Następnie (np. w specjalnym folderze) przechowujesz pliki z treścią. W ten sposób z poziomu PHP połaczysz menu (cały szablon strony) z treścią. A do przeglądarki zostanie wysłana całość, tak jakby byłaby to jedna strona :)

Może lepiej będzie to wytłumaczone w tym wątku:
http://forum.ks-eksp...t...&hl=include

na forum ta sprawa była już poruszana parokrotnie, więc na pewno coś jeszcze znajdziesz.
1. zastosownie include kompletnie nic nie zmieni. I tak cala strona bedzie za kazdym razem wczytywana.
2. iframe jest zgodne ze specyfikacja xhtml 1.0

Zdecydowałem się już na object, ale jak zmieniać parametry object 'tablica' (takie jak adres, wysokość, szerokość itd) porzez kliknięcie na daną pozycję z menu. Może jakaś funkcja z javascrip :pomocy:

Zdecydowałem się już na object, ale jak zmieniać parametry object 'tablica' (takie jak adres, wysokość, szerokość itd) porzez kliknięcie na daną pozycję z menu. Może jakaś funkcja z javascrip :pomocy:
Proponuje div zamiast object. W twoim przypadku to nic nie zmieni

Sitedesign by AltusUmbrae.

Darmowy hosting zapewnia PRV.PL