4
I have my server request working but it will only make the request once. onclick calls the ajax function but only once. when i change entires in the form and hit the button nothing happens
Here is the code:
[HTML]<html>
<head>
<script language="javas cript" type="text/javascript">
<!--
//Browser Support Code
function ajaxFunction(){
var ajaxRequest; // The variable that makes Ajax possible!
try{
// Opera 8.0+, Firefox, Safari
ajaxRequest = new XMLHttpRequest( );
} catch (e){
// Internet Explorer Browsers
try{
ajaxRequest = new ActiveXObject(" Msxml2.XMLHTTP" );
} catch (e) {
try{
ajaxRequest = new ActiveXObject(" Microsoft.XMLHT TP");
} catch (e){
// Something went wrong
alert("Your browser broke!");
return false;
}
}
}
// Create a function that will receive data sent from the server
ajaxRequest.onr eadystatechange = function(){
if(ajaxRequest. readyState == 4){
var ajaxDisplay = document.getEle mentById('image ');
ajaxDisplay.inn erHTML = ajaxRequest.res ponseText;
}
}
var text = document.getEle mentById('text' ).value;
var font = document.getEle mentById('font' ).value;
var size = document.getEle mentById('size' ).value;
var rl = document.getEle mentById('rl'). value;
var ud = document.getEle mentById('ud'). value;
var queryString = "?text=" + text + "&font=" + font + "&size=" + size + "&rl=" + rl + "&ud=" + ud;
ajaxRequest.ope n("GET", "mygenerator.ph p" + queryString, true);
ajaxRequest.sen d(null);
}
//-->
</script>
<title>Enter dimensions.</title>
</head>
<body>
<table>
<form>
<tr>
<td>Your Text</td><td><input id="text" type="TEXT" name="text" ></td></tr>
<tr>
<td>Select a font</td><td><select id="font" name="font">
<option value="Fonts/Palatino">Palat ino</option>
<option value="Fonts/Chicago">Chicag o</option>
<option value="Fonts/Skia">Skia</option>
<option value="Fonts/Sand">Sand</option>
<option value="Fonts/Courier">Courie r</option>
<option value="Fonts/Jokerman LET Fonts">Jokerman </option>
<option value="Fonts/Techno">Techno</option>
<option value="Fonts/Charcoal">Charc oal</option>
</select></td></tr>
<tr><td>Size eg.20-100</td><td><input id="size" type="TEXT" name="size" size="5"></td></tr>
<tr><td>Positio n (left/right)</td><td><input id="rl" type="TEXT" name="rl" size="5"></td></tr>
<tr><td>Positio n (up/down)</td><td><input id="ud" type="TEXT" name="ud" size="5"></td></tr>
<tr>
<td>SUBMIT</td><td><input type="BUTTON" onclick="ajaxFu nction()" value="check"></td></tr>
</form><br />
</table>
<div id="image">in here maybe</div>
</body>
</html>[/HTML]
