Prüfen ob in einem DIV alle Bilder geladen wurden?

[chris4712]

Hey!

Schlagt mich bitte nicht, aber ich hab zu dem Thema nicht das gefunden was ich gerne wissen würde:

Via Ajax lade ich HTML Code aus einer Tabelle und gebe diesen in einem DIV Container aus. Klappt wunderbar!

Dieser DIV Container soll erst eingeblendet werden wenn ALLES geladen ist. Mit readyState == 4 komme ich nicht weiter, da dieser ja nicht auf Bilder, die via <img src=""> eingebunden sind, zugreift.

Oder mache ich was falsch?

Grüße!

 

[SpiceLab]

Oder mache ich was falsch?

Um das beurteilen zu können, ist Einsicht in deinen JS-Code vonnöten.

 

[chris4712]

Gerne:

// Zeigt den Inhalt der jeweiligen Seite an
function ShowContent(Page) {
	document.getElementById('Loading').style.display = 'block'; // Zeigt den Wartestatus an
	document.getElementById('Content').style.display = 'none'; // Versteckt die eigentliche Seite
	
	document.title = GetPageTitle(Page); // Ändert den Seitentitel
	document.location.hash = Page; // Setzt die Adresszeile richtig (für Bookmarks benötigt)
	
	// Liest den Seiteninhalt aus
  request.open("GET", "page.php?Page=" + escape(Page), false);
  request.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
  request.send(null);

 	request.onReadyStateChange = ShowResult("Content"); // Schreibt den Seiteninhalt
 	document.getElementById('Content').style.display = 'block'; // Zeigt die Seite wieder an
 	document.getElementById('Loading').style.display = 'none'; // Versteckt den Wartestatus
}

und eigentliche Ausgabe:

function ShowResult(OutputField)
{
  // Mache nur was wenn der Server mit der Bearbeitung fertig ist
  if (request.readyState == 4)
  {
    if (request.status == 200)
      document.getElementById(OutputField).innerHTML = request.responseText;
    else
      alert("Es ist ein Fehler aufgetreten!");
  }
}

var request = null;
try {
  request = new XMLHttpRequest();
}
catch (trymicrosoft)
{
  try {
    request = new ActiveXObject("Msxml2.XMLHTTP");
  }
  catch (othermicrosoft)
  {
    try {
      request = new ActiveXObject("Microsoft.XMLHTTP");
    }
    catch (failed)
    {
      request = null;
    }
  }
}
if (request == null)
  alert("Error creating request object!");