Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
 
Рейтинг 4.96/587: Рейтинг темы: голосов - 587, средняя оценка - 4.96
1 / 1 / 0
Регистрация: 21.04.2012
Сообщений: 38

Создать тест на HTML

15.05.2012, 20:03. Показов 123912. Ответов 21
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Здравствуйте! Подскажите пожалуйста как сделать тест на HTML т.е. дается вопрос к нему 4 варианта ответа 1 правильный и в конуе выдать результат сколько правильных и не правильных... и выдать оценку...
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
15.05.2012, 20:03
Ответы с готовыми решениями:

Как создать тест в HTML чтобы каждый раз выходил новый вопрос и в конце вывести правильные ответы
Всем Доброго Времени Суток!!! Есть вопрос, подскажите как создать тест в HTML чтобы каждый раз выходил новый вопрос и в конце вывести...

Тест на HTML
Здравствуйте! Мне нужно написать Тест на ХТМЛ, но что писать, я незнаю, там вопрос и 4 варианта ответа, и в оконцовке результаты были, и на...

Тест в html
Добрый вечер, хотел бы спросить как можно в тесте написанного в html, сделать выборку из n-базы вопросов. Допустим у меня база из 30...

21
26 / 26 / 2
Регистрация: 10.05.2012
Сообщений: 120
15.05.2012, 20:13
DarkOFF, сколько вопросов?
0
 Аватар для Sergio Aguero
452 / 443 / 21
Регистрация: 11.04.2012
Сообщений: 2,076
15.05.2012, 20:15
с нетерпением жду как вы планируете реализовать сие задание на хтмл и выводить результаты
0
1 / 1 / 0
Регистрация: 21.04.2012
Сообщений: 38
15.05.2012, 20:24  [ТС]
можно не выводить результат а подчеркивать правильный ответ зеленым а не правильный красным после ответа... но я точно не знаю как это реализовать(((
0
 Аватар для Sergio Aguero
452 / 443 / 21
Регистрация: 11.04.2012
Сообщений: 2,076
15.05.2012, 20:29
Цитата Сообщение от DarkOFF Посмотреть сообщение
можно не выводить результат а подчеркивать правильный ответ зеленым а не правильный красным после ответа...
уже условие напрашивается - следовательно на голом хтмл это нереал)
0
1 / 1 / 0
Регистрация: 21.04.2012
Сообщений: 38
15.05.2012, 20:31  [ТС]
а чем тогда можно воспользоваться?
0
 Аватар для Sergio Aguero
452 / 443 / 21
Регистрация: 11.04.2012
Сообщений: 2,076
15.05.2012, 20:35
Цитата Сообщение от DarkOFF Посмотреть сообщение
а чем тогда можно воспользоваться?
ну можно и на яваскрипте реализовать обработку формы с тестом
можно и на пхп - на пхп даже проще будет если знаете как делать)
0
1 / 1 / 0
Регистрация: 21.04.2012
Сообщений: 38
15.05.2012, 20:52  [ТС]
вот это и есть основная проблема как на них делать)))
0
26 / 26 / 2
Регистрация: 10.05.2012
Сообщений: 120
15.05.2012, 21:15
DarkOFF, можете сказать, сколько вопросов, или нет? Попробовать-то дайте хотя бы
0
1 / 1 / 0
Регистрация: 21.04.2012
Сообщений: 38
15.05.2012, 21:18  [ТС]
Всего 10 вопросов по разное количество вариантов ответа но везде 1 правильный...
0
26 / 26 / 2
Регистрация: 10.05.2012
Сообщений: 120
15.05.2012, 21:47
Нашёл, сам написать не смог, спать хочу.
Вопросы и ответы на свои
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
<script type="text/javascript" language="JavaScript">
 var res="1111111111" 
