javascript > left

Titre	left
Postée le	17-05-2009
Affichée	880
Mini-lien
Description	left
Etat	Ne contient pas d'erreurs.

Code d'insertion

Options

Téléchargement

<html>
<head>
<script language="JavaScript" type="text/javascript">
function submitform()
{

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

if(window.XMLHttpRequest) // Autres
{
var xhr_object = new XMLHttpRequest();
}
else if(window.ActiveXObject) // IE6
{
var xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
}

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

}
}
};

var data = "chaine="+chaine+"&nombre="+nombre;
xhr_object.open("POST", "left.php", true);
xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhr_object.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>