Wczytanie fragmentu strony w wybrane miesce innej bez konieczności przeładowania.

0

Witam! Robię projekt, którego głównym zadaniem ma być wyświetlenie treści zagadki i odpowiedzi, z których użytkownik wybiera jedną i przechodzi do następnej zagadki - podobnie jak opcje dialogowe w grach rpg. Niestety nie mam pomysłu jak coś takiego zrobić bez robienia każdej części na osobnej stronie. Próbowałam kotwic ale niestety nie działa - wczytuje całą stronę w miejsce innej. Proszę o pomoc

	<a name= "zmiana_nazwy">
				<h:form>
				<fieldset style="padding: 1em; border-radius: 0.2em;">
					<legend>Edycja nazwy</legend>
					<h:panelGrid columns="2" cellpadding="5">
				<h:outputLabel for="p-nazwa" value="Nazwa gracza:" />
						<h:inputText id="p-nazwa" value="#{graczEditBB.nazwa}" /> 
						</h:panelGrid>
						</fieldset>
						</h:form>
			</a>
		<h:commandButton value="Zmiana Hasla" action="zagadkaEdit.jsf#edycja_hasla" update="zhaslo" />
			<!--<a href="zagadkaEdit.jsf#edycja_hasla">Edycja Hasla</a>-->
			<a href="edycja_nazwy">Edycja Nazwy</a> 
0

Do zrobienia tylko i wyłącznie w js, a dla ułatwienia - w jQuery:

  • zmiana zawartości elementu - $(element).html(html), np. $("body").html("tutaj jakaś treść z <b>html</b>")
  • ewentualne zassanie danych z serwera $.ajax() + google, albo $(element).load(url), oba raczej nie powinny być potrzebne, lepiej będzie zassać wszystko razem ze stroną (w postaci np. tablicy w js, coś w stylu var questions = []; questions.push({ text: "treść zagadki", answers: ["pierwsza odpowiedź", "druga odpowiedź"] });) i potem pobierać kolejne pytania już w js (kolejne pytania po kliknięciu na jakiś element, czyli $(element).click(function() { alert("Hey, I want another question"); });).

Myślę, że skoro dziwi Cię, że anchor działa tak jak działa, to nie miałaś do czynienia z js, a więc zanim zabierzesz się za pisanie kodu przebij się przez kilka kursów podstaw js i jQuery (w tej kolejności).

0

Zrób sobie jakiś "szkielet", powiedzmy jakieś pole tekstowe, div, cokolwiek, osobno na treść zagadki, możliwe odpowiedzi itd. Przy użyciu JavaScriptu po prostu wypełniaj ten szkielet odpowiednią zawartością.

1 użytkowników online, w tym zalogowanych: 0, gości: 1