ugrás a tartalomhoz

js: változó url, oldaltöltés nélkül?

EL Tebe · 2013. Május. 21. (K), 15.52
Sziasztok,

A következő lapozósdiba futottam bele:

http://marco-pivetta.com/doctrine-orm-zf2-tutorial/#/21

Van tippetek, hogyan csinálták meg, hogy a következő "dia"-ra kattintáskor
betöltődik a köv. lap tartalma, majd a betöltés után X mperccel változik
az url (a böngésző címsorában):

http://marco-pivetta.com/doctrine-orm-zf2-tutorial/#/21
-ról
http://marco-pivetta.com/doctrine-orm-zf2-tutorial/#/22
-re
‹ css menu úgy maradjon img src-ben megadott képek betöltésének megakadályozása ›
 ■
1

ctrl+u

Hidvégi Gábor · 2013. Május. 21. (K), 16.04
A forrásból nem derül ki?
8

forráskód

EL Tebe · 2013. Május. 22. (Sze), 14.30
Nah ezt a bill. kombinációt sem tudtam, pedig milyen hasznos!
2

vagdalék

Hidvégi Gábor · 2013. Május. 21. (K), 16.06
top.location.hash = '/22';?
3

ennél az oldalnál a reveal

mgergo90 · 2013. Május. 21. (K), 22.30
ennél az oldalnál a reveal plugint használják, de a kérdésedből arra következtetek, hogy neked inkább a history.js plugin-re lesz szükséged
4

Nem egy nagy szám, ha érdekel

inf · 2013. Május. 22. (Sze), 08.13
Nem egy nagy szám, ha érdekel a téma nézd meg a backbone history és router osztályokat, azok elég jól kidolgozottak. Ez gyakorlatilag egy history.navigate router trigger nélkül. Lehet pushstate-el is, ha html5-ről van szó, ott nem a hash-be kerülnek a dolgok, hanem az eredeti url-t írja át, és a felhasználónak fel sem tűnik, hogy nem történt oldal újratöltés miközben az url mégis megváltozott.
6

köszi 1.

EL Tebe · 2013. Május. 22. (Sze), 13.46
"Backbone.js" = wow :)

Első körben nem értettem, hogy mit írsz, de a hsz-ból és a vbence ucsó hozzászólásából teljesen összeállt a kép.

Köszi 1.
5

Vanília

vbence · 2013. Május. 22. (Sze), 09.08
Ahogy Gábor is írta, a hash (kettőskereszt utáni részt) büntetlenül változtatható (hacsak nincs olyan elem az oldalon aminek az ID-je vagy link amelynek nenve megegyezik a # utáni résszel).

Érdekes lehet még:
var stateObj = { foo: "bar" };
history.pushState(stateObj, "page 2", "bar.html");
az MDN-ről.

Ha szeretnéd, hogy az AJAX tartalmadat a gugli is indexelni tudja, érdekes olvasmény lehet még a Google Crawlable AJAX ajánlása. - Persze olyan helyekre, ahol a szokásos JS-nélküli fallback nem megoldás.

Kedves kollégák: ha a kérdező most találkozik először a szóbanforgó technikával, ne frameworköket meg plugineket tessék ajánlgatni. Had ismerje meg mivel is van dolga. Aztán majd ha a munkaórák lesznek a fontosak, vagy régi böngészőt kell támogatni ráér egy dobozolt mgoldás használatára.
7

Köszi 2.

EL Tebe · 2013. Május. 22. (Sze), 13.48
Köszi 2.

A # nem szúrta ki a szemem. Így már értem.
9

A framework-ök forrásában ott

inf · 2013. Május. 22. (Sze), 14.33
A framework-ök forrásában ott van feketén fehéren, hogy hogy történik mindez. Ha úgy gondolja megnézi, ha úgy gondolja nem, ez az ő döntése.
10

Nyilván

vbence · 2013. Május. 22. (Sze), 17.13
Nyilván, de egyrészt nehezebb, másrészt ha semmi nem kapacitálja rá lehet hogy a szakmai kíváncsiság nem elég, hogy rávegye egy frawework spagettikódjába való beletúrásra.

A másik dolog, hogy mi "hozzáértők" ne azt kommunikáljuk, mint követendő példa, hogy "Használj egy frameworköt ami tudja.", hanem inkább a technika megértésére buzdítsuk.
11

Így van

Hidvégi Gábor · 2013. Május. 22. (Sze), 17.50
Egyetértek.
12

Igen

Pepita · 2013. Május. 22. (Sze), 19.04
Én is.
13

"ha érdekel a téma nézd meg a

inf · 2013. Május. 22. (Sze), 19.18
"ha érdekel a téma nézd meg a backbone history és router osztályokat, azok elég jól kidolgozottak"

Szövegértés egyes. :D
Egyébként egyetértünk, mert ugyanazt írtam, mint te, csak én szerencsésebbnek tartom a keretrendszerek forráskódját, mert ott általában profibb megoldások vannak, mint egy sima tutorialban, és többet lehet belőlük tanulni.