NOVINKA! E-learningové kurzy umělé inteligence. Nyní AI za nejlepší ceny. Zjisti více:
NOVINKA – Víkendový online kurz Software tester, který tě posune dál. Zjisti, jak na to!

Diskuze: Přechod mezi stránkami bez nutnosti přechodu na jinou stránku

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

Aktivity
Avatar
Václav Novák:17.1.2017 19:56

Zdravím,
dělám si jeden web a ještě jsem na tuto problematiku nenarazil. Jak se vlastně dělá to, že se například přepíná mezi jednotlivými stránkami webu (např. O firmě, kontaktní stránka apod…) bez nutnosti načítání, resp. přechodu na jinou stránku? Nepotřebuji ani nějaký exaktní řešení, jen jak by se to správně mělo dělat? Nějaký z-index? Pseudo-element?
Děkuji.

 
Odpovědět
17.1.2017 19:56
Avatar
Petr Čech
Tvůrce
Avatar
Odpovídá na Václav Novák
Petr Čech:17.1.2017 21:12

Tak mohl bys pomocí JS animovat vždy 2 stránky- starou a novou.

  1. stará- opacity:1, nová- disply:block;opacity:0
  2. plynule animovat průhlednost
  3. stará- opacity:0; display:none, nová: opacity:1

Potom si můžeš hrát třeba s tím, že obsah té nové načeš AJAXem až když to je potřeba a takové kravinky. Záleží na tom, kolik toho chceš měnit, pokud je to třeba jen změna textového bloku, mohl bys klidně načíst vše najednou. Všechny ty stránky by asi měly být umístěné v nějakém kontejneru, kde position:relative a stránky samy position:absolute, tím dosáhneš toho, že budou přes sebe.

Nahoru Odpovědět
17.1.2017 21:12
the cake is a lie
Avatar
Odpovídá na Václav Novák
Neaktivní uživatel:18.1.2017 2:06

Pokud bys někdy chtěl dělat v podobném stylu větší stránku, tak by tě mohl zajímat angular 2.

Nahoru Odpovědět
18.1.2017 2:06
Neaktivní uživatelský účet
Avatar
Jiří Fencl
Člen
Avatar
Jiří Fencl:18.1.2017 9:28

Uz jsem par takovych delal a kvuli SEO jsem nakonec vsechno vygeneroval na jednu html stranku do separatnich bloku a pak pres JS jim pridaval/odebiral CSS tridy.

Animace pro prechody stranek pak zasadne pres CSS3 - je to nasobne rychlejsi

 
Nahoru Odpovědět
18.1.2017 9:28
Avatar
Odpovídá na Jiří Fencl
Neaktivní uživatel:18.1.2017 19:20

Jaký to má vliv na seo?

Nahoru Odpovědět
18.1.2017 19:20
Neaktivní uživatelský účet
Avatar
Jiří Fencl
Člen
Avatar
Jiří Fencl:18.1.2017 21:26

no proti reseni, kdy se veskery obsah nahraje javascriptem pres AJAX docela znacny :)

 
Nahoru Odpovědět
18.1.2017 21:26
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 6 zpráv z 6.