Forum PHP.pl

Chciałem napisać stronę w formie testu wyboru, która po wybraniu odpowiednich odpowiedzi w formularzu i zatwierdzeniu odeśle do odpowiedniej strony zależnie od wcześniej wybranych odpowiedzi. Naszukałem się po sieci, ale nie znalazłem nic co by tak zadziałało.

Jak ktoś nie rozumie o co mi loto podam mały schemacik jak ja bym to widział:

Mamy n pytań z odpowiedziami... (jedna możliwa odpowiedź przy jednym pytaniu)
Pytanie 1
a) Odpowiedź a)
B) Odpowiedź B)
c) Odpowiedź c)

Pytanie 2
a) Odpowiedź a)
B) Odpowiedź B)
c) Odpowiedź c)

...

Pytanie n
a) Odpowiedź a)
B) Odpowiedź B)
c) Odpowiedź c)

No i szukam skryptu, który po zaznaczeniu wszystkich odpowiedzi i zatwierdzeniu sumowałby udzielone odpowiedzi i np. w przypadku gdy odpowiedź a) powtórzy się 6 razy , B) - 7, c) - 2 otwierałby stronę o nazwie a6b7c2.html

Zaznaczam, że dobrze zdążyłem poznać póki co tylko HTML i z tej perspektywy widzę tylko takie rozwiązanie, ale zdaję sobie sprawę, że istnieje jeszcze słabo mi znany PHP, w którym napewno będzie to inaczej wyglądało. Czekam na pomysły.

PS: Terminy mnie gonią ;)

Ten post edytował Apox 16.09.2007, 23:11:29

Możesz użyć PHP lub JS. Jeśli chodzi o PHP to robisz zwykły formularz, w nim określasz plik do którego zostaną przesłane dane. Następnie w tym pliku robisz obliczenia, po czym odp. używasz funkcji header.
Jeśli chodzi o JS to window.location.replace("test.html")

Wolałbym użyć JS, ale nie moge wykombinować jak użyć tego window.location.replace("test.html"). Jakaś podpowiedź? Przypominam, że JS i PHP znam tylko szczątkowo i przydałoby się trochę bardziej łopatologicznie.

Szczątkowa znajomość PHP i JS to trochę wg mnie mało. O wiele lepiej ( prościej jak dla mnie ) zrobić to w php ( i wystarczą do tego podstawy ) a w JS trzeba by napisać funkcję, która wywoływała by się po zatwierdzeniu formularza.

W funkcji tej czytasz wszystkie zaznaczone pola odpowiedzi i określasz na tej podstawie ( licząc ilości zaznaczonych pól a,b,c,d ) nazwę pliku który ma się pokazać ...

Napisane na szybko i prawdopodobnie bardzo "na około" (nie znam za dobrze JS), ale działające. Nie wymaga przesyłania danych z formularza.

[HTML] pobierz, plaintext 
<script>
 
function Zlicz()
{
  var Odpowiedzi = new Array;
  Odpowiedzi['a'] = 0;
  Odpowiedzi['b'] = 0;
  Odpowiedzi['c'] = 0;
  var IloscPytan = document.getElementsByName("pytanie").length;
  for(var i = 1; i <= IloscPytan; i++)
  {
    var Pytania = document.forms['quiz'].elements['pytanie'+i];
    for(var j = 0; j < Pytania.length; j++)
    {
          if(Pytania[j].checked) { Odpowiedzi[Pytania[j].value]++; }
    }
  }
   document.getElementById("licznik").innerHTML = 'a' + Odpowiedzi['a'] + 'b' + Odpowiedzi['b'] + 'c' + Odpowiedzi['c'] + '.html';
   // document.location = document.getElementById("licznik").innerHTML;
}
</script>
 
<form name="quiz">
<div name="pytanie">
  Jak się czujesz? <br />
  <label><input type="radio" name="pytanie1" value="a"> Źle</label><br />
  <label><input type="radio" name="pytanie1" value="b"> Dobrze</label><br />
  <label><input type="radio" name="pytanie1" value="c"> Nie sprawdzałem</label><br />
</div><br />
 
<div name="pytanie">
  Jak się czujesz? </br>
  <label><input type="radio" name="pytanie2" value="a"> Źle</label><br />
  <label><input type="radio" name="pytanie2" value="b"> Dobrze</label><br />
  <label><input type="radio" name="pytanie2" value="c"> Nie sprawdzałem</label><br />
</div><br />
 
<div name="pytanie">
  Jak się czujesz? </br>
  <label><input type="radio" name="pytanie3" value="a"> Źle</label><br />
  <label><input type="radio" name="pytanie3" value="b"> Dobrze</label><br />
  <label><input type="radio" name="pytanie3" value="c"> Nie sprawdzałem</label><br />
</div><br />
</form>
 
<div id="licznik"> </div>
 
<input type="button" value="Podlicz" onclick="Zlicz()">
[HTML] pobierz, plaintext 

Edit: Kod działa w 100% na kopiuj/wklej. Nie przenosi jednak do pliku (wyświetla tylko jego nazwę). Żeby przeniesienie miało miejsce, wystarczy zmienić:

[HTML] pobierz, plaintext 
document.getElementById("licznik").innerHTML = 'a' + Odpowiedzi['a'] + 'b' + Odpowiedzi['b'] + 'c' + Odpowiedzi['c'] + '.html';
// document.location = document.getElementById("licznik").innerHTML;
[HTML] pobierz, plaintext 

na

[HTML] pobierz, plaintext 
document.location = 'a' + Odpowiedzi['a'] + 'b' + Odpowiedzi['b'] + 'c' + Odpowiedzi['c'] + '.html';
[HTML] pobierz, plaintext 

Dla samych testów, można też się pozbyć na szybko znaków komentarza (//).

Pozdrawiam!

Ten post edytował Nattfarinn 20.09.2007, 14:09:59

Skrypt działa Jak skończę stronę to podam link. Podziękowania dla Nattfarinn, który nie dał mi się pomęczyć

Witam,
i przepraszam na wstępie, że odgrzewam tak starego kotleta, ale właśnie takiego skryptu szukałem
Chciałbym tylko zapytać szanownych forumowiczów, jak należałoby zmodyfikować ów skrypt, by strona wynikowa (czyli ta, na którą przenosi się użytkownik po wypełnieniu testu), była rezultatem zliczonej większości danych typów odpowiedzi.
Czyli mniej więcej tak:

PYTANIE 1:
A. Odp.1
B. Odp.2

PYTANIE 2:
A. Odp.1
B. Odp.2

PYTANIE 3:
A. Odp.1
B. Odp.2

Po wypełnieniu zlicza, których odpowiedzi było więcej ('A' lub 'B') i w zależności od tego przenosi na stronę z wynikami dla "większości 'A'" lub "większości 'B'".

Czy mogę liczyć na pomoc w tej sprawie? Myslę, że ten powyższy skrypt to jest właśnie to, tylko brakuje mu małej modyfikacji.
Niestety tak, jak zakładający ten wątek, jestem nowicjuszem w temacie skryptowym i dopiero co oswoiłem się (mam nadzieję, że wystarczająco) z html-em i css-em.

Z góry dziękuję za jakąkolwiek pomoc i wskazówki!
Pozdrawiam!

Ten post edytował varulven 30.09.2008, 18:49:05