Diskuse JPW: AJAX - pozice stránky jako při vyvolání požadavku

	Autor	Zpráva
	jso Profil *	#1 · Zasláno: 16. 7. 2009, 12:30:59 Odpovědět Citovat Zdravím, řeším problém při aktualizaci (načítání) obsahu bloku (poslední blok na stránce formou záložek) pomocí AJAXu (jQuery). Situace: Uživatel scroluje stránku úplně dolů k danému bloku (ten má nějakou výšku, jelikož jsou zde již nějaká data). Pokud vyvolá načtení jiných dat (vyprázdní se tento blok a nahradí loaderem), prohlížeč posune obrazovku zároveň se spodní hranou, ale při načtení se již nevrátí na pozici, ve které byl před načtením (zůstane v pozici, kdy byl ajax blok prázdný s loaderem), což je právě to, co potřebuji. Tuto situaci bych nechtěl řešit pevnou výškou ajax bloku za pomoci overflow. Bohužel nemohu zpřístupnit živou ukázku. Pokud by někdo znal řešení, jak pomocí js vrátit prohlížeč do stavu před načítáním nového obsahu, byl bych rád. Děkuji.
		Časová prodleva: 5 dní
	jso Profil *	#2 · Zasláno: 21. 7. 2009, 21:39:07 Odpovědět Citovat Řešení nejspíše neexistuje. Vyřešil jsem to tedy divem (ajax loader), který se zobrazuje vždy uprostřed okna prohlížeče a mízí ve chvíli naplnění ajaxového bloku daty. Nejspíše se tedy může téma uzavřít.
	Chamurappi Profil	#3 · Zasláno: 21. 7. 2009, 22:01:43 · Upravil/a: Chamurappi Odpovědět Citovat Reaguji na jsa: „Řešení nejspíše neexistuje.“ Existuje a je poměrně snadné. „při načtení se již nevrátí na pozici, ve které byl před načtením“ Pozici můžeš zjisit/nastavit ve vlastnosti scrollTop u <body> či u <html>. Vlastně u čehokoliv, v čem se roluje.
	jso Profil *	#4 · Zasláno: 22. 7. 2009, 09:36:27 Odpovědět Citovat Chamurappi „Existuje a je poměrně snadné. “ Neřekl bych pro splnění všech podmínek. „Pozici můžeš zjisit/nastavit ve vlastnosti scrollTop u <body> či u <html>. Vlastně u čehokoliv, v čem se roluje.“ Ano, toto využívám u centrovaného ajax loaderu. Nicméně, pokud mám blok, do kterého načítám data a je umístěn na spodní straně okna prohlížeče, nedokázal jsem splnit to, že do datového bloku umístím loader, načtu data a až poté je zobrazím v onom bloku bez toho, aby prohlížeč vyjel na pozici spodní hrany v okamžiku, kdy tam umístím loader. Toto vyřešit nelze (jedině zobrazit nějaký pomocný div vedle ajax bloku s výškou již načtených dat, ovšem pak loader nemá smysl).
	Chamurappi Profil	#5 · Zasláno: 22. 7. 2009, 09:46:20 Odpovědět Citovat Reaguji na jsa: Asi nerozumím. Prosím o odkaz na živou ukázku. „až poté je zobrazím v onom bloku bez toho, aby prohlížeč vyjel na pozici spodní hrany v okamžiku, kdy tam umístím loader“ To pomocí scrollTop vyřešit nejde… „ale při načtení se již nevrátí na pozici, ve které byl před načtením (zůstane v pozici, kdy byl ajax blok prázdný s loaderem)“ … ale tohle ano. Můžeš se kdykoliv vrátit na jakoukoliv pozici. Nebo ne? Proč ne?
	jso Profil *	#6 · Zasláno: 22. 7. 2009, 10:36:04 · Upravil/a: Moderátor (editace znemožněna) Odpovědět Citovat Chamurappi „Asi nerozumím. Prosím o odkaz na živou ukázku. “ Bohužel, živou ukázku vystavit nemohu. „To pomocí scrollTop vyřešit nejde… “ Ano, toto ne. Myslel jsem ten vycentrovaný ajax loader. „… ale tohle ano. Můžeš se kdykoliv vrátit na jakoukoliv pozici. Nebo ne? Proč ne?“ Protože se ten div nejdříve smrskne, jelikož ten ajax loader je mnohem menší než data v něm. Poté, co se do ajax bloku vloží data, jej mohu vrátit zpět, ovšem to problikne (posune se nahoru a zase dolů). Mohlo mě to napadnout dříve, že to nelze. Nicméně ajax loader v podobě zobrazeného centrovaného prvku to řeší. Na to ukázku mám.
	jso Profil *	#7 · Zasláno: 22. 7. 2009, 10:37:14 Odpovědět Citovat pardón, můžeš ukázku změnit na ukázku http://www.epesi.org/demo/ a tento příspěvek odstranit? Děkuji
	Chamurappi Profil	#8 · Zasláno: 22. 7. 2009, 10:45:55 Odpovědět Citovat Reaguji na jsa: Můžeš ta stará data jen zneviditelnit pomocí „visibility: hidden“, nic se nesmrskne a až dorazí nová data, přepíšeš jimi ta stará a neviditelnost zrušíš.
	jso Profil *	#9 · Zasláno: 22. 7. 2009, 10:49:52 Odpovědět Citovat Chamurappi „Můžeš ta stará data jen zneviditelnit pomocí „visibility: hidden““ visibility: hidden != display: none? Že by to bylo tím? To mi ani neříkej, celé jsem to už překopal. I když, stejně teď se mi to líbí více :)
	Chamurappi Profil	#10 · Zasláno: 22. 7. 2009, 11:04:06 Odpovědět Citovat Reaguji na jsa: „visibility: hidden != display: none?“ Ano. Viz visibility a display. „I když, stejně teď se mi to líbí více :)“ Fakt? Mně připadá nejjednodušší nastavit <div>u, kam se právě načítá nový obsah, třídu. Je to jeden řádek v JS (respektive dva, když počítám i to její pozdější zrušení) a o zbytek se postará CSS: .zrovna-nacitame { background: url('loading.gif') 50% 50% no-repeat } .zrovna-nacitame * { visibility: hidden !important }
	jso Profil *	#11 · Zasláno: 22. 7. 2009, 13:11:48 Odpovědět Citovat Chamurappi Myslel jsem z grafického hlediska. Přesto děkuji.
		Časová prodleva: 15 let

Vaše odpověď

Mohlo by se hodit