Ajax Scipt vraagje
Ik heb een klein scripje gevonden en deze wil ik in me site plaatsen. Echte staan er onderaan een onclick en deze wil ik laten vervangen door een onload.
Hoe kan ik dit aanpassen. (Heb niet super veel java kennis helaas nog :()
wat de bedoeling is dat deze pagina automatisch gelaten wordt en niet als je op de link klikt
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2" />
<title>Example Ajax GET</title>
<script type="text/javascript"><!--
// create the XMLHttpRequest object, according browser
function get_XmlHttp() {
// create the variable that will contain the instance of the XMLHttpRequest object (initially with null value)
var xmlHttp = null;
if(window.XMLHttpRequest) { // for Forefox, IE7+, Opera, Safari, ...
xmlHttp = new XMLHttpRequest();
}
else if(window.ActiveXObject) { // for Internet Explorer 5 or 6
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
return xmlHttp;
}
// sends data to a php file, via GET, and displays the received answer
function ajaxrequest(serverPage, tagID) {
var request = get_XmlHttp(); // call the function for the XMLHttpRequest instance
// create the URL with data that will be sent to the server (a pair index=value)
var url = serverPage+'?test='+document.getElementById('txt1').innerHTML;
request.open("GET", url, true); // define the request
request.send(null); // sends data
// Check request status
// If the response is received completely, will be transferred to the HTML tag with tagID
request.onreadystatechange = function() {
if (request.readyState == 4) {
document.getElementById(tagID).innerHTML = request.responseText;
}
}
}
--></script>
</head>
<body>
<style="cursor:pointer;" onclick="ajaxrequest('testpage.php', 'context')"><u>Click</u>
<div id="txt1"> </div>
<div id="context"> </div>
</body>
</html>
Gewijzigd op 13/05/2012 17:59:39 door M vlaspo
http://www.tizag.com/ajaxTutorial/
het bovenstaande script werkt echter moet ik eerst op de knop "Click" drukken voor dat de pagina naar voren komt..
dit kan ik in deze handleiding niet echt terug vinden. Dit is allemaal gebaseerd op klik en dan paas krijg ik de pagina.
<style="cursor:pointer;" onclick="ajaxrequest('testpage.php', 'context')">
Haal die onclick daar weg en zet ze bij body
<body onload="ajaxrequest('testpage.php', 'context')">
(zie eens of dit werkt)
Gewijzigd op 14/05/2012 11:40:53 door Kris Peeters
Vooral omdat je geen idee hebt hoe je een functie kunt veranderen van onclick naar bijv onchange bij een textbox
M vlaspo op 13/05/2012 16:20:10:
Hoe kan ik dit aanpassen. (Heb niet super veel java kennis helaas nog :()
gelukkig is Java kennis ook niet nodig, gezien het om JavaScript gaat.