-
Notifications
You must be signed in to change notification settings - Fork 0
/
quiz-elektricni-naboj1.html
97 lines (84 loc) · 4.75 KB
/
quiz-elektricni-naboj1.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
<!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. Atomi so sestavljeni iz:   <a href="#show-answer-1" class='btn btn-default quiz-answer'>Preveri</a></div>
<div class="choices" data-choices='["Elektronov, nevtronov in prijonov",
"Elektronov in protonov",
"Protonov, elektronov in nevtronov"]'>
</div>
</section>
<section data-quiz-item>
<div class="question">Poišči pravilen odgovor:   <a href="#show-answer-2" class='btn btn-default quiz-answer'>Preveri</a></div>
<div class="choices" data-choices='["Običajno je v atomu več protonov kot elektronov",
"Običajno je v atomu več elektronov kot protonov",
"Običajno je v atomu število protonov enako številu elektronov"]'>
</div>
</section>
<section data-quiz-item>
<div class="question">3. Označi pravilne odgovore:   <a href="#show-answer-3" class='btn btn-default quiz-answer'>Preveri</a></div>
<div class="choices" data-choices='["Med dvema elektronoma je sila odbojna",
"Med elektronom in protonom je sila odbojna",
"Med dvema protonoma je sila privlačna",
"Med elektronom in nevtronom je sila odbojna",
"Med nevtronom in protonom je sila privlačna "]'>
</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>Atomi so sestavljeni iz protonov, elektronov in nevtronov</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>Običajno je v atomu število protonov enako številu elektronov.</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>Med dvema elektronoma je sila odbojna.</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","1"]
});
$('#emc-submit').click(function() {
$('.quiz-answer').show();
});
</script>
</body>
</html>