function check_me()
{
    var count=0
    with(document.test)
{
if (!Q1[0].checked&&!Q1[1].checked&&!Q1[2].checked&&!Q1[3].checked&&!Q1[4].checked)  
{count+=1};  
if (!Q2[0].checked&&!Q2[1].checked&&!Q2[2].checked&&!Q2[3].checked&&!Q2[4].checked)  
{count+=1};  
if (!Q3[0].checked&&!Q3[1].checked&&!Q3[2].checked&&!Q3[3].checked&&!Q3[4].checked)  
{count+=1};  
if (!Q4[0].checked&&!Q4[1].checked&&!Q4[2].checked&&!Q4[3].checked&&!Q4[4].checked)  
{count+=1};  
if (!Q5[0].checked&&!Q5[1].checked&&!Q5[2].checked&&!Q5[3].checked&&!Q5[4].checked)  
{count+=1};  
if (!Q6[0].checked&&!Q6[1].checked&&!Q6[2].checked&&!Q6[3].checked&&!Q6[4].checked)  
{count+=1};  
if (!Q7[0].checked&&!Q7[1].checked&&!Q7[2].checked&&!Q7[3].checked&&!Q7[4].checked)  
{count+=1};  
if (!Q8[0].checked&&!Q8[1].checked&&!Q8[2].checked&&!Q8[3].checked&&!Q8[4].checked)  
{count+=1};  
if (!Q9[0].checked&&!Q9[1].checked&&!Q9[2].checked&&!Q9[3].checked&&!Q9[4].checked)  
{count+=1};  
if (!Q10[0].checked&&!Q10[1].checked&&!Q10[2].checked&&!Q10[3].checked&&!Q10[4].checked)  
{count+=1};  
if (count>0) 
    {alert("Вы выполнили не все задания. Проверьте себя!")  } 
        else answer()
    }
} 
 
function control(k, f1,f2,f3,f4,f5,f6,f7,f8,f9,f10) {
if (k==1&&f1.checked) return true;
if (k==2&&f2.checked) return true;
if (k==3&&f3.checked) return true;
if (k==4&&f4.checked) return true;
if (k==5&&f5.checked) return true;
if (k==6&&f6.checked) return true;
if (k==7&&f7.checked) return true;
if (k==8&&f8.checked) return true;
if (k==9&&f9.checked) return true;
if (k==10&&f10.checked) return true;
return false;
}
 
function answer()
{
answ="";
     with(document)
    {
    answ+=control(res.charAt(0) ,test.Q1[0],test.Q1[1],test.Q1[2],test.Q1[3],test.Q1[4])?"1":"0"
answ+=control(res.charAt(1) ,test.Q2[0],test.Q2[1],test.Q2[2],test.Q2[3],test.Q2[4])?"1":"0"
answ+=control(res.charAt(2) ,test.Q3[0],test.Q3[1],test.Q3[2],test.Q3[3],test.Q3[4])?"1":"0"
answ+=control(res.charAt(3) ,test.Q4[0],test.Q4[1],test.Q4[2],test.Q4[3],test.Q4[4])?"1":"0"
answ+=control(res.charAt(4) ,test.Q5[0],test.Q5[1],test.Q5[2],test.Q5[3],test.Q5[4])?"1":"0"
answ+=control(res.charAt(5) ,test.Q6[0],test.Q6[1],test.Q6[2],test.Q6[3],test.Q6[4])?"1":"0"
answ+=control(res.charAt(6) ,test.Q7[0],test.Q7[1],test.Q7[2],test.Q7[3],test.Q7[4])?"1":"0"
answ+=control(res.charAt(7) ,test.Q8[0],test.Q8[1],test.Q8[2],test.Q8[3],test.Q8[4])?"1":"0"
answ+=control(res.charAt(8) ,test.Q9[0],test.Q9[1],test.Q9[2],test.Q9[3],test.Q9[4])?"1":"0"
answ+=control(res.charAt(9) ,test.Q10[0],test.Q10[1],test.Q10[2],test.Q10[3],test.Q10[4])?"1":"0"
 
showResult();
    }
}
 
