Witam!

Mam taki oto skrypt:

[JAVASCRIPT] pobierz, plaintext 
    var zdjecia = new Array("foto1", "foto2", "foto3", "foto4", "foto5", "foto6",
    "foto7", "foto8", "foto9", "foto10", "foto11", "foto12",
    "foto13", "foto14");
 
    const MINI = "images/pict/";
	const SEC = 1000;
	const ZMIANA = 5*SEC;
	var zaladowane = new Array();
	var zaladowano = 0;
	var zmiana = 100/zdjecia.length;
	var elements = document.getElementsByClassName("foto");
 
	var interval = 0;
 
	function laduj(){
		for(var i in zdjecia){
			zaladowane[i] = new Image();
			zaladowane[i].src = MINI + zdjecia[i] + ".jpg";
			zaladowane[i].onload = zmienPasek;
		}
	}
 
	function zmienPasek(){
		zaladowano++;
 
		document.getElementById("pasek").style.width = zaladowano*zmiana+"%";
		if(zaladowano == zdjecia.length){
			document.getElementById("info").innerHTML = "";
			document.getElementById("foto_last").style.background = "url(images/bcg_foto.gif) no-repeat";
			for(var i=0; i<elements.length; i++){
					elements[i].style.background = "url(images/bcg_foto.gif) no-repeat";
				}
			gotowe();
			}
	}
 
    function losuj(ilosc){
	var tab = new Array();
	for(var i=0; i<ilosc; i++){
		tab[i] = Math.floor(Math.random()*zdjecia.length);
		var j = i;
		while(tab[j-1] >= 0){
			if(tab[j-1] == tab[i]){
				tab[i] = Math.floor(Math.random()*zdjecia.length);
				j=i;
			}else{
				j--;
			}
		}
	}
	return tab;
}
 
    function uaktualnij(img){
    var nowe = losuj(img.length);
    for(var i in img){
    img[i].src = MINI + zdjecia[nowe[i]] + ".jpg";
    }
    }
 
	function startInterval(img){
		interval = setInterval(function(){uaktualnij(img);}, ZMIANA);
	}
 
    function gotowe(){
    var table = document.getElementById("fot");
    var img = table.getElementsByTagName("img");
    uaktualnij(img);
	startInterval(img);
    }
 
	window.onload = function() {
	laduj();
	}
[JAVASCRIPT] pobierz, plaintext 

działa on na zasadzie pobierania zdjęć oraz wyświetlania ich co 5 sekund. Niestety pod IE w wersji 8 nie dziala i pokazuje blad w 5 linijce :/ Pomozecie o co chodzi tej durnej przegladarce We wszystkich innych wyswietla sie poprawnie.

Zdaje się, że w JavaScript dla IE nie ma czegoś takiego, jak stałe (const). Sprawdź tutaj.
Zrób z MINI zmienną (var).

Teraz natomiast widzi problem w 11 linijce kodu

document.getElementsByClassName raczej nie istnieje w IE.

Ehh :/ To jak proponujecie rozwiazac ten problem ?

Użyj np. jQuery

Czyli IE nie radzi sobie z JavaScript ? Nawet z tak podstawowymi komendami ? jQuery bede musial sie uczyc od nowa aby przepisac w tym frameworku ten kod. Na pewno nie ma jakiegos rozwiazania ?

Za czas kiedy prosisz o rozwiązanie, dawno byś przepisał na jQuery.

document.getElementsByClassName nie jest standardową funkcją js tylko wymysłem FF.

Ale trzeba przepisac caly kod w jquery ?

Sprawdziłeś chociaż, do czego jQuery służy? Na początek możesz go użyć do wybrania odpowiednich elementów z modelu DOM, zamiast korzystać z wynalazków typu getElementsByClassName.

Czyli moge jedynie linijke z document.getElementsByClassName zastapic napisana w jezyku jquery i powinno ze soba wspolpracowac ? Oczywiscie dodatkowo zalaczajac frameworka do pliku html ?

Co Wy ... wygadujecie?


Nie pamiętam dokładnie, ale bardzo możliwe, że FF zapoczątkował tę funkcję. Ale to( http://www.quirksmode.org/dom/w3c_core.html#t11 ) świadczy o tym, że to nie "wymysł" FF, a zacofanie IE.

Dla IE, jeżeli nie chcesz korzystać z jQuery, wystarczy: http://javascript.about.com/library/bldom08.htm

Jak już pisałem, moim zdaniem jQuery jest dobre, ale tylko przy dużych projektach, a nie przy kilku linkowym skrypcie.

Ciekawe jak ta tabelka wyglądała parę lat temu
No ale dobra, niech będzie zacofanie IE - i tak nie jestem zwolennikiem tej przeglądarki.

Polać mu... miodku - dobrze prawi

Ja tam i przy kilku linijkowym kodzie używam. Z reguły szybko te kilkulinijkowe kody się przekształcają w coś więcej a i lepiej ćwiczyć pisanie w danym libie

Proszę:
- 13.09.2008 - http://web.archive.org/web/20080913123711/...m/w3c_core.html
- 16.10.2009 - http://web.archive.org/web/20091016205725/...m/w3c_core.html

Przeglądarki z "tamtych lat" i tak dla nas powinny nie istnieć... no właśnie powinny...

Każdy woli co innego. Akurat JS jest moim ulubionym językiem, więc lubię się pobawić w "czystej odmianie" i, z reguły, w ogóle nie używam żadnych bibliotek, a część funkcjonalności jQuery gdzieś, kiedyś już napisałem

Inna kwestia, że na razie robię to głównie hobbistycznie, więc nie zależy mi aż tak na czasie

Obecnie zauważyłem, że kod czasem działa czasem się wiesza. Mianowicie zdjęcia nie wyświetlają się lub zacina się podczas ładowania. Gdy się zatnie i odświeżę stronę to zawsze po tym zaczyna działać lecz gdy odpale link jeszcze raz z paska przegladarki to lubi się zawiesic. Już sam nie wiem o co chodzi. Nie pokazuje żadnych błędów.

[JAVASCRIPT] pobierz, plaintext 
	document.getElementsByClassName = function(cl) {
	var retnode = [];
	var myclass = new RegExp('\\b'+cl+'\\b');
	var elem = this.getElementsByTagName('*');
	for (var i = 0; i < elem.length; i++) {
	var classes = elem[i].className;
	if (myclass.test(classes)) retnode.push(elem[i]);
	}
	return retnode;
	}; 
 
	var zdjecia = new Array("foto1", "foto2", "foto3", "foto4", "foto5", "foto6",
    "foto7", "foto8", "foto9", "foto10", "foto11", "foto12",
    "foto13", "foto14");
 
    var MINI = "images/pict/";
	var SEC = 1000;
	var ZMIANA = 5*SEC;
	var zaladowane = new Array();
	var zaladowano = 0;
	var zmiana = 100/zdjecia.length;
	var elements = document.getElementsByClassName('foto');
 
	var interval = 0;
 
	function laduj(){
		for(var i in zdjecia){
			zaladowane[i] = new Image();
			zaladowane[i].src = MINI + zdjecia[i] + ".jpg";
			zaladowane[i].onload = zmienPasek;
		}
	}
 
	function zmienPasek(){
		zaladowano++;
		var elements = document.getElementsByClassName('foto');
		document.getElementById("pasek").style.width = zaladowano*zmiana+"%";
		if(zaladowano == zdjecia.length){
			document.getElementById("info").innerHTML = "";
			document.getElementById("foto_last").style.background = "url(images/bcg_foto.gif) no-repeat";
			for(var i=0; i<elements.length; i++){
					elements[i].style.background = "url(images/bcg_foto.gif) no-repeat";
				}
			gotowe();
			}
	}
 
    function losuj(ilosc){
	var tab = new Array();
	for(var i=0; i<ilosc; i++){
		tab[i] = Math.floor(Math.random()*zdjecia.length);
		var j = i;
		while(tab[j-1] >= 0){
			if(tab[j-1] == tab[i]){
				tab[i] = Math.floor(Math.random()*zdjecia.length);
				j=i;
			}else{
				j--;
			}
		}
	}
	return tab;
}
 
    function uaktualnij(img){
    var nowe = losuj(img.length);
    for(var i in img){
    img[i].src = MINI + zdjecia[nowe[i]] + ".jpg";
    }
    }
 
	function startInterval(img){
		interval = setInterval(function(){uaktualnij(img);}, ZMIANA);
	}
 
    function gotowe(){
    var table = document.getElementById("fot");
    var img = table.getElementsByTagName("img");
    uaktualnij(img);
	startInterval(img);
    }
 
	window.onload = function() {
	laduj();
	}
[JAVASCRIPT] pobierz, plaintext