VPF::Кроссбраузерность docuement.getElementById

sandland

Дата 30.11.2008, 01:48 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 78
Регистрация: 28.4.2007

Репутация: нет
Всего: 1

Добрый день.
Подскажите пожалуйств, что использоваться в замену docuement.getElementById в других браузерах.
Вот простенький код. Я чначала пытался реализоваться это с пмоощью JQuery , но невышло, я не нашел ф-ции добавления html'a к спану, а лишь его полное обновление. В такой реализации возинкает проблема, что все браузеры кроме ИЕ выводят просто надписи (элементы массива button_labels), полностью игнорируя HTML код.

Код


var button_labels=Array('Главная','Услуги','Портфолио','Контакты','О нас','Разработчикам');
var button_names=Array('main','uslugi','portfolio','kontakts','aboutus','fordevelopers');
var i=0;

  var length=button_labels.length;
  document.getElementById('polosa').innerHTML="<table border='0' class='main_polosa'>";
  document.getElementById('polosa').innerHTML+="<tr><td align='center'>";
  for(i=0;i<length;i++)
  {
    document.getElementById('polosa').innerHTML+="<span class='button_td' id='"+button_names[i]+"'><b>"+button_labels[i]+"</b></span>";
    if(i!=length-1)
    {
     document.getElementById('polosa').innerHTML+="<span class='button_razdel'></span>";
    }
  }
  alert(navigator.appName);
  document.getElementById('polosa').innerHTML+="</td></tr></table>";
  //$(".button_razdel").css("background","red");
  //$("span.button_razdel").css({width:"25px",height:"38px",background:"url(../img/polosa_razdel.gif)"});
  //$("span.button_td").css({width:"145px",height:"35px",text-align:"center",cursor:"hand"});

Это сообщение отредактировал(а) sandland - 30.11.2008, 02:08

anthonyBoard

Дата 30.11.2008, 02:05 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 71
Регистрация: 11.8.2008
Где: Russia, Obninsk

Репутация: нет
Всего: нет

По-моему getElementById() должен спокойно работать и в других браузерах, во всяком случае я с какими-либо проблемами getElementById() в IE, Opera, Safari, Mozilla, Chrome не сталкивался.

Сделай у себя в скрипте следующее:
Получай хендл элемента в какую-нибудь переменную, например
handle = document.getElementById('polosa');
, чтобы постоянно его в циклах не получать, и второе
попробуй сначала заполнять какую-нибудь переменную tempHTML всеми тегами как надо и потом вставлять в объект handle.innerHTML = tempHTML;
и наконец третье, из-за чего у тебя так в некоторых браузерах глючит, это скорее всего из-за ошибки в строчке

document.getElementById('polosa').innerHTML+="<span class='button_td' id='"+button_names[i]+"'><b>"+button_labels[i]+"</b></span";

посмотри внимательно, ты тег span не закрыл в конце!

sandland

Дата 30.11.2008, 02:09 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 78
Регистрация: 28.4.2007

Репутация: нет
Всего: 1

да спан виноват, ночью уже свосем не соображаю, спасибо.

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »