-
Notifications
You must be signed in to change notification settings - Fork 0
/
quiz-elektricni-tok.html
173 lines (149 loc) · 7.7 KB
/
quiz-elektricni-tok.html
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
<!DOCTYPE html>
<html lang='en'>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<meta name='description' content=''>
<title>eEksperimenti</title>
<!-- CSS -->
<link href='css/bootstrap.min.css' rel='stylesheet'>
<link href='css/index.css' rel='stylesheet'>
<link href='css/quiz.css' rel='stylesheet'>
<!-- Fonts -->
<link href='font-awesome/css/font-awesome.min.css' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic' rel='stylesheet' type='text/css'>
</head>
<body>
<div id='quiz'>
<div class='container'>
<div class='row'>
<div class='col-lg-12 col-sm-6'>
<div id="emc-score"></div>
<section data-quiz-item>
<div class="question">1. Kaj je električni tok   <a href="#show-answer-1" class='btn btn-default quiz-answer'>Preveri</a></div>
<div class="choices" data-choices='["Gibanje elektronov",
"Gibanje atomov",
"Gibanje nosilcev električnega naboja"]'>
</div>
</section>
<section data-quiz-item>
<div class="question">2. Kdaj je električni tok večji?   <a href="#show-answer-2" class='btn btn-default quiz-answer'>Preveri</a></div>
<div class="choices" data-choices='["Ko se hkrati premika več elektronov.",
"Ko se elektroni gibljejo hitreje.",
"Ko se hkrati premika več elektronov in če se elektroni premikajo hitreje."]'>
</div>
</section>
<section data-quiz-item>
<div class="question">3. Kako imenujemo napravo za merjenje toka?   <a href="#show-answer-3" class='btn btn-default quiz-answer'>Preveri</a></div>
<div class="choices" data-choices='["Voltmeter",
"Ohmmeter",
"Ampermeter",
"Tokometer"]'>
</div>
</section>
<section data-quiz-item>
<div class="question">4. Katero mersko enoto uporabimo za označevanje velikosti toka?   <a href="#show-answer-3" class='btn btn-default quiz-answer'>Preveri</a></div>
<div class="choices" data-choices='["Volt, V",
"Vat, W",
"Ohm, Ω",
"Amper, A"]'>
</div>
</section>
<section data-quiz-item>
<div class="question">5. V kateri smeri potujejo elektroni?    <a href="#show-answer-3" class='btn btn-default quiz-answer'>Preveri</a></div>
<div class="choices" data-choices='["Od + sponke proti –",
"Od – sponke proti +"]'>
</div>
</section>
<section data-quiz-item>
<div class="question">6. Kdaj lahko teče električni tok?   <a href="#show-answer-3" class='btn btn-default quiz-answer'>Preveri</a></div>
<div class="choices" data-choices='["Ko je v tokokrogu žarnica",
"Ko je na – sponki presežek elektronov, na + sponki pa primanjkljaj",
"Ko je tokokrog sklenjen"]'>
</div>
</section>
<section data-quiz-item>
<div class="question">7. Kdaj žarnica bolj gori?   <a href="#show-answer-3" class='btn btn-default quiz-answer'>Preveri</a></div>
<div class="choices" data-choices='["Ko gre skozi žarilno nitko več toka",
"Ko gre skozi tanjšo žarilno nitko več toka",
"Ko gre skozi debelejšo žarilno nitko manj toka"]'>
</div>
</section>
<section data-quiz-item>
<div class="question">8. Kdaj žarnica bolj gori?   <a href="#show-answer-3" class='btn btn-default quiz-answer'>Preveri</a></div>
<div class="choices" data-choices='["Žarnico: ",
"Baterijo: ",
"Stikalo",
"Ampermeter"]'>
</div>
</section>
<div class="submit">
<button class="btn" id="emc-submit">Preveri odgovore</button>
</div>
</div>
</div>
</div>
</div>
<!-- POP-UP, QUESTION 1-->
<a href="#" class="modal" id="show-answer-1" aria-hidden="true"></a>
<div class="modal-dialog">
<div class="modal-body"><p></p></div>
<div class="modal-footer"><a href="#" class="btn btn-default">Zapri</a></div>
</div>
<!-- POP-UP, QUESTION 2-->
<a href="#" class="modal" id="show-answer-2" aria-hidden="true"></a>
<div class="modal-dialog">
<div class="modal-body"><p></p></div>
<div class="modal-footer"><a href="#" class="btn btn-default">Zapri</a></div>
</div>
<!-- POP-UP, QUESTION 3-->
<a href="#" class="modal" id="show-answer-3" aria-hidden="true"></a>
<div class="modal-dialog">
<div class="modal-body"><p></p></div>
<div class="modal-footer"><a href="#" class="btn btn-default">Zapri</a></div>
</div>
<!-- POP-UP, QUESTION 4-->
<a href="#" class="modal" id="show-answer-4" aria-hidden="true"></a>
<div class="modal-dialog">
<div class="modal-body"><p></p></div>
<div class="modal-footer"><a href="#" class="btn btn-default">Zapri</a></div>
</div>
<!-- POP-UP, QUESTION 5-->
<a href="#" class="modal" id="show-answer-5" aria-hidden="true"></a>
<div class="modal-dialog">
<div class="modal-body"><p></p></div>
<div class="modal-footer"><a href="#" class="btn btn-default">Zapri</a></div>
</div>
<!-- POP-UP, QUESTION 6-->
<a href="#" class="modal" id="show-answer-6" aria-hidden="true"></a>
<div class="modal-dialog">
<div class="modal-body"><p></p></div>
<div class="modal-footer"><a href="#" class="btn btn-default">Zapri</a></div>
</div>
<!-- POP-UP, QUESTION 7-->
<a href="#" class="modal" id="show-answer-7" aria-hidden="true"></a>
<div class="modal-dialog">
<div class="modal-body"><p></p></div>
<div class="modal-footer"><a href="#" class="btn btn-default">Zapri</a></div>
</div>
<!-- POP-UP, QUESTION 8-->
<a href="#" class="modal" id="show-answer-8" aria-hidden="true"></a>
<div class="modal-dialog">
<div class="modal-body"><p></p></div>
<div class="modal-footer"><a href="#" class="btn btn-default">Zapri</a></div>
</div>
<script type='text/javascript' src='js/jquery.js'></script>
<script type='text/javascript' src='js/respond.min.js'></script>
<script type='text/javascript' src='js/bootstrap.min.js'></script>
<script type='text/javascript' src='js/quiz-js.js'></script>
<script>
$(document).emc({
key: ["3","3","3", "4", "2", "3", "2", "1"]
});
$('#emc-submit').click(function() {
$('.quiz-answer').show();
});
</script>
</body>
</html>