function showResult()
{
    var nok=0;
    var i,s;
 
for (i=0; i<answ.length;i++) {nok+=answ.charAt(i)=="1"?1:0;}
if(nok==10) s="ОТЛИЧНО";
if(nok<10) s="ХОРОШО";
if(nok<7.5) s="УДОВЛЕТВОРИТЕЛЬНО";
if (nok<5) s="НЕУДОВЛЕТВОРИТЕЛЬНО";
    document.test.s1.
    value="Количество правильных ответов "+nok+". Ваша оценка  "+s+". Посмотрите на окно рядом с номером вопроса. Если ответ правильный, там (+). Если ответ ошибочен, там (-).";
 
with(document.test)
    {
    if (answ.charAt(0)=="1") {T1.value=" + "} else {T1.value=" - "};
   if (answ.charAt(1)=="1") {T2.value=" + "} else {T2.value=" - "};
   if (answ.charAt(2)=="1") {T3.value=" + "} else {T3.value=" - "};
   if (answ.charAt(3)=="1") {T4.value=" + "} else {T4.value=" - "};
   if (answ.charAt(4)=="1") {T5.value=" + "} else {T5.value=" - "};
   if (answ.charAt(5)=="1") {T6.value=" + "} else {T6.value=" - "};
   if (answ.charAt(6)=="1") {T7.value=" + "} else {T7.value=" - "};
   if (answ.charAt(7)=="1") {T8.value=" + "} else {T8.value=" - "};
   if (answ.charAt(8)=="1") {T9.value=" + "} else {T9.value=" - "};
   if (answ.charAt(9)=="1") {T10.value=" + "} else {T10.value=" - "};
     }
}
function showhide(obj){
    if(obj == 'none') return 'inline';
    else return 'none';
}
</script>
<center><b>Тест</b></center><br/><br/>
&nbsp;&nbsp;&nbsp;<span style="color:#006699;text-decoration:underline;cursor:pointer;" onclick="document.getElementById('instruction').style.display = showhide(document.getElementById('instruction').style.display)">
Инструкция</span>
 <br/>
