renovations

2-ui/4-forms-controls/4-forms-submit/1-modal-dialog/solution.md

@@ -14,9 +14,8 @@
   height: 100%;
   background-color: gray;
   opacity: 0.3;
-  filter: alpha(opacity=30);
 }
 ```
 
-Самой форме нужно, естественно, дать еще больший `z-index`, чтобы она была над `DIV'ом`. Мы не помещаем форму в контейнер, чтобы она не унаследовала полупрозрачность.
+Самой форме можно дать еще больший `z-index`, чтобы она была над `DIV'ом`. Мы не помещаем форму в контейнер, чтобы она не унаследовала полупрозрачность.
 

2-ui/4-forms-controls/4-forms-submit/1-modal-dialog/solution.view/index.html

@@ -10,14 +10,12 @@ html, body {
   height: 100%;
 }
 
-
-
 #prompt-form {
   display: inline-block;
   padding: 5px 5px 5px 70px;
   width: 200px;
   border: 1px solid black;
-  background: white url(prompt.png) no-repeat left 5px;
+  background: white url(https://js.cx/clipart/prompt.png) no-repeat left 5px;
   vertical-align: middle;
 }
 
@@ -48,7 +46,6 @@ html, body {
   height: 100%;
   background-color: gray;
   opacity: 0.3;
-  filter: alpha(opacity=30);
 }
 
 #prompt-form input[name="text"] {
@@ -115,7 +112,6 @@ function showPrompt(text, callback) {
   };
 
   document.onkeydown = function(e) {
-    e = e || event;
     if (e.keyCode == 27) { // escape
       complete(null);
     }

2-ui/4-forms-controls/4-forms-submit/1-modal-dialog/task.md

@@ -29,6 +29,6 @@ showPrompt("Введите что-нибудь<br>... умное :)", function(v
 Демо в ифрейме:
 [iframe src="solution" height=160 border=1]
 
-Исходный HTML/CSS для формы с готовым fixed-позиционированием:
+Исходный HTML/CSS для формы с готовым fixed-позиционированием - в песочнице.