1

Подскажите, есть вот такой код

<script type="text/javascript">
    function hide(id) {var o=document.getElementById(id).style; o.display=o.display?'': 'none'}
    </script>

При клике он выравнивает display на none и при втором клике display на 0 Но нужно, что бы он по умолчанию display выравнивал на none. И что бы если элемент потерял фокус, значение снова сбрасывалось на none

PS: Если я ставлю display в CSS таблице по умолчанию на none, скрипт не выполняет никаких действий.

6
  • display из css в e.style не отображается. o.display=o.display?'none': ''; - перепутали
    – Dimava
    11 окт 2016 в 23:30
  • Не работает(( форма вообще просто грузиться и не производит не каких действий
    – TomasRedl
    11 окт 2016 в 23:39
  • Всё, понял, перечитал, осознал)))
    – TomasRedl
    11 окт 2016 в 23:45
  • Как мне теперь сделать что бы при клике за форму она пропадала ?
    – TomasRedl
    11 окт 2016 в 23:47
  • Проще сказать .focusout()
    – TomasRedl
    11 окт 2016 в 23:48

1 ответ 1

2

Событие потери фокуса - blur. прячьте по умолчанию в css и будет работать

function hide(id) {
    var o=document.getElementById(id).style; o.display = o.display == 'none' ? 'block' : 'none';
}
document.getElementById('element_id').addEventListener('blur', function(e){
    e.target.style.display = 'none';
});
2
  • а для чего здесь функция hide?
    – webDev_
    12 окт 2016 в 5:33
  • @webDev_, ее поправил просто, ее при клике и повторном клике вызывает, я не понял логику, просто поправил 12 окт 2016 в 5:37

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.