Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Kolorowanie Poprawnych odpowiedzi (input radio)
szodro
post
Post #1





Grupa: Zarejestrowani
Postów: 2
Pomógł: 0
Dołączył: 21.10.2012

Ostrzeżenie: (0%)
-----

Witam. Piszę z takim problemem. Zrobilem poniższy quiz. Działa on zwyczajnie - wybieramy odpowiedź. Na koniec zlicza nam punkty w %.
Potrzebowalbym do tego dodac część skryptu, która kolorowała by na koniec poprawne odpowiedzi na zielono, zaś błędne na czerwono.
Robilem to na różne sposoby, jednak nie działą :/. Mógłby mi ktoś pomóc to zmodyfikować?




[HTML] pobierz, plaintext 
  1.  
  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5.  
  6. <script>
  7.  
  8.  
  9.  
  10.  
  11. function tester(form) {
  12.      var percent;
  13.      var correct = 0;    
  14.  
  15.      if (form[0].checked == true) correct++;  
  16.      if (form[6].checked == true) correct++; 
  17.      if (form[10].checked == true) correct++; 
  18.      if (form[12].checked == true) correct++;
  19.      if (form[19].checked == true) correct++;
  20.  
  21.      percent = (correct / 5) * 100;
  22.  
  23.      if (percent == 100) alert("Uzyskales " + percent + "%. Dobra Robota!");
  24.  
  25.  
  26.  
  27.  
  28.  
  29.      if (percent < 100) alert("Zdobiles  " + correct + " na 5 poprawnych odpowiedzi dajac ( " + percent + "% )");
  30. }
  31.  
  32. </script>
  33.  
  34.  
  35.  
  36. </head>
  37. <body>
  38. <h1>Quiz z Datami</h1>
  39.  
  40. <FORM onSubmit="tester(this); return false;">
  41.  
  42. <br><b>1. W ktorym roku byl Chrzest Polski  <br></b>
  43. <INPUT TYPE="radio" NAME="No1"  >966            <br>
  44. <INPUT TYPE="radio" NAME="No1">996			 <br>
  45. <INPUT TYPE="radio" NAME="No1">896			 <br>
  46. <INPUT TYPE="radio" NAME="No1">886			 <br>
  47.  
  48. <br><b>2. Wydarzenie 2           <br></b>
  49. <INPUT TYPE="radio" NAME="No2">False             <br>
  50. <INPUT TYPE="radio" NAME="No2">False             <br>
  51. <INPUT TYPE="radio" NAME="No2">True              <br>
  52. <INPUT TYPE="radio" NAME="No2">False             <br>
  53.  
  54. <br><b>3.  Wydarzenie 3      <br></b>
  55. <INPUT TYPE="radio" NAME="No3">False              <br>
  56. <INPUT TYPE="radio" NAME="No3">False              <br>
  57. <INPUT TYPE="radio" NAME="No3">True               <br>
  58. <INPUT TYPE="radio" NAME="No3">False              <br>
  59.  
  60. <br><b>4.  Wydarzenie 4   <br></b>
  61. <INPUT TYPE="radio" NAME="No4">True              <br>
  62. <INPUT TYPE="radio" NAME="No4">False                 <br>
  63. <INPUT TYPE="radio" NAME="No4">False              <br>
  64. <INPUT TYPE="radio" NAME="No4">False              <br>
  65.  
  66. <br><b>5.  Wydarzenie 5  <br></b>
  67. <INPUT TYPE="radio" NAME="No5">False              <br>
  68. <INPUT TYPE="radio" NAME="No5">False              <br>
  69. <INPUT TYPE="radio" NAME="No5">False              <br>
  70. <INPUT TYPE="radio" NAME="No5">True                <br>
  71.  
  72. <INPUT TYPE="Submit" VALUE="GOTOWE"> <INPUT TYPE="Reset" VALUE="WYCZYSC">
  73. <br>
  74.  
  75.  
  76.  
  77.  
  78. </body>
  79. </html> 
  80.  
  81.  
  82.  
  83.  
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
szodro
post
Post #2





Grupa: Zarejestrowani
Postów: 2
Pomógł: 0
Dołączył: 21.10.2012

Ostrzeżenie: (0%)
-----

Chłopie, dzięki. Jesteś wielki. Pozmieniałem i dodałem te 5 pytanie i jest git (IMG:style_emoticons/default/smile.gif)
Walcze teraz z licznikiem, który odlicza czas od np. 30 sekund do 0 i przekierowuje (w java script nie html (IMG:style_emoticons/default/haha.gif) ) i mam wszystko co potrzebuje (IMG:style_emoticons/default/smile.gif)
Jeszcze raz dzieki

Ten post edytował szodro 22.10.2012, 14:33:00
Go to the top of the page
+Quote Post

Posty w temacie
- szodro   Kolorowanie Poprawnych odpowiedzi (input radio)   21.10.2012, 16:32:34
- - lukasz1985   Pola radio muszą się w czymś znajdować, np w divac...   21.10.2012, 20:24:28
- - szodro   Chłopie, dzięki. Jesteś wielki. Pozmieniałem i dod...   22.10.2012, 14:31:36

« Następny starszy · JavaScript · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 26.12.2025 - 21:26
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn