Helpful Information
 
 
Category: Ajax and Design
AJAX refreshing upon INPUT field

Hello,

i have working ajax reload script which updates just small portions of web without need of reloading but I need something little bit else. I need to make those part refresh upon input field. See this i wan to make the following

i type into input field e.g. aragornol and "frame" next to input field refreshes whether given input was found at the database or not. Can someone help me with this or give me a tutorial ? :S

Thanks for help.

Add an onchange event to the element and call

onchange="YourUpdate(this.vaue)"

your function should create call whatever Ajax script with the value. (what library are you using?

Eric

well finally i found sthg .. the problem is the div reloads when i click on the page - onkeypress, onchange, onkeydown, onkeyup doesn`t work


<html>
<body>

<script language="javascript" 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.XMLHTTP");
} catch (e){
// Something went wrong
alert("Your browser broke!");
return false;
}
}
}
// Create a function that will receive data sent from the server
ajaxRequest.onreadystatechange = function(){
if(ajaxRequest.readyState == 4){
document.myForm.time.value = ajaxRequest.responseText;
}
}
var ga = document.getElementById('ga').value;
var queryString = "?ga=" + ga;
ajaxRequest.open("GET", "if_exist.php" + queryString, true);
ajaxRequest.send(null);
}

//-->
</script>



<form name='myForm' action='' method='post'>
Game Account: <input type='text' id='ga' onkeypress='ajaxFunction()' /> <br />
<input type='button' value='Query MySQL' />
</form>
<div id='ajaxDiv'>Your result will display here</div>
</body>
</html>

dude, use an AJAX library (I would recommend Yahoo! UI -- google it) . After learning a little on how to use it your form requests (and a whole lot more) will be taken to a new level.

Thanx for that i will google it and for those who want to run this script i discovered how will this work completly

just add onkeyup='javascript:ajaxFunction()'

Wrong thread...

Hello,

i have working ajax reload script which updates just small portions of web without need of reloading but I need something little bit else. I need to make those part refresh upon input field. See this i wan to make the following

i type into input field e.g. aragornol and "frame" next to input field refreshes whether given input was found at the database or not. Can someone help me with this or give me a tutorial ? :S

Thanks for help.

i am unable to reloade ajax with multiple checkbox plz send me the complete code.










privacy (GDPR)