JS erzeugtes Bild wird nicht geladen

[MsvP@habdichliebhasi]

Hallo zusammen,

ich habe einen kleinen Codeschnipsel geschrieben, der bewirken soll, dass JS ein Bild in einem JS erzeugtem DIV läd.

Leider wird das Bild aber nicht geladen. Pfad etc. funktioniert ohne Probleme. Wenn ich den leeren Bildrahmen mittels rechter Maustaste anklicke und "Bild Laden" anwähle, wird das Bild korrekt dargestellt und dank Cache bis zum nächsten Browser schließen / öffnen auch angezeigt.

Muss ich noch irgendetwas unternehmen, damit das Bild von JS geladen wird? Kann es durch irgendetwas geblockt werden? Ich habe keinerlei zusätzlich Block-Software installiert, wenn wäre sie Browser eigen. (Funktioniert übrigens weder im IE noch im FF).

Der Code ist mittels jQuery gebaut:

$(function() {

$(document.createElement("div")).attr("id","loadingicon").prependTo("body");
		
$('#loadingicon').css({"left" :  "100px"});
$('#loadingicon').css({"top" :  "100px"});
$('#loadingicon').css({"height" :  "200px"});
$('#loadingicon').css({"width" :  "400px"});
$('#loadingicon').css({"zIndex" :  "150"});
$('#loadingicon').css({"textAlign" :  "center"});		
		
$("#loadingicon").html('Bitte haben Sie einen Augenblick geduld, Ihre Anfrage wird verarbeitet.<br><br> <img src="/images/animation.gif" width="32" height="32" alt="pageloader" />');

});

Lg und vielen Dank für eure Hilfe
Micha

 

[Quaese]

Hi,

am Script liegt es nicht - das funktioniert bei mir tadellos.

Kann man sich das Ganze irgendwo online ansehen?

Ciao
Quaese

 

[MsvP@habdichliebhasi]

Habe das Script jetzt auch einmal auf meinen Server geladen und auch dort funktioniert es ohne Probleme.

Ich fürchte es liegt an irgendeiner Rewrite Einstellung des Servers. Dort läuft eine Zend Umgebung, vielleicht mag die es nicht, wenn JS Bilder nachträglich läd.

Leider darf ich den Link nicht rausgeben, da es ein Kundeninterner ist und die Webseite noch nicht online ist.

Liebe Grüße
Micha

 

[MsvP@habdichliebhasi]

Ich habe jetzt eine Vermutung.

Ich löse das Script aus, bei betätigen eines Submit-Buttons. Wenn ich das Script durch eine einfache Klick-Aktion, ohne auf eine neue Seite zu verlinken, erstelle funktioniert es.

$(function() {
	$('.submit').click(function() {

...usw.

Kann es sein, das JS oder viel mehr das HTML das Bild nicht mehr anzeigt, da bereits der Ladeprozess für die neue Seite begonnen wurde?


Liebe Grüße
Micha