Почему IE8 выдаёт ошибку «document defaultview is null or not an object»?

Question

[Selsh]

IE 8 выдаёт ошибку "document defaultview is null or not an object", и код не работает.
Код js.

var ul;
var liItems;
var imageNumber;
var imageWidth;
var prev, next;
var currentPostion = 0;
var currentImage = 0;


function init(){
	ul = document.getElementById('image_slider');
	liItems = ul.children;
	imageNumber = liItems.length;
	imageWidth = liItems[0].children[0].clientWidth;
	ul.style.width = parseInt(imageWidth * imageNumber) + 'px';
	prev = document.getElementById("prev");
	next = document.getElementById("next");
	generatePager(imageNumber);
	prev.onclick = function(){ onClickPrev();};
	next.onclick = function(){ onClickNext();};
}

function animate(opts){
	var start = new Date;
	var id = setInterval(function(){
		var timePassed = new Date - start;
		var progress = timePassed / opts.duration;
		if (progress > 1){
			progress = 1;
		}
		var delta = opts.delta(progress);
		opts.step(delta);
		if (progress == 1){
			clearInterval(id);
			opts.callback();
		}
	}, opts.delay || 17);
}

function slideTo(imageToGo){
	var direction;
	var numOfImageToGo = Math.abs(imageToGo - currentImage);

	direction = currentImage > imageToGo ? 1 : -1;
	currentPostion = -1 * currentImage * imageWidth;
	var opts = {
		duration:1000,
		delta:function(p){return p;},
		step:function(delta){
			ul.style.left = parseInt(currentPostion + direction * delta * imageWidth * numOfImageToGo) + 'px';
		},
		callback:function(){currentImage = imageToGo;}	
	};
	animate(opts);
}

function onClickPrev(){
	if (currentImage == 0){
		slideTo(imageNumber - 1);
	} 		
	else{
		slideTo(currentImage - 1);
	}		
}

function onClickNext(){
	if (currentImage == imageNumber - 1){
		slideTo(0);
	}		
	else{
		slideTo(currentImage + 1);
	}		
}

function generatePager(imageNumber){	
	var pageNumber;
	var pagerDiv = document.getElementById('pager');pager
	for (i = 0; i < imageNumber; i++){
		var li = document.createElement('li');
		pageNumber = document.createTextNode(parseInt(i + 1));
		li.appendChild(pageNumber);
		pagerDiv.appendChild(li);
		li.onclick = function(i){
			return function(){
				slideTo(i);
			}
		}(i);
	}	
	var computedStyle = document.defaultView.getComputedStyle(li, null);
	var liWidth = parseInt(li.offsetWidth);
	var liMargin = parseInt(computedStyle.margin.replace('px',""));
	pagerDiv.style.width = '300px';
}
window.onload = init;

Answer 1

[Юрий Лобанов]

help.dottoro.com/ljvftsxk.php

Note: The defaultView property is supported in Internet Explorer from version 9. In older versions, use the parentWindow property for similar functionality.

Попробуйте вместо:

var computedStyle = document.defaultView.getComputedStyle(li, null);

Написать:

var doc_d = document.defaultView ? document.defaultView : document.parentWindow;
var computedStyle = doc_d.getComputedStyle(li, null);

Comments

[Selsh]

Новая ошибка "Object doesn't support this property or method".

[Юрий Лобанов]

@Selsh ошибка в какой строке? Потому что проверил конструкцию, она работает в ie8.

[Selsh]

@iiil строка 90 символ 2

[Юрий Лобанов]

@Selsh а что Вы используете? Какой-то плагин? Просто это уже ошибка на getComputedStyle, который также не поддерживается в ie8

[Selsh]

@iiil IEtester. Ок виртуалку поставлю с win xp.

[Юрий Лобанов]

@Selsh learn.javascript.ru/styles-and-classes#getcomputed...
Попробуйте вместо второй строки в моем коде вставить

if (doc_d.getComputedStyle) {
      var computedStyle = doc_d.getComputedStyle(li, null);
    } else {
      computedStyle = li.currentStyle;
    }

[Юрий Лобанов]

@Selsh нет, я имею в виду что за код выдает ошибку? он явно писался не для поддержки ie8

[Юрий Лобанов]

IETester вполне достаточно, тем более сейчас можно в ie черз средства разработчика смотреть ошибки и эмулировать старые версии ie

[Selsh]

@iiil Что вставить, мой код?

[Юрий Лобанов]

@Selsh вот ссылка, надоело оформлять код в комментариях.
jsfiddle.net/Zfs3t
Попробуйте скопировать код и вставить вместо своего.

[Selsh]

@iiil спасибо всё работает )