Application simple d'AJAX, y compris js faisant apparaître la couche DIV, le glissement de couche et la lecture des données en arrière-plan ajax ! Notez que le fichier getinfo.asp est enregistré au format utf-8. Vous pouvez écrire et lire le code de la base de données dans getinfo.asp ! fonction createobj() {
si (window.ActiveXObject) {
return(nouveau ActiveXObject(Microsoft.XMLHTTP));
}
sinon si (window.XMLHttpRequest) {
return(nouveau XMLHttpRequest());
}
}
fonction infopersonnelle() {
var oBao=createobj();
var cont=document.getElementById(person_detial);
var cont_a=document.getElementById(person_content);
cont.style.display='bloc';
cont.style.cursor='pointeur';
cont_a.innerHTML=Veuillez patienter, chargement... ;
var mon_url=getinfo.asp?+Math.random();
oBao.open(get,my_url,true);
oBao.onreadystatechange=fonction(){
si(oBao.readyState==4){
si(oBao.status==200){
cont_a.innerHTML=oBao.responseText;
}autre{
cont_a.innerHTML=Une erreur s'est produite, le code d'erreur est : +oBao.status;
}
}
}
oBao.send();
}
fonctionDrag(id)
{
var soi = ceci ;
this.obj=(typeof(id)==string)?document.getElementById(id):id;
this.obj.onmousedown=fonction(e)
{
e=e||window.event;
var obj=self.obj;//pointe vers soi
if(e.layerX){obj.position={x:e.layerX,y:e.layerY};}
else{obj.position={x:e.offsetX,y:e.offsetY};}
document.onmousemove=self.start;
document.onmouseup=self.end;
}
this.start=fonction(e)
{
e=e||événement ;
document.onselectstart = function(){ return false };
window.getSelection && window.getSelection().removeAllRanges();
var obj=self.obj;
obj.style.left=e.clientX-obj.position.x+px;
obj.style.top=e.clientY-obj.position.y+px;
}
this.end=fonction(e)
{
e=e||événement ;
document.onmousemove = document.onmouseup = document.onselectstart = null;
}
}