1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:

function changeFarbe()
{
	var url = "http://blabla";
	var ajaxRequest;
	if (window.XMLHttpRequest)
	  {// code for IE7+, Firefox, Chrome, Opera, Safari
	  ajaxRequest=new XMLHttpRequest();
	  }
	else
	  {// code for IE6, IE5
	  ajaxRequest=new ActiveXObject("Microsoft.XMLHTTP");
	  }
	
	ajaxRequest.onreadystatechange = function(){
		if(ajaxRequest.readyState == 4 && ajaxRequest.status==200){
			alert(ajaxRequest.responseText);
			var neue_farbe = document.getElementById("farbe_alias_input").value;
			document.getElementById("farbe_alias_span").innerHTML = neue_farbe;
			document.getElementById("farbe_alias_span").onclick="makeInput();";
		}
	}
	
	var parameter = "id=<?=$id?>&farbe="+neue_farbe;
	ajaxRequest.open("POST", url, true);
	ajaxRequest.setRequestHeader("Content-type","application/x-www-form-urlencoded");
	ajaxRequest.send(parameter);
}

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:

<script type="text/javascript" language="javascript">  
  function doAction(url, action){
	var urlstring = url+".php";
	var ajaxRequest;
	if (window.XMLHttpRequest)
	  {// code for IE7+, Firefox, Chrome, Opera, Safari
	  ajaxRequest=new XMLHttpRequest();
	  }
	else
	  {// code for IE6, IE5
	  ajaxRequest=new ActiveXObject("Microsoft.XMLHTTP");
	  }

	ajaxRequest.onreadystatechange = function(){
		if(ajaxRequest.readyState == 4 && ajaxRequest.status==200){
			//->irrelevant
			
		}
	}
	
	ajaxRequest.open("POST", urlstring, true);
	ajaxRequest.setRequestHeader("Content-type","application/x-www-form-urlencoded");
	ajaxRequest.send("id=<?=$id?>");
}

function makeInput() 
{
	document.getElementById("farbe_alias_span").innerHTML = "<input type="text" name= "farbe_alias_input" id = "farbe_alias_input" value ="<?=$pferd["farbe_alias"]?>" onblur="changeFarbe();">";
	document.getElementById("farbe_alias_span").onclick="";
	document.getElementById("farbe_alias_input").focus();
}


function changeFarbe()
{
	alert("test1");
	var url = "ajax_changefarbe.php";
	var ajaxRequest;
	if (window.XMLHttpRequest)
	  {// code for IE7+, Firefox, Chrome, Opera, Safari
	  ajaxRequest=new XMLHttpRequest();
	  }
	else
	  {// code for IE6, IE5
	  ajaxRequest=new ActiveXObject("Microsoft.XMLHTTP");
	  }
	alert("test2");
	ajaxRequest.onreadystatechange = function(){
		if(ajaxRequest.readyState == 4 && ajaxRequest.status==200){
			alert(ajaxRequest.responseText);
			var neue_farbe = document.getElementById("farbe_alias_input").value;
			document.getElementById("farbe_alias_span").innerHTML = neue_farbe;
			document.getElementById("farbe_alias_span").onclick="makeInput();";
		}
		alert("test4");
                alert(ajaxRequest.status);
	        alert(ajaxRequest.readyState);
	}
	alert("test3");
	var parameter = "id=<?=$id?>&farbe="+neue_farbe;
	ajaxRequest.open("POST", url, true);
	ajaxRequest.setRequestHeader("Content-type","application/x-www-form-urlencoded");
	ajaxRequest.send(parameter);
        alert(ajaxRequest.status);
	alert(ajaxRequest.readyState);
}

</script>

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:

<?php
header('Content-Type: text/html; charset=utf-8');
header('Cache-Control: must-revalidate, pre-check=0, no-store, no-cache, max-age=0, post-check=0');
include("datenbank.php");

//Daten in Datenbank eintragen
$query = mysql_query("UPDATE pferde SET farbe_alias = '".$_POST["farbe"]."' WHERE id = '".$_POST["id"]."'") or die (mysql_error());
echo "erfolg";
exit;
?>