Quellcode durchsuchen

example: add language dropdown.

Dmitry Chestnykh vor 14 Jahren
Ursprung
Commit
1f906795e8
1 geänderte Dateien mit 24 neuen und 9 gelöschten Zeilen
  1. 24 9
      example/main.go

+ 24 - 9
example/main.go

@@ -49,22 +49,33 @@ func main() {
 }
 }
 
 
 const formJavaScript = `
 const formJavaScript = `
+function setSrcQuery(e, q) {
+	var src  = e.src;
+	var p = src.indexOf('?');
+	if (p >= 0) {
+		src = src.substr(0, p);
+	}
+	e.src = src + "?" + q
+}
+
 function playAudio() {
 function playAudio() {
+	var le = document.getElementById("lang");
+	var lang = le.options[le.selectedIndex].value;
 	var e = document.getElementById('audio')
 	var e = document.getElementById('audio')
+	setSrcQuery(e, "lang=" + lang)
 	e.style.display = 'block';
 	e.style.display = 'block';
-	e.play();
+	e.autoplay = 'true';
 	return false;
 	return false;
 }
 }
 
 
-function reload() {
-	function setSrcQuery(e, q) {
-		var src  = e.src;
-		var p = src.indexOf('?');
-		if (p >= 0) {
-			src = src.substr(0, p);
-		}
-		e.src = src + "?" + q
+function changeLang() {
+	var e = document.getElementById('audio')
+	if (e.style.display == 'block') {
+		playAudio();
 	}
 	}
+}
+
+function reload() {
 	setSrcQuery(document.getElementById('image'), "reload=" + (new Date()).getTime());
 	setSrcQuery(document.getElementById('image'), "reload=" + (new Date()).getTime());
 	setSrcQuery(document.getElementById('audio'), (new Date()).getTime());
 	setSrcQuery(document.getElementById('audio'), (new Date()).getTime());
 	return false;
 	return false;
@@ -77,6 +88,10 @@ const formTemplateSrc = `<!doctype html>
 <script>
 <script>
 {JavaScript}
 {JavaScript}
 </script>
 </script>
+<select id="lang" onchange="changeLang()">
+	<option value="en">English</option>
+	<option value="ru">Russian</option>
+</select>
 <form action="/process" method=post>
 <form action="/process" method=post>
 <p>Type the numbers you see in the picture below:</p>
 <p>Type the numbers you see in the picture below:</p>
 <p><img id=image src="/captcha/{CaptchaId}.png" alt="Captcha image"></p>
 <p><img id=image src="/captcha/{CaptchaId}.png" alt="Captcha image"></p>