Форум

B~Vladi · #21 (**permalink**) 29.06.2009, 15:32

Код работает нормально

<!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>

JSTalker · #22 (**permalink**) 29.06.2009, 16:00

в эксплорере работает некорректно((

B~Vladi · #23 (**permalink**) 29.06.2009, 16:05

Работает.

JSTalker · #24 (**permalink**) 29.06.2009, 16:20

угу. спс.

JSTalker · #25 (**permalink**) 29.06.2009, 17:27

бага следующая: при переходе из режима "editable"->"readable", если не убрал курсор редактирования из ячейки, то могу продолжать редактировать

(. Если тыкаю мышкой куда-нибудь в др. место, а потом обратно на ячейку, то все ок (прикрыто).. Вот такой обломс(

Kolyaj · #26 (**permalink**) 29.06.2009, 17:32

Убрать фокус из поля перед изменением статуса.

B~Vladi · #27 (**permalink**) 29.06.2009, 17:34

Аха... бага...
Добавь

b.blur();

JSTalker · #28 (**permalink**) 29.06.2009, 18:20

B~Vladi
супер

rootv · #29 (**permalink**) 30.11.2011, 21:34

Подскажите молодому, подающему надежды!
<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 (думал не важно...)

rootv · #30 (**permalink**) 30.11.2011, 23:34

Однако не пойму логики...
Как только оформил выражение
document.getElementById('test').readOnly= true;
как функцию - все стало работать во всех браузерах (вообще все - и стили...)

Может кто объяснит?

Форум

Справочник

Discord чат

Курсы javascript