Klawischnigg: Bild "nachladen" mit Ladesymbol

Beitrag lesen

Hi there,

ZIELVORGABE: per Klick ist ein Bild in einen vordefinierten Container meiner PHP-Datei nachzuladen.

Ich nehm' einfach einmal an, Du möchtest irgendwo auf Deiner Seite dort wo vorher nix war nach Klick ein Bild anzeigen. Dabei ist PHP oder nicht völlig wurscht, es sei denn, Du machst das wirklich mit Ajax, was aber mE hier nicht notwendig ist.

Zusätzlich soll für die Dauer der Ladezeit ein Lade-GIF auf den Ladevorgang aufmerksam machen. ...das Ganze ohne Bibliotheken, nur php, javascript.

so ginge es, nur mit Javascript, sicher gibts noch andere Möglichkeiten aber die funktioniert...

<!DOCTYPE HTML>
<html>
<head>
	<title>Komplett wurscht</title>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
function picLoaded()
{
		document.getElementById('PIC').innerHTML='<img src="'+document.getElementById('DUMMY').src+'">';
}


</SCRIPT>
</head>
<body>
<img id="DUMMY" src="" style="display:none;">
<div id="PIC">
</div>
<button onclick="document.getElementById('PIC').innerHTML='<img src=\'hier_kommt_Dein_Ladegif_her\'>';document.getElementById('DUMMY').addEventListener('load',picLoaded,false);document.getElementById('DUMMY').src='hier_kommt_das_Bild_das_Du_anzeigen_moechtest_her';">Klick</button>

</body>
</html>

hope it helps...