Loadingimage bei AJAX

[dr-stein]

Hi Leute,

ich brauche mal eure Hilfe. Ein Freund und ich haben für unsere HP ein Ajax-Kontaktbereich erstellt, und wollen nun ein Load-Image haben, aber wie. Hier mal der Code.

Kontakt.js

function sndReq() {
	for(i=1;i<=11;i++) {
		if(this.document.f.picture.options[i-1].selected) {
			resObject.open('get', '../kontakt.php?marke='+i, true);
			resObject.onreadystatechange = handleResponse;
			resObject.send(null);
		}
	}
}

function handleResponse() {
	if(resObject.readyState == 4) {
		document.getElementById("pic").innerHTML = resObject.responseText;
	}
}

var resObject = createXMLHttpRequestObject();

ResObjekt.js

// JavaScript Document

// Funktion zum Erzeugen des XMLHttpRequestObjects in Abhängigkeit des Browsers
function createXMLHttpRequestObject() {
	var resObject = null;
	try {
		// Microsoft Browser mit älterem XML-Parser
		resObject = new ActiveXObject("Microsoft.XMLHTTP");
	}
	catch(Error) {
		try {
			// Microsoft Browser mit neuerem XML-Parser
			resObject = new ActiveXObject("MSXML2.XMLHTTP");
		}
		catch(Error) {
			try {
				// Andere Browser
				resObject = new XMLHttpRequest();
			}
			catch(Error) {
				alert("Erzeugung des XMLHttpRequest-Objekts ist nicht möglich");
			}
		}
	}
	return resObject;
}

und...

Kontakt.php

<!-- Start 
Variablen -->
<?php include("../include/variablen.php"); ?>
<?php include("../include/fotobox.php"); ?>
<?php include("../include/ajax-kontakt.php"); ?>
<?php include("../confic.php"); ?>
<!-- Ende
Variablen -->





<?php

switch($_REQUEST['person']) {
	case 1: include 'eike.php';		
			break;
	case 2:	include 'heike.php';
			break;
	case 3:	include 'malik.php';
			break;
	case 4:	include 'mitglied-werden.php';
			break;
	case 5:	include 'pw-beantragen.php';
			break;
			 break;
	default: include 'status.php';
}
?>

und Kontakt.php (2)

<form name="f">
                              Bitte w&auml;hlen:
                              <br />
                              <select name="picture" size="1" onClick="sndReq()">
                              <optgroup label="Administration">
                                  <option>Eike Schl&uuml;ter</option>
                              </optgroup><optgroup label="Vorstand">

                                  <option>Heike noeme Fricke</option>
                                  <option>Malik Samba</option>
                              </optgroup><optgroup label="Anderes">
                                  <option>Mitglied werden</option>
                                  <option>Passwort beantragen</option>
                              </optgroup>
                                  <option disabled="disabled" selected="selected">Bitte w&auml;hlen...</option>

                              </select>
                              </form>

Wie mache ich das?

 

[Sven Mintel]

Moin,

ich würds so probieren:

function handleResponse() {
	if(resObject.readyState == 4) {
		document.getElementById("pic").innerHTML = resObject.responseText;
	}
	else{
		document.getElementById("pic").innerHTML = '<img src="pfad/zum/loading.gif">';
	}
}