PHP/JavaScript?

Question

Witam serdecznie.

Z racji tego, że jestem dosyć zielony w kwestii PHP czy JavaScript, zwracam się do Was z prośbą o radę. Podam w pierwszej kolejności uproszczony kod HTML i wytłumaczę pokrótce o co chodzi.

div id="container">

<h1>Pytanie</h1>

<p>Treść zapytania</p>

		<form>
			
			<input type="text" id="odp" placeholder="Twoja odpowiedź" onfocus="this.placeholder=''" onblur="this.placeholder='Twoja odpowiedź'" />
					
			<input type="submit" value="Przejdź dalej" />
			
				<p>Jeśli jednak masz problem z odpowiedzią na pytanie, kliknij poniższą podpowiedź</p>
			
			<div id="blad"></div>
			
			
			<div id="podp"></div>
			
			
		</form>
</div>

Chciałbym, aby użytkownik musiał odpowiedzieć prawidłowo na jedno pytanie, zanim zostanie przekierowany na moją stronę główną. Zarówno pole tekstowe na wpisanie odpowiedzi jak i przycisk do przejścia na stronaglowna.html, zostały umieszczone w inputach. W przypadku, gdy wpisana wartość będzie nieprawidłowa, użytkownik będzie miał ponownie przed sobą stronę z zapytaniem i otrzyma komunikat o błędnej odpowiedzi(w divie o id="blad") i wtedy będzie mógł skorzystać z podpowiedzi (div o id="podp") - z tym raczej sobie poradzę w JS. Pytanie: jak zrobić, żeby użytkownik został odesłany na stronę główną, kiedy wpisze poprawną odpowiedź? Wiem, że w języku PHP jest opcja header (location: "stronaglowna.html"), ale pierw trzeba sprawdzić czy wartość pola o id="odp" jest równa powiedzmy 100. Sprawdzenie poprawności danych jest proste w JS, ale czy za pomocą JS można użytkownika odesłać na inną stronę po kliknięciu "Przejdź dalej"?

Comments

Sprawdź 

location.href="nowa.html";

 

Answer 1

Najpierw utwórz formularz, który będziesz wysyłać do pliku PHP:

<form action="ścieżka pliku PHP" method="POST">
	<!-- content -->
</form>

Tworzysz pole tekstowe o jakiejś nazwie oraz uzupełniasz formularz o przycisk umożliwiający wysłanie danych:

<input type="text" name="odpowiedz" placeholder="Twoja odpowiedź">

<input type="submit" value="Wyślij">

Z pliku pobierasz dane i je porównujesz na poziomie serwera. Inaczej każdy użytkownik będzie mógł z poziomu przeglądarki sprawdzić kod źródłowy JavaScript i znaleźć prawidłową odpowiedź, przez co całość stanie się bez sensu.

$odpowiedz = $_POST["odpowiedz"];
if($odpowiedz == "jakaś tam fraza") header("Location: stronaglowna.html");
else header("Location: index.html");

 

Comments

Próbuję na różne sposoby: wywaliłem tymczasowo else, zostawiając tylko jedną funkcję warunkową i wpisuję wyłącznie poprawną odpowiedź, albo nawet bez funkcji samo header("location: ") powinno przekierowywać dalej, a tu nic się nie dzieje. Dodanie exit; oraz exit(); też nie pomaga. Adres przekierowania jest poprawny, ponieważ używam ctrl+c i ctrl+v :) Nie mam pojęcia co jest grane...

---

Może jakaś spacja przed <?

---

Niestety nic nie pomogło, będę próbował jeszcze jakoś we własnym zakresie uporać się z tym. Dziękuję za wszystkie porady.

Pozdrawiam i do usłyszenia niebawem (bo pewnie znowu pojawi się jakiś nowy problem ;) )

---

Problem prawdopodobnie polega na tym, że źle odpalasz stronę w przeglądarce.

Jeżeli odpalisz stronę z pliku będziesz miał adres coś w stylu

file:///C:/xampp/htdocs/nazwa_folderu_ze_strona/index.php

Musisz odpalić stronę wpisując ręczniec adres  localhost/nazwa_folderu_ze_strona

---

Teraz już wszystko jasne. Faktycznie, po wpisaniu /localhost/nazwa_folderu skrypt PHP zaczął działać i to dosłownie ;) Dziękuję za pomoc!

Pozdrawiam.