poner ajax en javascipt

edie8 · #1 (**permalink**) 22/01/2012, 08:17

Buenas
estoy usando un plugin de galeria de fotos que hace que se vean en la misma ventana sobreponiendose a las otras es decir como lightwindows, el problema que tengo que nose como hacer para ponerle este codigo de ajax:

Código HTML:

var XMLHttpRequestObject = false;

if (window.XMLHttpRequest) {
        XMLHttpRequestObject = new XMLHttpRequest();
} else if (window.ActiveXObject) {
        XMLHttpRequestObject = new ActiveXObject("Microsoft.XMLHTTP");
}

function pedir(fuenteDatos, divID){
        if(XMLHttpRequestObject) {
               var obj = document.getElementById(divID);
               XMLHttpRequestObject.open("GET", fuenteDatos);
               XMLHttpRequestObject.onreadystatechange = function(){
                       if (XMLHttpRequestObject.readyState == 4 && XMLHttpRequestObject.status == 200) {
                           obj.innerHTML = XMLHttpRequestObject.responseText;
                       }
               }
               XMLHttpRequestObject.send(null);
        } 
}

para que me haga una consulta a la base de datos con php como lo tengo hecho en esta pagina:

Código PHP:

  <html> 
<head > 
<title>ajax por edgar</title> 
<script language = "javascript"> 
var XMLHttpRequestObject = false; 
 
if (window.XMLHttpRequest) { 
        XMLHttpRequestObject = new XMLHttpRequest(); 
} else if (window.ActiveXObject) { 
        XMLHttpRequestObject = new ActiveXObject("Microsoft.XMLHTTP"); 
} 
 
function pedir(fuenteDatos, divID){ 
        if(XMLHttpRequestObject) { 
               var obj = document.getElementById(divID); 
               XMLHttpRequestObject.open("GET", fuenteDatos); 
               XMLHttpRequestObject.onreadystatechange = function(){ 
                       if (XMLHttpRequestObject.readyState == 4 && XMLHttpRequestObject.status == 200) { 
                           obj.innerHTML = XMLHttpRequestObject.responseText; 
                       } 
               } 
               XMLHttpRequestObject.send(null); 
        }  
} 
 
</script> 
</head> 
 
<body onLoad="pedir('datos.php','mostrando')"> 
<h1>Mostrando cosas de un txt</h1> 
<form> 
<input type="button" value="Mostrar"> 
</form> 
<div id="mostrando" style="background-color:#99FF66;"> 
<p>Aqui aparece lo que tenga que aparecer</p> 
</div> 
</body> 
</html>

Alguien me puede ayudar quiero que salga al cargar la foto en la ventana del lightbox, gracias un saludo.

edie8 · #2 (**permalink**) 23/01/2012, 08:05

Lo estoy intentando poner en el archivo de js del plugin y nose como hacer que esta consulta en vez de hacerla cuando haga click en un boton lo haga cuando se carge la pagina onload pero como mando el archivo y donde debe salir??? gracias