Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 7 of 7
  1. #1
    New to the CF scene
    Join Date
    Mar 2007
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    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.

  • #2
    Senior Coder A1ien51's Avatar
    Join Date
    Jun 2002
    Location
    Between DC and Baltimore In a Cave
    Posts
    2,717
    Thanks
    1
    Thanked 94 Times in 88 Posts
    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
    Tech Author [Ajax In Action, JavaScript: Visual Blueprint]

  • #3
    New to the CF scene
    Join Date
    Mar 2007
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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>

  • #4
    Regular Coder
    Join Date
    Dec 2006
    Posts
    417
    Thanks
    168
    Thanked 1 Time in 1 Post
    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.

  • #5
    New to the CF scene
    Join Date
    Mar 2007
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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()'

  • #6
    New Coder
    Join Date
    Jul 2012
    Posts
    49
    Thanks
    17
    Thanked 1 Time in 1 Post
    Wrong thread...

  • Users who have thanked lesponce for this post:

    raunak (09-03-2012)

  • #7
    New to the CF scene
    Join Date
    Sep 2012
    Posts
    1
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by aragornol View Post
    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.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •