innerHTML Änderung, DOM

Kurtk · #1 (**permalink**) 11.11.2007, 11:57

Hallo noch einmal,

hier gleich meine zweite Nachfrage:

Ich habe eine kleine "Animation" geschrieben, die während eines Preloadingvorgangs anzeigen soll das gearbeitet wird. Also wird der String, der in innerHTML steht, imer einfach um einen Punkt erweitert.

Ich rufe die "Animation" mit setInterval als Objektvaraible auf, es funktioniert in Safari 2.0 aber nicht im IE7 oder im FF. Was könnte das Problem sein?

Code:

// Animation im Preload Div	
function preload_progress()
{
preload_text += '.';
window.document.getElementById("theDiv").innerHTML=preload_text ;
	
}
	
function ImagePreloader(images, callback)

{
	// Hide the content until all is preloaded
	document.getElementById("theDiv").style.display="inline";
	//document.getElementById("page").style.display="none";
   // store the call-back
   
 
//Aufruf der "Animation"  window.document.getElementById("theDiv").progress=setInterval("preload_progress()", 500);
   this.callback = callback;


   // initialize internal state.
   this.nLoaded = 0;
   this.nProcessed = 0;
   this.aImages = new Array;

}

protonenbeschleuniger · #2 (**permalink**) 11.11.2007, 17:26

Was sagt die Fehlerkonsole?

Kurtk · #3 (**permalink**) 11.11.2007, 18:11

Firebug sagt nichts

.

protonenbeschleuniger · #4 (**permalink**) 11.11.2007, 18:30

und die Fehlerkonsole?

Kurtk · #5 (**permalink**) 11.11.2007, 18:43

Auch nichts... Unter Umständen ist der DOM Aufruf falsch oder nicht DOM 3 gemäss?

protonenbeschleuniger · #6 (**permalink**) 11.11.2007, 18:55

Nee, der Code ist völlig in Ordnung.

Kurtk · #7 (**permalink**) 11.11.2007, 20:02

Ich habe es jetzt folgendermaßen gelöst:

Code:

var preload_text ='Preloading';
var doc = window.document;

function preload_progress()
{
preload_text += '.';
window.document.getElementById("theDiv").innerHTML=preload_text ;
	
}

function ImagePreloader(images, callback)

{
	
	// Hide the content until all is preloaded
	doc.getElementById("theDiv").style.display="inline";

   // store the call-back
   this.callback = callback;
   this.progress=setInterval("preload_progress()", 500);


   // initialize internal state.
   this.nLoaded = 0;
   this.nProcessed = 0;
   this.aImages = new Array();


   // record the number of images.
   this.nImages = images.length;


   // for each image, call preload()
   for ( var i = 0; i < images.length; i++ )
      this.preload(images[i]);
}

protonenbeschleuniger · #8 (**permalink**) 11.11.2007, 20:26

PHP-Code:


			
//Aufruf der "Animation"  window.document.getElementById("theDiv").progress=setInterval("preload_progress()", 500);

Was mir entgangen ist, du hast den Aufruf hier auskommentiert, deshalb funktioniert er nicht, warum er aber dann im Safari läuft ist mir ein Rätsel.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
innerHTML	Rico	Javascript & Ajax	10	23.09.2010 13:30
mit innerHTML auf <head> Tag zugreifen. IE Problem.	naitsab	Javascript & Ajax	4	22.06.2009 18:40
DOM und (XML mit HTML CODE) verarbeiten WIE?	silence_le	Serveradministration und serverseitige Scripte	4	18.06.2007 17:33
DOM als UL extrahieren: Hilfsmittel für Diskussionen über Struktur	AndreasB	Barrierefreiheit	1	30.10.2006 11:02
Wo ist der DOM Inspector?! (Ha! Geht doch.)	E\|H	Offtopic	2	08.05.2006 20:47