|  | 
| 
Как создать cloak для моей формы? | |||
|---|---|---|---|
| #18+ Привет. Хочу реализовать в GUI read-only access для моей формы с 20-30 input элементами на ней. В WPF я бы создал полупрозначную cloak панель, покрывающую форму. При старте либо прятал ее, если есть полный access к форме, либо показывал поверх формы в случае read-only access. Т.е. форма видна, но редактировать ее нельзя. Как такое сделать в CSS? Что-то position=absolute закрывает весь экран, не только часть, где расположена моя форма. Спасибо. ... | |||
| : 
 Нравится:
     Не нравится:
     | |||
| 28.09.2020, 16:35 |  | ||
| 
Как создать cloak для моей формы? | |||
|---|---|---|---|
| #18+ 1) html атрибут "readonly" 2) Можно сделать overlay полупрозрачный слой. Делается все намного легче, чем в WPF. ... | |||
| : 
 Нравится:
     Не нравится:
     | |||
| 28.09.2020, 16:40 |  | ||
| 
Как создать cloak для моей формы? | |||
|---|---|---|---|
| #18+ Renziglov Как такое сделать в CSS? Что-то position=absolute закрывает весь экран, не только часть, где расположена моя форма. Спасибо. Задать координаты для этого элемента так, что бы закрывал только форму Если разместить его последним в форме <form> <div class=cloak></div> </form> То CSS может быть таким .cloak { position: absolute; left: 0; top: 0; bottom: 0; right: 0; ...... } делаете для этого div display:none в случае полного доступа и display:block для read-only ... | |||
| : 
 Нравится:
     Не нравится:
     | |||
| 28.09.2020, 16:49 |  | ||
| 
Как создать cloak для моей формы? | |||
|---|---|---|---|
| #18+ vb_sub, <form readonly> и <form readonly="readonly"> не работает. Элементы по прежнему редактируются. Что не так? ... | |||
| : 
 Нравится:
     Не нравится:
     | |||
| 28.09.2020, 16:50 |  | ||
| 
Как создать cloak для моей формы? | |||
|---|---|---|---|
| #18+ voraa, Именно так и сделал с самого начала. Покрывается весь экран. Почему? ... | |||
| : 
 Нравится:
     Не нравится:
     | |||
| 28.09.2020, 16:51 |  | ||
| 
Как создать cloak для моей формы? | |||
|---|---|---|---|
| #18+ Renziglov, А у формы есть position: relative ? Надо поставить. ... | |||
| : 
 Нравится:
     Не нравится:
     | |||
| 28.09.2020, 17:18 |  | ||
| 
Как создать cloak для моей формы? | |||
|---|---|---|---|
| #18+ Renziglov vb_sub, <form readonly> и <form readonly="readonly"> не работает. Элементы по прежнему редактируются. Что не так? Код: html 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. http://jsfiddle.net/7qGHN/ ... | |||
| : 
 Нравится:
     Не нравится:
     | |||
| 28.09.2020, 17:23 |  | ||
| 
Как создать cloak для моей формы? | |||
|---|---|---|---|
| #18+ voraa, Ну надо - поставил. Хотя зачем? Все также не работает. Какой-то шаманизм этот CSS ... | |||
| : 
 Нравится:
     Не нравится:
     | |||
| 28.09.2020, 17:44 |  | ||
| 
Как создать cloak для моей формы? | |||
|---|---|---|---|
| #18+ skyANA, Это решение работает, но только для input-элементов. <a>, стилизованный под кнопку или бутстраповский слайдер по прежнему редактируют view-only данные. А где решение "еще проще, чем в WPF"? Хотелось бы все-таки взглянуть. ... | |||
| : 
 Нравится:
     Не нравится:
     | |||
| 28.09.2020, 17:50 |  | ||
| 
Как создать cloak для моей формы? | |||
|---|---|---|---|
| #18+ Renziglov, Код приведите. Иначе не узреть, что не так. ... | |||
| : 
 Нравится:
     Не нравится:
     | |||
| 28.09.2020, 17:51 |  | ||
| 
Как создать cloak для моей формы? | |||
|---|---|---|---|
| #18+ Renziglov Ну надо - поставил. Хотя зачем? Все также не работает. А у меня работает... Код: html 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. Код: css 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. https://jsfiddle.net/tc7aq1wf/ ... | |||
| : 
 Нравится:
     Не нравится:
     | |||
| 28.09.2020, 17:59 |  | ||
| 
Как создать cloak для моей формы? | |||
|---|---|---|---|
| #18+ skyANA, Заработал код с absolute. Причина было в том, что я деляю это для Blazor EditForm и его ObjectGraphDataAnnotationsValidator пришлось перенести. А для чего нужно обьявлять и саму форму position: relative? Мелочь, но я не очень доверяю коду, когда добавляется совершенно не связанный элемент и для этого нужно модифицировать другие элементы, которые про него ничего не знают и знать не должны. Как-по попахивает нарушением SOLID. ... | |||
| : 
 Нравится:
     Не нравится:
     | |||
| 28.09.2020, 18:39 |  | ||
| 
Как создать cloak для моей формы? | |||
|---|---|---|---|
| #18+ Renziglov А для чего нужно обьявлять и саму форму position: relative? Почитайте справку: http://htmlbook.ru/css/position ... | |||
| : 
 Нравится:
     Не нравится:
     | |||
| 28.09.2020, 18:49 |  | ||
| 
Как создать cloak для моей формы? | |||
|---|---|---|---|
| #18+ Renziglov skyANA, А для чего нужно обьявлять и саму форму position: relative? Мелочь, но я не очень доверяю коду, когда добавляется совершенно не связанный элемент и для этого нужно модифицировать другие элементы, которые про него ничего не знают и знать не должны. Как-по попахивает нарушением SOLID. И как же он "не связанный", если его размеры должны быть связанны с размерами формы? ... | |||
| : 
 Нравится:
     Не нравится:
     | |||
| 28.09.2020, 21:39 |  | ||
|  | 

| start [/forum/topic.php?desktop=1&fid=22&tid=1443385]: | 0ms | 
| get settings: | 8ms | 
| get forum list: | 11ms | 
| check forum access: | 3ms | 
| check topic access: | 3ms | 
| track hit: | 33ms | 
| get topic data: | 11ms | 
| get forum data: | 2ms | 
| get page messages: | 49ms | 
| get tp. blocked users: | 2ms | 
| others: | 12ms | 
| total: | 134ms | 

| 0 / 0 | 
