CodingForums.com - AJAX refreshing upon INPUT field

CodingForums.com (http://www.codingforums.com/index.php)

- Ajax and Design (http://www.codingforums.com/forumdisplay.php?f=55)

- - AJAX refreshing upon INPUT field (http://www.codingforums.com/showthread.php?t=110016)

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

Code:

<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()'

Quote:

Originally Posted by aragornol (Post 546311)

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