Odpowiednia strona w zależności od podanych wcześniej odpowiedzi. Opcje

[Apox]

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

[Nattfarinn]

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