<div id="instruction" style="display: none; width: 100%;">
<ul>
<li>Выберите один из вариантов в каждом из 10 вопросов;</li>
<li>Нажмите на кнопку "Показать результат";</li>
<li>Скрипт не покажет результат, пока Вы не ответите на все вопросы;</li>
<li>Загляните в окно рядом с номером задания. Если ответ правильный, то там (+). Если Вы ошиблись, там (-).</li>
<li>За каждый правильный ответ начисляется 1 балл;</li>
<li>Оценки: менее 5 баллов - НЕУДОВЛЕТВОРИТЕЛЬНО, от 5 но менее 7.5 - УДОВЛЕТВОРИТЕЛЬНО, 7.5 и менее 10 - ХОРОШО, 10 - ОТЛИЧНО;</li>
<li>Чтобы сбросить результат тестирования, нажать кнопку "Сбросить ответы";</li>
</ul>
</div>
<form name="test"><ol>
<li><INPUT type="text" size="1" name="T1"/><b> В1</b><br/>
<input type="radio" name="Q1"/> 1<br />
<input type="radio" name="Q1"/> 2<br />
<input type="radio" name="Q1"/> 3<br />
<input type="radio" name="Q1"/> 4<br />
<input type="radio" name="Q1"/> 5<br />
<br/></li><li><INPUT type="text" size="1" name="T2"/><b> в2</b><br/>
<input type="radio" name="Q2"/> 1<br />
<input type="radio" name="Q2"/> 2<br />
<input type="radio" name="Q2"/> 3<br />
<input type="radio" name="Q2"/> 4<br />
<input type="radio" name="Q2"/> 5<br />
<br/></li><li><INPUT type="text" size="1" name="T3"/><b> в3</b><br/>
<input type="radio" name="Q3"/> 1<br />
<input type="radio" name="Q3"/> 2<br />
<input type="radio" name="Q3"/> 3<br />
<input type="radio" name="Q3"/> 4<br />
<input type="radio" name="Q3"/> 5<br />
<br/></li><li><INPUT type="text" size="1" name="T4"/><b> в4</b><br/>
<input type="radio" name="Q4"/> 1<br />
<input type="radio" name="Q4"/> 2<br />
<input type="radio" name="Q4"/> 3<br />
<input type="radio" name="Q4"/> 4<br />
<input type="radio" name="Q4"/> 5<br />
<br/></li><li><INPUT type="text" size="1" name="T5"/><b> в5</b><br/>
<input type="radio" name="Q5"/> 1<br />
<input type="radio" name="Q5"/> 2<br />
<input type="radio" name="Q5"/> 3<br />
<input type="radio" name="Q5"/> 4<br />
<input type="radio" name="Q5"/> 5<br />
<br/></li><li><INPUT type="text" size="1" name="T6"/><b> в6</b><br/>
<input type="radio" name="Q6"/> 1<br />
<input type="radio" name="Q6"/> 2<br />
<input type="radio" name="Q6"/> 3<br />
<input type="radio" name="Q6"/> 4<br />
<input type="radio" name="Q6"/> 5<br />
<br/></li><li><INPUT type="text" size="1" name="T7"/><b> в7</b><br/>
<input type="radio" name="Q7"/> 1<br />
<input type="radio" name="Q7"/> 2<br />
<input type="radio" name="Q7"/> 3<br />
<input type="radio" name="Q7"/> 4<br />
<input type="radio" name="Q7"/> 5<br />
<br/></li><li><INPUT type="text" size="1" name="T8"/><b> в8</b><br/>
<input type="radio" name="Q8"/> 1<br />
<input type="radio" name="Q8"/> 2<br />
<input type="radio" name="Q8"/> 3<br />
<input type="radio" name="Q8"/> 4<br />
<input type="radio" name="Q8"/> 5<br />
<br/></li><li><INPUT type="text" size="1" name="T9"/><b> в9</b><br/>
<input type="radio" name="Q9"/> 1<br />
<input type="radio" name="Q9"/> 2<br />
<input type="radio" name="Q9"/> 3<br />
<input type="radio" name="Q9"/> 4<br />
<input type="radio" name="Q9"/> 5<br />
<br/></li><li><INPUT type="text" size="1" name="T10"/><b> в10</b><br/>
<input type="radio" name="Q10"/> 1<br />
<input type="radio" name="Q10"/> 2<br />
<input type="radio" name="Q10"/> 3<br />
<input type="radio" name="Q10"/> 4<br />
<input type="radio" name="Q10"/> 5<br />
<br/></li></ol>     
<CENTER>
<P><TEXTAREA name="s1" rows="4" cols="70" readonly> </TEXTAREA> </P>
<INPUT onclick="check_me()" type="button" value="Показать результат"/>&nbsp;&nbsp;&nbsp;&nbsp; 
<INPUT type="reset" value="Сбросить ответы"/> 
</CENTER>        
</form> 
<!-- Test created by service http://test.fromgomel.com -->
2
545 / 344 / 12
Регистрация: 05.11.2010
Сообщений: 1,076
Записей в блоге: 1
16.05.2012, 21:10
Ужасный код, а если вопросов будет больше, вы будете копипастить его?)
0
43 / 17 / 4
Регистрация: 22.02.2012
Сообщений: 327
16.05.2012, 21:30
Написанный выше код, не подходит по условию вопроса.
Он же через ЯваСкрипт сделан.

