Код работает нормально
<!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, время: 13:44. |