Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 05.03.2017, 06:55
Интересующийся
Отправить личное сообщение для mikefromru Посмотреть профиль Найти все сообщения от mikefromru
 
Регистрация: 24.11.2016
Сообщений: 13

Как сделать поле input доступным для ввода?
У меня есть поле для ввода которое по умолчанию не доступно для ввода букв с клавиатуры. Так же есть элемент <div id='hide_show'> на станице, который скрывается при нажатии на ссылку, и если этот элемент скрыт, то-есть <div id='hide_show'>, мне необходимо разрешить ввод букв с клавиатуры в поле(input).

Вот посмотрите мой код:
<input type="text" class="text" name='input' onfocus="this.blur()">

<a href='javascript:;' onclick="toggle(this);">hide</a>
<div id='hide_show'>
Hellow world
</div>

<script>
        function toggle(a){
            var target = document.getElementById('hide_show');
            target.style.display = target.style.display == 'none' ? "block" : 'none';
            a.innerText = a.innerText == 'hide' ? 'show' : 'hide';
            // я так понимаю что мне нужно что-то здесь сделать
        }
    </script>



Как я могу это сделать?
Ответить с цитированием
  #2 (permalink)  
Старый 05.03.2017, 08:59
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,990

Сообщение от mikefromru
Как я могу это сделать?
Удалить onfocus="this.blur()" у поля.
Ответить с цитированием
  #3 (permalink)  
Старый 05.03.2017, 09:02
Интересующийся
Отправить личное сообщение для mikefromru Посмотреть профиль Найти все сообщения от mikefromru
 
Регистрация: 24.11.2016
Сообщений: 13

Сообщение от laimas Посмотреть сообщение
Удалить onfocus="this.blur()" у поля.
мне нужен этот метод.
Ответить с цитированием
  #4 (permalink)  
Старый 05.03.2017, 09:38
Аватар для destus
Профессор
Отправить личное сообщение для destus Посмотреть профиль Найти все сообщения от destus
 
Регистрация: 18.05.2011
Сообщений: 1,207

mikefromru,
<input type="text" class="text" name='input' onfocus="return getStateEnable(this)">

<a href='javascript:;' onclick="toggle(this);">hide</a>
<div id='hide_show'>
Hellow world
</div>
  <script>
  function toggle(a){
            var target = document.getElementById('hide_show');
            target.style.display = target.style.display == 'none' ? "block" : 'none';
            a.innerText = a.innerText == 'hide' ? 'show' : 'hide';
            // я так понимаю что мне нужно что-то здесь сделать
        }
		
	function getStateEnable(ctx){
		var style = document.getElementById('hide_show').style.display;
		return style === 'none' ? true : ctx.blur();
	}
  </script>
Ответить с цитированием
  #5 (permalink)  
Старый 05.03.2017, 09:54
Интересующийся
Отправить личное сообщение для mikefromru Посмотреть профиль Найти все сообщения от mikefromru
 
Регистрация: 24.11.2016
Сообщений: 13

Сообщение от destus Посмотреть сообщение
mikefromru,
<input type="text" class="text" name='input' onfocus="return getStateEnable(this)">

<a href='javascript:;' onclick="toggle(this);">hide</a>
<div id='hide_show'>
Hellow world
</div>
  <script>
  function toggle(a){
            var target = document.getElementById('hide_show');
            target.style.display = target.style.display == 'none' ? "block" : 'none';
            a.innerText = a.innerText == 'hide' ? 'show' : 'hide';
            // я так понимаю что мне нужно что-то здесь сделать
        }
		
	function getStateEnable(ctx){
		var style = document.getElementById('hide_show').style.display;
		return style === 'none' ? true : ctx.blur();
	}
  </script>
Спасибо!
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
как прописать условия для полей input и textarea Nailya Общие вопросы Javascript 12 06.06.2013 16:48
Как проигнорировать определенные символы при вводе в поле input? nraw Events/DOM/Window 6 24.07.2012 17:17
Как сделать input неактивным кроссбраузерно? nraw Events/DOM/Window 20 23.07.2012 17:42
Как отделить нажатие кл. Enter в поле INPUT от нажатия Enter в выпадающем списке? Маэстро Events/DOM/Window 7 18.07.2012 09:11
Генератор случайных чисел с возможностью ввода диапазона. Как сделать? Sovereign Общие вопросы Javascript 3 10.06.2011 08:34