А на пустом HTML такого не сделать. Тут нет переменных и условий.
0
1 / 1 / 0
Регистрация: 21.04.2012
Сообщений: 38
16.05.2012, 22:09  [ТС]
Вот нашел и переделал под себя такой код, но он не идет в Internet Exploire ПОЧЕМУ?
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
<html>
    <head>
        <title>Тест</title></head>
        <style type = "text/css">
            div.questionBlock {
                display: none;
            }
        </style>
        <script type = "text/javascript">
            var answer;
        </script>
    </head>
    <body background="tz13.jpg"><h1>Тест по теме: "Цифровые каналы передачи данных"</h1>
        <div class = "questionBlock">
           1. Что не относится к каналам PDH?<br>
            <input type = "radio" name=q1 onclick="qa.nowRight = 0">T1/T4;<br>
            <input type = "radio" name=q1 onclick="qa.nowRight = 0">E1/E4;<br>
            <input type = "radio" name=q1 onclick="qa.nowRight = 0">DS-1;<br>
            <input type = "radio" name=q1 onclick="qa.nowRight = 0">DS-0;<br> 
            <input type = "radio" name=q1 onclick="qa.nowRight = 1">D1/D4;<br>
        </div>
        <div class = "questionBlock">
            2. Сколько зон выделяют в фрейме?<br>
            <input type = "radio" name=q2 onclick="qa.nowRight = 0">1;<br>
            <input type = "radio" name=q2 onclick="qa.nowRight = 0">2;<br>
            <input type = "radio" name=q2 onclick="qa.nowRight = 1">3;<br>
            <input type = "radio" name=q2 onclick="qa.nowRight = 0">4;<br>
            <input type = "radio" name=q2 onclick="qa.nowRight = 0">5;<br>
        </div>
        <div class = "questionBlock">
            3. Общая скорость передачи STM-1?<br>
            <input type = "radio" name=q3 onclick="qa.nowRight = 0">128.62 Mb;<br>
            <input type = "radio" name=q3 onclick="qa.nowRight = 1">155.52 Mb;<br>
            <input type = "radio" name=q3 onclick="qa.nowRight = 0">162.57 Mb;<br>
            <input type = "radio" name=q3 onclick="qa.nowRight = 0">176.62 Mb;<br>
            <input type = "radio" name=q3 onclick="qa.nowRight = 0">192.76 Mb;<br>
        </div>
        <div class = "questionBlock">
            4. Скорость передачи для модуля STM-4?<br>
            <input type = "radio" name=q4 onclick="qa.nowRight = 0">128 Mb;<br>
            <input type = "radio" name=q4 onclick="qa.nowRight = 0">327 Mb;<br>
            <input type = "radio" name=q4 onclick="qa.nowRight = 0">452 Mb;<br>
            <input type = "radio" name=q4 onclick="qa.nowRight = 1">622 Mb;<br>
            <input type = "radio" name=q4 onclick="qa.nowRight = 0">842 Mb;<br>
        </div>
        <div class = "questionBlock">
            5. Как еще называют широкополосный ISDN?<br>
            <input type = "radio" name=q4 onclick="qa.nowRight = 0">S-ISDN;<br>
            <input type = "radio" name=q4 onclick="qa.nowRight = 1">B-ISDN;<br>
            <input type = "radio" name=q4 onclick="qa.nowRight = 0">C-ISDN;<br>
            <input type = "radio" name=q4 onclick="qa.nowRight = 0">A-ISDN;<br>
            <input type = "radio" name=q4 onclick="qa.nowRight = 0">P-ISDN;<br>
        </div>
        <div class = "questionBlock">
            6. Сколько каналов содержит базовый вариант ISDN?<br>
            <input type = "radio" name=q2 onclick="qa.nowRight = 0">1;<br>
            <input type = "radio" name=q2 onclick="qa.nowRight = 0">2;<br>
            <input type = "radio" name=q2 onclick="qa.nowRight = 1">3;<br>
            <input type = "radio" name=q2 onclick="qa.nowRight = 0">4;<br>
            <input type = "radio" name=q2 onclick="qa.nowRight = 0">5;<br>
        </div>
        <div class = "questionBlock">
            7. Что из перечисленного не является цифровой абонентской линией?<br>
            <input type = "radio" name=q2 onclick="qa.nowRight = 0">ADSL;<br>
            <input type = "radio" name=q2 onclick="qa.nowRight = 1">IDSL;<br>
            <input type = "radio" name=q2 onclick="qa.nowRight = 0">HDSL;<br>
            <input type = "radio" name=q2 onclick="qa.nowRight = 0">SDSL;<br>
        </div>
        <div class = "questionBlock">
            8. Для передачи каких сигналов создавалась аппаратура ИМК?<br>
            <input type = "radio" name=q2 onclick="qa.nowRight = 1">Aналоговых;<br>
            <input type = "radio" name=q2 onclick="qa.nowRight = 0">Цифровых;<br>
        </div>
        <div class = "questionBlock">
            9. При каком  методе сигналы данных вводятся на канальные входы оконечных устройств цифровых систем и стробируются последовательностью стробирующих импульсов?<br>
            <input type = "radio" name=q2 onclick="qa.nowRight = 1">Метод простого наложения;<br>
            <input type = "radio" name=q2 onclick="qa.nowRight = 0">Метод скользящегоиндекса;<br>
            <input type = "radio" name=q2 onclick="qa.nowRight = 0">Метод фиксированного индекса;<br>
            <input type = "radio" name=q2 onclick="qa.nowRight = 0">Метод объединения потоков;<br>
        </div>
        <div class = "questionBlock">
            10. Какой метод основан на принципе кодовой передачи инфор¬мации о наличии перехода в сигнале данных и его положении в интервале времени между следующими друг за другом тактовыми импульсами?<br>
            <input type = "radio" name=q2 onclick="qa.nowRight = 0">Метод простого наложения;<br>
            <input type = "radio" name=q2 onclick="qa.nowRight = 1">Метод скользящегоиндекса;<br>
            <input type = "radio" name=q2 onclick="qa.nowRight = 0">Метод фиксированного индекса;<br>
            <input type = "radio" name=q2 onclick="qa.nowRight = 0">Метод объединения потоков;<br>
        </div>
        <input type="button" value="Ответить"  onclick="qa.nextOrResult()"> 
        <script type = "text/javascript">
            var qa = new QuestAnalizer();
            function QuestAnalizer() {
                var now = 0, printed = false, rightCount = 0;
                var questionBlocks = document.querySelectorAll("div.questionBlock");
                var allQCount = questionBlocks.length;
                this.nowRight = 0;
                questionBlocks[now].style.display = "block";
                this.nextOrResult = function () {
                    if (now >= allQCount-1) {
                        now++;
                        if (!printed) {
                            questionBlocks[now - 1].style.display = "none"
                            var p = document.createElement("p");
                            p.innerHTML = "Верных ответов " + rightCount + ". Вы набрали " + (rightCount / allQCount * 100).toFixed(0) + "%";
                            document.body.appendChild(p);
                            printed = true;
                        } else {
                            alert("Ваш результат на экране.");
                        }
                    } else {
                        questionBlocks[now].style.display = "none";
                        now++;
                        rightCount += this.nowRight;
                        questionBlocks[now].style.display = "block";
                    }
                }
            }
            
        </script>
    </body>
