Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Показать/скрыть <div> (https://javascript.ru/forum/dom-window/53188-pokazat-skryt-div.html)

veltony 24.01.2015 13:27

Показать/скрыть <div>
 
Я эту тему уже создавал.

Вот она:
http://javascript.ru/forum/dom-windo...skryt-div.html

Все работает во всех браузерах, но в IE никак.
Может как-то подправить можно. или другой вариант какой-то есть.
С ув.

SV0L0CH 24.01.2015 13:37

Можно проверить на наличие addEventListener и attachEvent и вызвать то что есть.

veltony 24.01.2015 13:43

А как это реализовать, я только новичок в JS

Vlasenko Fedor 24.01.2015 19:12

veltony,
а зачем плодить новую тему, что в той же нельзя было написать? Какой Ишак нужен? Так попробуй
<div id='first'>first</div>
<div id='second' style="display: none">second</div>
<a id="back">back</a>
<a id="forward">forward</a>
<script>
  Array.apply(null, document.querySelectorAll('#back, #forward')).map(function (element) {
    element.onclick = navigation;
  });
  function navigation() {
    var style = {
      back: ["block", "none"],
      forward: ["none", "block"]
    }[this.id];
    first.style.display = style[0];
    second.style.display = style[1];
  }
</script>
:)

veltony 24.01.2015 20:36

Извиняюсь за повтор темы.

В IE8 не работает

Vlasenko Fedor 24.01.2015 20:48

Цитата:

Сообщение от veltony
В IE8 не работает

а так. нет у меня старого такого зверя :)
<div id='first'>first</div>
<div id='second' style="display: none">second</div>
<a id="back">back</a>
<a id="forward">forward</a>
<script>
  var els = document.querySelectorAll('#back, #forward');
  for (var i = 0; i < els.length; ++i) {
    els[i].onclick = navigation;
  }

  function navigation() {
    var style = {
      back: ["block", "none"],
      forward: ["none", "block"]
    }[this.id];
    first.style.display = style[0];
    second.style.display = style[1];
  }
</script>:)

veltony 24.01.2015 21:10

К сожалению нет.
Может так оставить, да и всё?

рони 24.01.2015 21:15

:write: может document.getElementById(id) использовать

veltony 24.01.2015 21:33

А как это document.getElementById(id) в коде будет выглядеть.

рони 24.01.2015 21:38

veltony,
var els = [document.getElementById("back") ,document.getElementById("forward")];


Часовой пояс GMT +3, время: 19:45.