update Soundquiz bugs

vcm/index.html

@@ -724,7 +724,7 @@
                     <p class="contentOne">Hier testen wir momentan eine Quiz. Hören Sie sich einfach den Audioausschnitt an und ziehen Sie das Icon auf der linken Seite an die entsprechende Stelle in der Karte. Am unteren Ende können Sie Ihre Annahmen mit einem Klick auf Ergebnisse verifizieren. 
                         </p><br> 
                     </div>
-                <div style="display:inline-block">
+                <div style="display:inline-block; width:100%">
                     <img id="dragFrom" onmouseover="setPointStartEnd('quiz_baustelle')" ondragstart="dragstart_handler_quiz1(event);" draggable=true src="datasource-data/NoiseData/Icons_soundquiz/l_noise_spacecadet.png" style="margin-top:5px; height:40px;height: 40px; display: inline-block; position: absolute;cursor: -webkit-grab; cursor: grab;">
                     <audio controls style="margin-left:2em;"><source src="datasource-data/NoiseData/soundquiz/Baustelle.wav" type="audio/wav" >
                     Your browser does not support the audio element.
@@ -733,7 +733,7 @@
                     <!-- <button onclick = "check_Bau('quiz_baustelle')">Antwort Baustelle</button> -->
                 </div>
 
-                <div style="display:inline-block">
+                <div style="display:inline-block; width:100%">
                     <img id="dragFrom2" onmouseover="setPointStartEnd('quiz_pragfriedhof')" ondragstart="dragstart_handler_quiz2(event);" draggable=true src="datasource-data/NoiseData/Icons_soundquiz/l_noise_paologreen.png" style="margin-top:5px; height:40px;height: 40px; display: inline-block; position: absolute;cursor: -webkit-grab; cursor: grab;">
                 <audio controls style="margin-left:2em;"><source src="datasource-data/NoiseData/soundquiz/Pragfriedhof.wav" type="audio/wav" >
                     Your browser does not support the audio element.
@@ -743,7 +743,7 @@
                     <!-- <button onclick = "check_Bau('quiz_pragfriedhof')">Antwort Pragfriedhof</button> -->
                 </div> 
 
-                <div style="display:inline-block">
+                <div style="display:inline-block; width:100%">
                     <img id="dragFrom3" onmouseover="setPointStartEnd('quiz_marktplatz')" ondragstart="dragstart_handler_quiz3(event);" draggable=true src="datasource-data/NoiseData/Icons_soundquiz/l_noise_rosybrown.png" style="margin-top:5px; height:40px;height: 40px; display: inline-block; position: absolute;cursor: -webkit-grab; cursor: grab;">
                 <audio controls style="margin-left:2em;"><source src="datasource-data/NoiseData/soundquiz/Marktplatz.wav" type="audio/wav" >
                     Your browser does not support the audio element.
@@ -751,7 +751,7 @@
                     <img id="solution_markt" onclick = "check_Bau('quiz_marktplatz')" src="datasource-data/NoiseData/Icons_soundquiz/icon_undecided.png" style="margin-top:5px; height:50px;display: inline-block; position: absolute;">
                     <!-- <button onclick = "check_Bau('quiz_marktplatz')">Antwort Marktplatz</button> -->
                 </div> 
-                <div style="display:inline-block">
+                <div style="display:inline-block; width:100%">
                     <img id="dragFrom4" onmouseover="setPointStartEnd('quiz_skaten')" ondragstart="dragstart_handler_quiz4(event);" draggable=true src="datasource-data/NoiseData/Icons_soundquiz/l_noise_rosevale.png" style="margin-top:5px; height:40px;height: 40px; display: inline-block; position: absolute;cursor: -webkit-grab; cursor: grab;">
                 <audio controls style="margin-left:2em;"><source src="datasource-data/NoiseData/soundquiz/Skaten.wav" type="audio/wav" >
                     Your browser does not support the audio element.
@@ -759,7 +759,7 @@
                     <img id="solution_skaten" onclick = "check_Bau('quiz_skaten')" src="datasource-data/NoiseData/Icons_soundquiz/icon_undecided.png" style="margin-top:5px; height:50px;display: inline-block; position: absolute;">
                     <!-- <button onclick = "check_Bau('quiz_skaten')">Antwort Skaten</button> -->
                 </div> 
-                <div style="display:inline-block">
+                <div style="display:inline-block; width:100%">
                     <img id="dragFrom5" onmouseover="setPointStartEnd('quiz_kirche')" ondragstart="dragstart_handler_quiz5(event);" draggable=true src="datasource-data/NoiseData/Icons_soundquiz/l_noise_myrtlegreen.png" style="margin-top:5px; height:40px;height: 40px; display: inline-block; position: absolute;cursor: -webkit-grab; cursor: grab;">
                 <audio controls style="margin-left:2em;"><source src="datasource-data/NoiseData/soundquiz/Kirche.wav" type="audio/wav" >
                     Your browser does not support the audio element.
