I am trying to do the following: When the user presses the preview button, the syntax highlighted code is shown using AJAX but it is not working. What am I doing wrong? Here are the three codes : index.html :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript" src="preview.js"></script>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<title>Test Code Preview</title>
</head>
<body>
<textarea id="pastecode" rows="20" cols="50" name="pastecode"></textarea>
<br /><input type="text" id="language" name="language"/>
<br /><input type="button" onclick="process()" value="Preview"/>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<div id="previewcode"></div>
</body>
</html>
preview.js :
var xmlHttp= createXmlHttpRequestObject();
function createXmlHttpRequestObject(){
var xmlHttp;
if(window.ActiveXObject){
try{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}catch(e){
xmlHttp =false;
}
}else{
try{
xmlHttp= new XMLHttpRequest();
}catch(e){
xmlHttp =false;
}
}
if(!xmlHttp)
alert("cant create that object hoss!");
else
return xmlHttp;
}
function process(){
if(xmlHttp.readyState==0 || xmlHttp.readyState==4){
code=encodeURIComponent(document.getElementById("pastecode").value);
language=encodeURIComponent(document.getElementById("language").value);
xmlHttp.open("POST", "preview.php", true);
xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
xmlHttp.onreadystatechange = handleServerResponse;
xmlHttp.send("pastecode="+code+"&language="+language);
}
}
function handleServerResponse(){
if(xmlHttp.readyState==4){
if(xmlHttp.status==200){
xmlResponse=xmlHttp.responseXML;
xmlDocumentElement=xmlResponse.documentElement;
code=xmlDocumentElement.firstChild.data;
document.getElementById('previewcode').innerHTML=code;
}
}
}
preview.php :
<?php
header('Content-Type: text/xml');
echo '<?xml version="1.0" encoding="UTF-8" standalone="yes" ?>';
echo '<response>';
$code=$_POST['pastecode'];
$language=$_POST['language'];
include("geshi/geshi.php");
$path = '';
$geshi = new GeSHi($code, $language, $path);
$geshi->set_overall_style('background-color: #ffffee;', true);
$out = $geshi->parse_code();
echo htmlentities($out);
echo '</response>';
?>
What is happening is, I am filling up the textbox for pastecode and the textbox for language and clicking the button but there is no response. I am using Firefox.
