Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript] JavaScript - QUIZ najczęściej wybierana odpowiedź i przekierowanie
-czarekwenta-
post 7.01.2015, 19:49:52
Post #1





Goście







Napisałem skrypcik który na podstawie najczęściej wybieranych odpowiedzi po zadaniu 3 pytań przekierowuje do odpowiedniej strony. smile.gif


Wszystko działa prawie tak jak chciałem, jednak jestem dopiero początkujący i pojawiło się kilka drobnych problemów z którymi nie mogę sobie poradzić.


ONLINE:Link


Problem polega na tym że w przypadku gdy są zaznaczone 3 różne odpowiedzi nie wiadomo do której strony ma prowadzić (takich kombinacji jest 9).

Moim rozwiązaniem tego problemu jest dopisanie linijek, które w przypadku zaznaczenia 2 różnych odpowiedzi w 2 pierwszych pytaniach wyłączają input ( nadają mu disabled="disabled") w 3 pytaniu który byłby 3 różną odpowiedzią i dają możliwość wyboru tylko 2 pozostałych które spełniają funkcję programu.

Fajnie by było, gdyby jeszcze te pytania wyświetlały się kolejno po sobie, a nie wszystkie naraz i by w każdym z nich skrypt wymagał zaznaczenia pola i dopiero potem pozwolił przejść dalej. Przerasta to moje umiejętności a pracę pilnie potrzebuję do szkoły. Jeżeli nie znalazłby się nikt o dobrym sercu kto były w stanie to napisać za darmo jestem w stanie zapłacić, ponieważ to bardzo PILNE ohno-smiley.gif . Wydaje mi się, że to nie jest aż takie trudne.



OTO MÓJ KOD
[JAVASCRIPT] pobierz, plaintext
  1. <div class="news"><script language="JavaScript">
  2. function process()
  3. {
  4. var informatyk = 0;
  5. var robotyk = 0;
  6. var biomedyk = 0;
  7.  
  8.  
  9. var pegaz = 0;
  10. var pquiz = "";
  11. var f = document.f;
  12. var i = 0;
  13. var error = 0;
  14. var value = 9999;
  15.  
  16. for (i = 0; i < f.one.length; i++) if (f.one[i].checked) value = f.one[i].value;
  17. if (value == "1") {informatyk++; }
  18. if (value == "2") { robotyk++; }
  19. if (value == "3") {biomedyk++; }
  20.  
  21. if (value != "1" && value != "2" && value != "3" && value != "4" && value != "5") { error = 1; }
  22.  
  23. for (i = 0; i < f.two.length; i++) if (f.two[i].checked) value = f.two[i].value;
  24. if (value == "1") {robotyk++; }
  25. if (value == "2") { biomedyk++; }
  26. if (value == "3") { informatyk++; }
  27.  
  28. if (value != "1" && value != "2" && value != "3" && value != "4" && value != "5") { error = 1; }
  29.  
  30. for (i = 0; i < f.three.length; i++) if (f.three[i].checked) value = f.three[i].value;
  31. if (value == "1") {biomedyk++; }
  32. if (value == "2") { informatyk++; }
  33. if (value == "3") { robotyk++; }
  34.  
  35. if (value != "1" && value != "2" && value != "3" ) { error = 1; }
  36.  
  37.  
  38. i = 0;
  39.  
  40. if (informatyk > i) { pquiz = "1.html"; i = informatyk; }
  41. if (robotyk > i) { pquiz = "2.html"; i = robotyk; }
  42. if (biomedyk > i) { pquiz = "3.html"; i = biomedyk; }
  43.  
  44.  
  45.  
  46.  
  47. if (error == 1)
  48. {
  49. alert("Musisz odpowiedzieć na wszystkie pytania !");
  50. }
  51. else
  52. {
  53. location.href = "" + pquiz;
  54. }
  55. }
  56. </script>
  57.  
  58. <h4>Quiz "Jaki kierunek studiów dla ciebie?"</h4>
  59.  
  60. <form name="f">
  61.  
  62. <h2>1. Pytanie</h2>
  63. <p>
  64. <input name="one" value="1" type="radio">Informatyk
  65. <input name="one" value="2" type="radio">Robotyk
  66. <input name="one" value="3" type="radio">Inżynier biomedyczny
  67.  
  68. </p>
  69.  
  70. <h2>2. Pytanie</h2>
  71. <p>
  72. <input name="two" value="1" type="radio">Robotyk
  73. <input name="two" value="2" type="radio">Inżynier biomedyczny
  74. <input name="two" value="3" type="radio">Informatyk
  75.  
  76. </p>
  77.  
  78. <h2>3. Pytanie</h2>
  79.  
  80. <p>
  81. <input name="three" value="1" type="radio">Inżynier biomedyczny
  82. <input name="three" value="2" type="radio">Informatyk
  83. <input name="three" value="3" type="radio">Robotyk
  84.  
  85.  
  86. </p>
  87.  
  88.  
  89.  
  90.  
  91. <h2><center><input value="Kim jestem ?" onclick="process();"
  92. type="button"></center></h2>
  93.  
  94.  
  95. <div style="text-align: center;">
  96. <div class="adspaceh" style="width: 468px; margin: 0pt auto;">
  97.  
  98. </div></div></form></div></body></html>
[JAVASCRIPT] pobierz, plaintext


Ten post edytował czarekwenta 7.01.2015, 19:57:59
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 13.08.2025 - 23:22