Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #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.
Ответить с цитированием
  #2 (permalink)  
Старый 01.05.2012, 10:20
Новичок на форуме
Отправить личное сообщение для cdrr Посмотреть профиль Найти все сообщения от cdrr
 
Регистрация: 19.05.2011
Сообщений: 9

изначально было "selectedOperation"

результат тот же
Ответить с цитированием
  #3 (permalink)  
Старый 01.05.2012, 10:24
Лаборант :-)
Отправить личное сообщение для Pavel M. Посмотреть профиль Найти все сообщения от Pavel M.
 
Регистрация: 08.11.2011
Сообщений: 806

Сообщение от cdrr
объясните пожалуйста что на этом участке не так
document.getElementById("selected")
я на странице http://ruslan.internet.az/jsmenu/index.html
не вижу элемента с id="selected"

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

так во всех браузерах корректно! только ИЕ глючит!
дело в том что код не мой - дали задание исправить.
но я уже весь нэт облазила, понятия не имею как его переделать.
что делать с этим "selected"?

Последний раз редактировалось cdrr, 01.05.2012 в 10:32.
Ответить с цитированием
  #5 (permalink)  
Старый 01.05.2012, 10:38
Лаборант :-)
Отправить личное сообщение для Pavel M. Посмотреть профиль Найти все сообщения от Pavel M.
 
Регистрация: 08.11.2011
Сообщений: 806

Сообщение от cdrr
так во всех браузерах корректно! только ИЕ глючит!
откройте страницу http://ruslan.internet.az/jsmenu/index.html например в Хроме откройте консоль и покликайте по ссылкам - увидите ошибки
Ответить с цитированием
  #6 (permalink)  
Старый 01.05.2012, 10:38
Новичок на форуме
Отправить личное сообщение для cdrr Посмотреть профиль Найти все сообщения от cdrr
 
Регистрация: 19.05.2011
Сообщений: 9

кстати, при включении данной команды:
alert('link value ' + document.getElementById(linkId).textContent);
ИЕ его тоже не распознает
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();
            }

http://ruslan.internet.az/jsmenu/index1.html
Ответить с цитированием
  #7 (permalink)  
Старый 01.05.2012, 10:43
Лаборант :-)
Отправить личное сообщение для Pavel M. Посмотреть профиль Найти все сообщения от Pavel M.
 
Регистрация: 08.11.2011
Сообщений: 806

textContent понимает только ie9-10
Ответить с цитированием
  #8 (permalink)  
Старый 02.05.2012, 10:34
Новичок на форуме
Отправить личное сообщение для cdrr Посмотреть профиль Найти все сообщения от cdrr
 
Регистрация: 19.05.2011
Сообщений: 9

http://ruslan.internet.az/jsmenu/index4.html

наверно уже не по теме, но вот нашла один вариант, переделала немного под себя.
в браузерах вроде ошибок не показывает.

здесь при клике на ссылку появляется новый блок (НУЖНО)
но если кликнуть второй раз - исчезает (НЕ НУЖНО)
если кликать на ссылки подряд (сверху вниз) - блоки поочередно меняются, каждый соответствующий своей ссылке (НУЖНО)
но если нажать н-р сначала на 3-ю ссылку, а потом на 1-ю, то там уже глюк (НЕ НУЖНО)

помогите пожалуйста

p.s.: также хотела узнать как правильно записать код чтоб при клике на ссылку она выделялась до тех пор пока не кликну на другую

заранее спс.

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

вертикальное меню яваскрипт
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Проблемы при установке модулей node.js tadjik1 AJAX и COMET 1 18.03.2012 02:20
Решение проблемы с отображением элементов на странице mozyr Javascript под браузер 17 13.01.2012 02:34
Проблемы с кодировкой в AJAX alxcube Общие вопросы Javascript 3 18.01.2011 12:09
глюк форума Gvozd Сайт Javascript.ru 11 18.03.2009 14:37
Drug&Drop + всплывание события = проблемы =(( _NoName_ Events/DOM/Window 4 05.03.2009 17:47