@@ -767,7 +767,7 @@
                     <img id="solution_kirche" onclick = "check_Bau('quiz_kirche')" src="datasource-data/NoiseData/Icons_soundquiz/icon_undecided.png" style="margin-top:5px; height:50px;display: inline-block; position: absolute;">
                     <!-- <button onclick = "check_Bau('quiz_kirche')">Antwort Kirche</button> -->
                 </div> 
-                <div style="display:inline-block">
+                <div style="display:inline-block; width:100%">
                     <img id="dragFrom6" onmouseover="setPointStartEnd('quiz_meerschweinchen')" ondragstart="dragstart_handler_quiz6(event);" draggable=true src="datasource-data/NoiseData/Icons_soundquiz/l_noise_babyblue.png" style="margin-top:5px; height:40px;height: 40px; display: inline-block; position: absolute;cursor: -webkit-grab; cursor: grab;">
                 <audio controls style="margin-left:2em;"><source src="datasource-data/NoiseData/soundquiz/Meerschweinchen.wav" type="audio/wav" >
                     Your browser does not support the audio element.
@@ -775,7 +775,7 @@
                     <img id="solution_meerschweinchen" onclick = "check_Bau('quiz_meerschweinchen')" src="datasource-data/NoiseData/Icons_soundquiz/icon_undecided.png" style="margin-top:5px; height:50px;display: inline-block; position: absolute;">
                     <!-- <button onclick = "check_Bau('quiz_meerschweinchen')">Antwort Meerschweinchen</button> -->
                 </div> 
-                <div style="display:inline-block">
+                <div style="display:inline-block; width:100%">
                     <img id="dragFrom7" onmouseover="setPointStartEnd('quiz_ufapalast')" ondragstart="dragstart_handler_quiz7(event);" draggable=true src="datasource-data/NoiseData/Icons_soundquiz/l_noise_rubyred.png" style="margin-top:5px; height:40px;height: 40px; display: inline-block; position: absolute;cursor: -webkit-grab; cursor: grab;">
                 <audio controls style="margin-left:2em;"><source src="datasource-data/NoiseData/soundquiz/UFA_Palast.wav" type="audio/wav" >
                     Your browser does not support the audio element.
@@ -783,7 +783,7 @@
                     <img id="solution_ufapalast" onclick = "check_Bau('quiz_ufapalast')" src="datasource-data/NoiseData/Icons_soundquiz/icon_undecided.png" style="margin-top:5px; height:50px;display: inline-block; position: absolute;">
                     <!-- <button onclick = "check_Bau('quiz_ufapalast')">Antwort UFA Palast</button> -->
                 </div> 
-                <div style="display:inline-block">
+                <div style="display:inline-block; width:100%">
                     <img id="dragFrom8" onmouseover="setPointStartEnd('quiz_rostensteinpark')" ondragstart="dragstart_handler_quiz8(event);" draggable=true src="datasource-data/NoiseData/Icons_soundquiz/l_noise_greensheen.png" style="margin-top:5px; height:40px;height: 40px; display: inline-block; position: absolute;cursor: -webkit-grab; cursor: grab;">
                 <audio controls style="margin-left:2em;"><source src="datasource-data/NoiseData/soundquiz/Rosensteinpark.wav" type="audio/wav" >
                     Your browser does not support the audio element.

vcm/js/soundquiz.js

@@ -324,7 +324,7 @@ function check_Bau(location) {
         }
     
         }
-        if (points_kirche) {
+        if (point_kirche) {
         var points_kirche = turf.points([
             [point_kirche.lon, point_kirche.lat]
         ]);
@@ -337,7 +337,7 @@ function check_Bau(location) {
         }
     
         }
-        if (points_meer) {
+        if (point_meerschweinchen) {
         var points_meer = turf.points([
             [point_meerschweinchen.lon, point_meerschweinchen.lat]
         ]);
@@ -350,7 +350,7 @@ function check_Bau(location) {
         }
     
         }   
-        if (points_ufa) {
+        if (point_ufapalast) {
         var points_ufa = turf.points([
             [point_ufapalast.lon, point_ufapalast.lat]
         ]);
@@ -363,7 +363,7 @@ function check_Bau(location) {
         }
     
         }
-        if (points_rosen) {
+        if (point_rosensteinpark) {
         var points_rosen = turf.points([
             [point_rosensteinpark.lon, point_rosensteinpark.lat]
         ]);