Показать сообщение отдельно
  #1 (permalink)  
Старый 01.05.2012, 09:53
Новичок на форуме
Отправить личное сообщение для cdrr Посмотреть профиль Найти все сообщения от cdrr
 
Регистрация: 19.05.2011
Сообщений: 9

document.getElementById(...) - проблемы в ie

всем доброго времени суток!
к сожалению я очень плохо разбираюсь в яваскрипт, поэтому нужна ваша помощь.
вот данный файл: http://ruslan.internet.az/jsmenu/index.html
здесь при щелчке на какой-нибудь раздел меню его название сразу отображается в главном контенте. во всех браузерах, кроме IE!!!!!!!!!
IE при клике на разделы меню постоянно выдает ошибку, что document.getElementById(...) не действителен либо не явл-ся объектом.
var toggle1 = function () {

	var currentDiv = null;

        function open(divElement, linkId) {
            divElement.style.display = "block";
            currentDiv = divElement;
            var titleElement = document.getElementById("title");
            titleElement.textContent = document.getElementById(linkId).textContent;
        }

        function close(divElement) {
            divElement.style.display = "none";
            currentDiv = null;
        }

        return function (divID, linkId, source) {
            // alert('link value ' + document.getElementById(linkId).textContent);
            var divElement = document.getElementById(divID);
            if (divElement) {
                if (currentDiv != null) close(currentDiv);
                open(divElement, linkId);

                document.getElementById("selected").setAttribute("source", source);
                reloadGrid();
            }
        }
    }();

объясните пожалуйста что на этом участке не так
document.getElementById("selected").setAttribute(" source", source);


<div id="middle">
<div id="menu">
  <div class="vertMenu" onMouseOver="this.className='vertMenuOver'" onMouseOut="this.className='vertMenu'">
  <a id="html" href="javascript://" onClick="toggle1('div1', 'html', 1)">HTML</a>
      <div class="myDiv" id="div1">HTML</div>
  </div>
  
  <div class="vertMenu" onMouseOver="this.className='vertMenuOver'" onMouseOut="this.className='vertMenu'">
  <a id="css" href="javascript://" onClick="toggle1('div2', 'css', 2);">CSS</a>
      <div class="myDiv" id="div2">CSS</div>
  </div>
  
  <div class="vertMenu" onMouseOver="this.className='vertMenuOver'" onMouseOut="this.className='vertMenu'">
  <a id="php" href="javascript://" onClick="toggle1('div3', 'php', 3);">PHP</a>
      <div class="myDiv" id="div3">PHP</div>
  </div>
  
  <div class="vertMenu" onMouseOver="this.className='vertMenuOver'" onMouseOut="this.className='vertMenu'">
  <a id="js" href="javascript://" onClick="toggle1('div4', 'js', 4);">JS</a>
      <div class="myDiv" id="div4">JS</div>
  </div>
</div>
<div id="content">
  <p id="title">Hello World!</p>
</div>
</div>

Последний раз редактировалось cdrr, 01.05.2012 в 10:02.
Ответить с цитированием