NOVINKA - Online rekvalifikační kurz Python programátor. Oblíbená a studenty ověřená rekvalifikace - nyní i online.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Diskuze: Jak pomocí JS skládat stránky ?

V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity
Avatar
Honza
Člen
Avatar
Honza:19.6.2021 20:18

Ahoj, potřeboval bych poradit, jak s JS skládat stránky, když mám menu a kliknu na nějakou položku v něm, to mě asi přesměruje na příslušný .html soubor, tak abych v něm nemusel duplikovat kód třeba hlavičky, patičky, ... (každá část je v samostatných divech). Prostě to co je na všech stránkách stejné, tak aby se to neměnilo a já to nemusel znovu duplikovat do jiného souboru.
Děkuji za rady

 
Odpovědět
19.6.2021 20:18
Avatar
Peter Mlich
Člen
Avatar
Peter Mlich:21.6.2021 7:47
  • Nacitat obsahovou cast stranky pomoci js http request? googlovat muzes treba slova js ajax jquery post / get.
  • Nacitat okoli obsahu pomoci js requestu? To ma tu nevyhodu, ze ti stranka pak jakoby poskakuje, nez se nactou css.
  • Pouzit frame / iframe pro menu nebo obsah.
 
Nahoru Odpovědět
21.6.2021 7:47
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Odpovídá na Honza
Neaktivní uživatel:21.6.2021 11:04

Tohle ale nechceš dělat pomocí javascriptu, ale spíše pomocí PHP.

Vytvoříš si příslušné soubory, např. hlavicka.php, paticka.php apod., a ve stránce (která musí mít příponu .php místo .html) na příslušné místo vložíš obsah pomocí <?php include('hlavicka.php') ?>.

Nahoru Odpovědět
21.6.2021 11:04
Neaktivní uživatelský účet
Avatar
Peter Mlich
Člen
Avatar
Peter Mlich:21.6.2021 15:04

iframy

<iframe src="menu.html"></iframe>

js

<script src="menu.js"></script>

-- menu.js --
document.write(` // zpetny apostrof, nad tabelatorem na klavesnici, pred cislem 1
html kod
`); // take zpetny apostrof

A nebo pouzit ten request/ajax, filereader.

Jako, php by bylo fajn, ale treba php pouzit nechce. Treba to chce dat na flashku, cd.
Treba, jeste mozna by sel pouzit framework vue, na slozitejsi kod, generovat celou stranku. Tam by se asi tez pouzil filereader.

Editováno 21.6.2021 15:06
Akceptované řešení
+20 Zkušeností
+2,50 Kč
Řešení problému
 
Nahoru Odpovědět
21.6.2021 15:04
Avatar
Honza
Člen
Avatar
Odpovídá na Honza
Honza:21.6.2021 19:09

Omlouvám se, zapomněl jsem napsat, že Php je zakázané :-)
Ale zkusím se podívat na ten framework :-) Děkuji

Editováno 21.6.2021 19:11
 
Nahoru Odpovědět
21.6.2021 19:09
Avatar
JsonKody
Člen
Avatar
Odpovídá na Honza
JsonKody:22.11.2021 7:44

V normálním svete se toto dela v nejakem frameworku jako React, Vue ci Angular. Pokud je to jen nejake zadání a vyžadují vanilla JS asi nemuzu úplně sloužit - musel bych videt presne zadání.

 
Nahoru Odpovědět
22.11.2021 7:44
Avatar
JsonKody
Člen
Avatar
Odpovídá na JsonKody
JsonKody:22.11.2021 7:49

PS: pokud je to jen cvičení na vanilla JS asi budou chtít aby sis kodem vytvoril elementy jako hlavicka, paticka atd. A napojoval je na obsah. To se v praxi moc nepoužívá (staraji se o to frameworky a knihovny). Ale to jak přesně to zadratujes je na tobě a na tom jak zní zadání.

 
Nahoru Odpovědět
22.11.2021 7:49
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 7 zpráv z 7.