</html>
1
0 / 0 / 0
Регистрация: 04.04.2012
Сообщений: 18
20.04.2013, 16:18
Здравствуйте. Подскажите пож-ста, как сделать, чтобы после нажатии на кнопку "Получить результат" изменять варианты ответов стало невозможным? (это к самому верхнему коду)
0
116 / 94 / 12
Регистрация: 13.02.2013
Сообщений: 278
20.04.2013, 20:02
Можно через javascript легко сделать
0
0 / 0 / 0
Регистрация: 04.04.2012
Сообщений: 18
20.04.2013, 20:25
Цитата Сообщение от vi-ip Посмотреть сообщение
Здравствуйте. Подскажите пож-ста, как сделать, чтобы после нажатии на кнопку "Получить результат" изменять варианты ответов стало невозможным? (это к самому верхнему коду)
Цитата Сообщение от OT_VINTA Посмотреть сообщение
Можно через javascript легко сделать
Нельзя просто сделать все RadioButton неактивными? Что то вроде radio.disabled = false?
0
116 / 94 / 12
Регистрация: 13.02.2013
Сообщений: 278
20.04.2013, 20:50
Вот сделал рабочий пример
0
0 / 0 / 0
Регистрация: 04.04.2012
Сообщений: 18
21.04.2013, 04:14
Цитата Сообщение от OT_VINTA Посмотреть сообщение
Вот сделал рабочий пример
Что в этом коде пременимо к коду выше? Там все кнопки выделяются и можно дополнять, тем самым изменяя неправильность или правильность ответа.
0
116 / 94 / 12
Регистрация: 13.02.2013
Сообщений: 278
21.04.2013, 20:31
Цитата Сообщение от vi-ip Посмотреть сообщение
Что в этом коде пременимо к коду выше? Там все кнопки выделяются и можно дополнять, тем самым изменяя неправильность или правильность ответа.
Я сделал это в общем, просто тест.

