Merge pull request #282 from xcurveballx/2-ui/4-forms-controls/4-forms-submit

iliakan · web-flow · commit d8909dd96f69 · 2019-07-08T12:13:38.000+03:00
2 ui/4 forms controls/4 forms submit
diff --git a/2-ui/4-forms-controls/4-forms-submit/1-modal-dialog/solution.md b/2-ui/4-forms-controls/4-forms-submit/1-modal-dialog/solution.md
@@ -13,8 +13,8 @@
 }
 ```
 
-Так как он перекрывает вообще всё, все клики будет именно по этому `<div>`.
+Так как он перекрывает вообще всё, все клики будут именно по этому `<div>`.
 
 Также возможно предотвратить прокрутку страницы, установив `body.style.overflowY='hidden'`.
 
-Форма должна быть не внутри `<div>`, а после него, чтобы не унаследовала полупрозрачность (`opacity`).
+Форма должна быть не внутри `<div>`, а после него, чтобы она не унаследовала полупрозрачность (`opacity`).
diff --git a/2-ui/4-forms-controls/4-forms-submit/1-modal-dialog/solution.view/index.html b/2-ui/4-forms-controls/4-forms-submit/1-modal-dialog/solution.view/index.html
@@ -8,28 +8,28 @@
 
 <body style="height:3000px">
 
-  <h2>Click the button below</h2>
+  <h2>Кликните на кнопку ниже</h2>
 
-  <input type="button" value="Click to show the form" id="show-button">
+  <input type="button" value="Кликните, чтобы увидеть форму" id="show-button">
 
 
   <div id="prompt-form-container">
     <form id="prompt-form">
       <div id="prompt-message"></div>
       <input name="text" type="text">
       <input type="submit" value="Ok">
-      <input type="button" name="cancel" value="Cancel">
+      <input type="button" name="cancel" value="Отмена">
     </form>
   </div>
 
   <script>
-    // Show a half-transparent DIV to "shadow" the page
-    // (the form is not inside, but near it, because it shouldn't be half-transparent)
+    // Показать полупрозрачный DIV, чтобы затенить страницу
+    // (форма располагается не внутри него, а рядом, потому что она не должна быть полупрозрачной)
     function showCover() {
       let coverDiv = document.createElement('div');
       coverDiv.id = 'cover-div';
 
-      // make the page unscrollable while the modal form is open
+      // убираем возможность прокрутки страницы во время показа модального окна с формой
       document.body.style.overflowY = 'hidden';
 
       document.body.append(coverDiv);
@@ -56,7 +56,7 @@ <h2>Click the button below</h2>
 
       form.onsubmit = function() {
         let value = form.text.value;
-        if (value == '') return false; // ignore empty submit
+        if (value == '') return false; // игнорируем отправку пустой формы
 
         complete(value);
         return false;
@@ -94,8 +94,8 @@ <h2>Click the button below</h2>
     }
 
     document.getElementById('show-button').onclick = function() {
-      showPrompt("Enter something<br>...smart :)", function(value) {
-        alert("You entered: " + value);
+      showPrompt("Введите что-нибудь<br>...умное :)", function(value) {
+        alert("Вы ввели: " + value);
       });
     };
   </script>
diff --git a/2-ui/4-forms-controls/4-forms-submit/1-modal-dialog/source.view/index.html b/2-ui/4-forms-controls/4-forms-submit/1-modal-dialog/source.view/index.html
@@ -11,11 +11,11 @@
 
   <div id="prompt-form-container">
     <form id="prompt-form">
-      <div id="prompt-message">Enter something...
-        <br>Please..</div>
+      <div id="prompt-message">Введите что-нибудь...
+        <br>Пожалуйста..</div>
       <input name="text" type="text">
       <input type="submit" value="Ok">
-      <input type="button" name="cancel" value="Cancel">
+      <input type="button" name="cancel" value="Отмена">
     </form>
   </div>
 
diff --git a/2-ui/4-forms-controls/4-forms-submit/1-modal-dialog/task.md b/2-ui/4-forms-controls/4-forms-submit/1-modal-dialog/task.md
@@ -26,7 +26,7 @@ showPrompt("Введите что-нибудь<br>...умное :)", function(va
 });
 ```
 
-Демо в фрейме:
+Демо во фрейме:
 
 [iframe src="solution" height=160 border=1]
 
diff --git a/2-ui/4-forms-controls/index.md b/2-ui/4-forms-controls/index.md
@@ -1,3 +1,3 @@
-# Forms, controls
+# Формы, элементы управления
 
-Special properties and events for forms `<form>` and controls: `<input>`, `<select>` and other.
+Особые свойства, методы и события для работы с формами `<form>` и элементами ввода: `<input>`, `<select>` и другими.

Original file line number	Diff line number	Diff line change
`@@ -13,8 +13,8 @@`
`13`	`13`	`}`
`14`	`14`	```
`15`	`15`
`16`		-Так как он перекрывает вообще всё, все клики будет именно по этому `<div>`.
	`16`	+Так как он перекрывает вообще всё, все клики будут именно по этому `<div>`.
`17`	`17`
`18`	`18`	Также возможно предотвратить прокрутку страницы, установив `body.style.overflowY='hidden'`.
`19`	`19`
`20`		-Форма должна быть не внутри `<div>`, а после него, чтобы не унаследовала полупрозрачность (`opacity`).
	`20`	+Форма должна быть не внутри `<div>`, а после него, чтобы она не унаследовала полупрозрачность (`opacity`).