javascript > left2

Titre	left2
Postée le	17-05-2009
Affichée	556
Mini-lien
Description	left2
Etat	Inconnu.

Code d'insertion

Options

Téléchargement

<html>
<head>
<script language="JavaScript" type="text/javascript">
function getXhr()
{
if(window.XMLHttpRequest) xhr = new XMLHttpRequest();
else if(window.ActiveXObject)
{
try
{
xhr = new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
}
else
{
alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest, veuillez le mettre à jour");
xhr = false;
}
}

function submitform()
{

document.getElementById("ajax_data").innerHTML = "";
var chaine = document.getElementById("chaine").value;
var nombre = document.getElementById("nombre").value;

var xhr = getXhr();

xhr.onreadystatechange = function()
{
if(xhr.readyState == 4)
{
if(xhr.status == 200)
{
document.getElementById("ajax_data").innerHTML = xhr.responseText;

}
}
};

var data = "chaine="+chaine+"&nombre="+nombre;
xhr.open("POST", "left.php", true);
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhr.send(data);

}
</script>
<style type="text/css">
#ajax_data {
border:1px solid red;
height:32px;
width:100px;
}
</style>
</head>

<body>
<form method="post" name="ajax" action="">
Chaine : <input type="text" id="chaine" />
Nombre de caractères : <input type="text" id="nombre" />
<input type="button" value="Envoyer" onclick="submitform()">
</form>
<div id="ajax_data" ></div>
</body>
</html>