AJAX - absolutni URL - History API

Místo pro dotazy a rady ohledně programovacích jazyků (C++, C#, PHP, ASP, Javascript, VBS..) a tvorby webových stránek

Moderátor: Mods_senior

Uživatelský avatar
Pepis
Tvůrce článků
Level 3.5
Level 3.5
Příspěvky: 961
Registrován: srpen 07
Pohlaví: Muž
Stav:
Offline
Kontakt:

AJAX - absolutni URL - History API

Příspěvekod Pepis » 20 úno 2013 21:11

Zdravim - snažim se pochopit Histor Api abych mohl vytvařet webovky ktere načitaji content přez AJAX a maji absolutni URL - dejme tomu funguje na tom principu Facebook.
Dejme tomu pokud na facebooku zmačkneme messages v prohližeči ktery podporuje HTML 5 načte se adresa www.facebook.com/messages - pote vybereme ze si chceme psat z janem novakem tak se nacte www.facebook.com/messages/jan.novak
Potřebuju na sve webovce vytvořit čitarnu pdf souboru. Kliknu na odkaz ktery mi otevře čitarnu a načte menu - v mem připadě menu kde jsou pdf soubory abecedně rozdělene adresa vypada www.mojestranka.cz/citarna - pote potřebuju že jak kliknu na nejaky soubor aby se pod menu otevřel soubor v flashi (použivam FlipBook maker) a adresa vypadala www.mojestranka.cz/citarna/pad.rimskeho.imperia.
Vse nacitam prez ajax - a podle par tutorialu sem přišel na to jak načist do určiteho tagu nejaky content dejme tomu v mem připadě to menu ale potřebuju ještě načist pod to menu ten soubor ve flashi bez toho aby mi to refreshlo stranku a nacetlo ji znova celou.
Snad mě chapete.
Tutorialy z kterych sem čerpal:
http://tinywall.info/2012/02/22/change- ... tion-menu/
Chtěl jsem použit History.js protože podporuje HTML4 prohližeče https://github.com/balupton/history.js#readme

Reklama
Uživatelský avatar
CZechBoY
Master Level 9.5
Master Level 9.5
Příspěvky: 8813
Registrován: srpen 08
Bydliště: Brno
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: AJAX - absolutni URL - History API

Příspěvekod CZechBoY » 20 úno 2013 22:07

to je jedno jestli prohlížeč umí HTML5, musí umět AJAX

zkus jquery, ten history.js neznám
jquery píše:$("#flashdiv").load("http://mojestranka.cz/citarna/pad.rimskeho.imperia");

načte obsah http://mojestranka.cz/citarna/pad.rimskeho.imperia do divu s id "flashdiv"
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW

Uživatelský avatar
Pepis
Tvůrce článků
Level 3.5
Level 3.5
Příspěvky: 961
Registrován: srpen 07
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: AJAX - absolutni URL - History API

Příspěvekod Pepis » 20 úno 2013 22:52

načte ale nezměni adresu :) kouzlo history api je v tom že stranka na teto adrese ani nemusi existovat ale i tak odkazuje

Uživatelský avatar
CZechBoY
Master Level 9.5
Master Level 9.5
Příspěvky: 8813
Registrován: srpen 08
Bydliště: Brno
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: AJAX - absolutni URL - History API

Příspěvekod CZechBoY » 20 úno 2013 22:54

jj to je pushState
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW

Uživatelský avatar
Pepis
Tvůrce článků
Level 3.5
Level 3.5
Příspěvky: 961
Registrován: srpen 07
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: AJAX - absolutni URL - History API

Příspěvekod Pepis » 20 úno 2013 22:56

pravě o ten mi jde :D jak to funguje? nemaš odkaz na nějaky tutorial popř nevysvětliš mi to trochu jednoduše?

Uživatelský avatar
CZechBoY
Master Level 9.5
Master Level 9.5
Příspěvky: 8813
Registrován: srpen 08
Bydliště: Brno
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: AJAX - absolutni URL - History API

Příspěvekod CZechBoY » 20 úno 2013 22:59

PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW

Uživatelský avatar
Pepis
Tvůrce článků
Level 3.5
Level 3.5
Příspěvky: 961
Registrován: srpen 07
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: AJAX - absolutni URL - History API

Příspěvekod Pepis » 26 úno 2013 18:49

Moje test stránka http://www.justforfun.chytrak.cz/
Využivam toto https://gist.github.com/balupton/854622
Potrebuju v page2 udělat dalši menu ktere by podto dodavalo dalši obsah a měnilo url ale vše ostatni by zustalo stejne (bylo by tam 2x menu)

Muj index.html - http://pastebin.com/1NHFR0xN
page2.html - http://pastebin.com/kRawG0GE

Uživatelský avatar
CZechBoY
Master Level 9.5
Master Level 9.5
Příspěvky: 8813
Registrován: srpen 08
Bydliště: Brno
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: AJAX - absolutni URL - History API

Příspěvekod CZechBoY » 26 úno 2013 19:59

však to menu dej do toho hlavního co tam zůstane a měň jen obsah ne?
co ti teďka nejde?
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW

Uživatelský avatar
Pepis
Tvůrce článků
Level 3.5
Level 3.5
Příspěvky: 961
Registrován: srpen 07
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: AJAX - absolutni URL - History API

Příspěvekod Pepis » 26 úno 2013 22:43

Jj jedno menu dam do hlavniho ktery tam zustane ale chtěl bych když kliknu na page 2 tam mit dalši menu (celkově by byli 2 :D) a v něm kdybych vybiral tak by se podnim otviral obsah. popř kdybych načetl odkaz z prvniho menu - toho hlavniho tak by druhe menu zmizlo a načetl se cely obsah znova

Uživatelský avatar
CZechBoY
Master Level 9.5
Master Level 9.5
Příspěvky: 8813
Registrován: srpen 08
Bydliště: Brno
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: AJAX - absolutni URL - History API

Příspěvekod CZechBoY » 27 úno 2013 07:46

no a v čem máš teda problém? :D
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW

Uživatelský avatar
Pepis
Tvůrce článků
Level 3.5
Level 3.5
Příspěvky: 961
Registrován: srpen 07
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: AJAX - absolutni URL - History API

Příspěvekod Pepis » 27 úno 2013 19:28

Updatoval sem stranku :) teď tam mam 2x menu ale potřebuju aby se to druhe zobrazilo jen na page 2 ... a když v něm něco vyberu aby se nahral pod to druhe menu obsah ale to menu se nenačetlo znova... pokud se to snažim udělat mym selskym rozumem tak buď mam to 2 menu na všech stranach nebo jen page 2 ale když v něm něco vybere z novym obsahem se načte to menu podruhe znova

Uživatelský avatar
CZechBoY
Master Level 9.5
Master Level 9.5
Příspěvky: 8813
Registrován: srpen 08
Bydliště: Brno
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: AJAX - absolutni URL - History API

Příspěvekod CZechBoY » 27 úno 2013 19:32

mě se tam žádný menu neukazuje :-/

no to otevírání divný udělej tak, že při kliknutí do prvního menu se načte do nějakýho divu na obsah i s tim menu a při kliknutí do druhýho menu se načte do divu zas nějakýho vřazenýho
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW


Zpět na “Programování a tvorba webu”

Kdo je online

Uživatelé prohlížející si toto fórum: Žádní registrovaní uživatelé a 10 hostů