Aplicação simples de AJAX, incluindo js abrindo camada DIV, arrastando camada e leitura de dados de fundo ajax! Observe que o arquivo getinfo.asp é salvo no formato utf-8. Você pode escrever e ler o código do banco de dados em getinfo.asp! função criarobj() {
if (janela.ActiveXObject) {
retornar(novo ActiveXObject(Microsoft.XMLHTTP));
}
senão if (window.XMLHttpRequest) {
return(novoXMLHttpRequest());
}
}
função infopessoal() {
var oBao=createobj();
var cont=document.getElementById(person_detial);
var cont_a=document.getElementById(person_content);
cont.style.display='bloquear';
cont.style.cursor='ponteiro';
cont_a.innerHTML=Aguarde, carregando...;
var meu_url=getinfo.asp?+Math.random();
oBao.open(get,meu_url,true);
oBao.onreadystatechange=função(){
if(oBao.readyState==4){
if(oBao.status==200){
cont_a.innerHTML=oBao.responseText;
}outro{
cont_a.innerHTML=Ocorreu um erro, o código do erro é: +oBao.status;
}
}
}
oBao.send();
}
funçãoArrastar(id)
{
var self = isto;
this.obj=(typeof(id)==string)?document.getElementById(id):id;
this.obj.onmousedown=função(e)
{
e=e||janela.evento;
var obj=self.obj;//aponta para si mesmo
if(e.layerX){obj.position={x:e.layerX,y:e.layerY};}
senão{obj.posição={x:e.offsetX,y:e.offsetY};}
document.onmousemove=self.start;
document.onmouseup=self.end;
}
this.start=função(e)
{
e=e||evento;
document.onselectstart = function(){ retornar falso };
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=função(e)
{
e=e||evento;
document.onmousemove=document.onmouseup=document.onselectstart=nulo;
}
}