Duvidas simples com Ajax

[juancbdm]

Bom dia, sou novo aqui no forum, e sem nenhum conhecimento com ajax!

Estou fazendo um site que eu preciso carregar a paginas sem sair da página inicial, até ai tudo bem, eu achei um script e funcionou sem problemas.

Porem eu preciso fazer duas coisas mas não sei nem por onde começar =/

1 - criar um botão/link para fechar a janela que aparece na home com imagens de fundo.

2 - Se possivel adicionar efeitos, com fadein ao aparecer a caixa do ajax

Sei que é chato ficar perguntando coisas simples porem já procurei bastante e não acho nada que me ajude =/

aqui o código:

Aqui o ajax.js:

function GetXMLHttp() {

    if(navigator.appName == "Microsoft Internet Explorer") {

        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");

    }

    else {

        xmlHttp = new XMLHttpRequest();

    }

    return xmlHttp;

}


var xmlRequest = GetXMLHttp();

e aqui o ajax-2.js:

function abrirPag(valor){
// Verificar o Browser
// Firefox, Google Chrome, Safari e outros
if(window.XMLHttpRequest) {
req = new XMLHttpRequest();
}
// Internet Explorer
else if(window.ActiveXObject) {
req = new ActiveXObject("Microsoft.XMLHTTP");
}

var url = valor;

req.open("Get", url, true);
req.onreadystatechange = mudancaEstado;
req.send(null);

if (req.readyState == 1) {
document.getElementById("conteudo").innerHTML = "";
}

return url;
}

function mudancaEstado(){
if (req.readyState == 4){
document.getElementById("conteudo").innerHTML = req.responseText;
}
}

eu nem sei por onde começar, peguei deste site o código http://www.mxstudio.com.br/desenvolvimento...a-div-com-ajax/

Aguardo respostas =D

[Mauricio Lima]

Cara pesquise um pouco sobre JQuery. isso q você quer é muito simples usando o framework.

Editado Janeiro 19, 2012 por Mauricio Lima