Код работает нормально
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> </head> <script type="text/javascript"> function myfoo(b){ if(b.className=='readable'){ b.className='editable'; b.readOnly=false; }else{ b.className='readable'; b.readOnly=true; } if (b.readOnly){ alert('Read Only!'); } } </script> <style> .readable { border-style:outset; } .editable { border-style:inset; } </style> </head> <body> <form action="" method=""> <input id="id_1" name="ai1" ondblclick='myfoo(this);'/> </form> </body> </html> |
в эксплорере работает некорректно((
|
Работает.
|
угу. спс.
|
бага следующая: при переходе из режима "editable"->"readable", если не убрал курсор редактирования из ячейки, то могу продолжать редактировать :((. Если тыкаю мышкой куда-нибудь в др. место, а потом обратно на ячейку, то все ок (прикрыто).. Вот такой обломс(
|
Убрать фокус из поля перед изменением статуса.
|
Аха... бага...
Добавь b.blur(); |
B~Vladi
супер :) |
Подскажите молодому, подающему надежды!
<input type="text" name="test" id="test" value="111" size="45"> <input type="button" value="!!!" onClick="document.getElementById('test').readOnly= true;"> <input type="button" value="???" onClick="document.getElementById('test').readOnly= false;"> - Текстовое поле должно менять состояние. Работает только в IE. Это бесповоротно или как-то надо делать иначе? Да еще замучила большая буква в readOnly (думал не важно...) |
Однако не пойму логики...
Как только оформил выражение document.getElementById('test').readOnly= true; как функцию - все стало работать во всех браузерах (вообще все - и стили...) Может кто объяснит? |
Часовой пояс GMT +3, время: 02:36. |