теперь сделал чтобы нельзя было изменять ответ рабочий пример

код:
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
    <div id="vopr">
      <input name=v1 onclick="vopr1true()" type="radio">Туда
      <br>
      <input name=v1 type="radio">сюда
      <hr>
      <input name=v2 type="radio">вариант 1
      <br>
      <input name=v2 type="radio" onclick="vopr2true();">вариант 2
      <br>
      <input name=v2 type="radio">вариант 3
      <hr>
    </div>
    <button onclick="otvety();">Закончить тест</button>
    <div id="otvety" style="display:none">
      <div id="1" style="background:#f00">1-неправильно</div>
      <div id="2" style="background:#f00">2-неправильно</div>
    </div>
    <script>
      function vopr1true() {
        document.getElementById("1").style.background = "#0f0";
        document.getElementById("1").innerHTML = "1-правильно";
      }
 
      function vopr2true() {
        document.getElementById("2").style.background = "#0f0";
        document.getElementById("2").innerHTML = "2-правильно";
      }
 
      function otvety() {
        document.getElementById("otvety").style.display = "block";
        for (var i = 0; i < document.getElementsByTagName("input").length; i++) {
          document.getElementsByTagName("input")[i].disabled = true
        }        
      }
    </script>
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
21.04.2013, 20:31
Помогаю со студенческими работами здесь

тест по html
Всем привет! Пытаюсь пройти тестирование по html. надо набрать 25 правильных вопросов из 30. У меня всегда выходит 22 или 23 правильных....

Тест по HTML
в документе вопросы и ответы,Где у меня ошибки?(

Тест на html
Доброго времени суток! Можно ли тест сделать на html? И в конце результат?

Доработать тест на HTML
Гуглил как сделать тест, понравился тест как написал тут вот этот пользователь https://www.cyberforum.ru/post3041774.html Забрал себе,...

HTML css тест
Ребят, практикуюсь на тесте. Пункт из задания такой: Блоки 6 - должны быть выполнены таким образом, чтобы при добавлении и/или удалении...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
20
Ответ Создать тему
Новые блоги и статьи
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image
8Observer8 10.02.2026
Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .
Установка Qt-версии Lazarus IDE в Debian Trixie Xfce
volvo 10.02.2026
В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .
SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer
8Observer8 08.02.2026
Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .
SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств
8Observer8 07.02.2026
Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве
8Observer8 02.02.2026
Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .
Философия технологии
iceja 01.02.2026
На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf
8Observer8 01.02.2026
Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .
SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли
8Observer8 30.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru