como hacer que funcione esta funcion js de forma asincronica

pithon · #1 (**permalink**) 15/09/2011, 05:26

No consigo hacer que funcione un js que lo que hace es mostrar dos imagenes en dos div diferentes y luego cambiarlas hasta recorrer todo el array, donde dicho array lo saco de mi db que paso de php a javascript.

muestro codigo ya que no se como hacerlo, espero que me puedan corregir de mis errores y orientarme a como hacerlo.

Saludos.

ajax.js

Código Javascript:

Ver originalfunction objetoAjax()   {
    if (window.XMLHttpRequest)
        _ajax = new XMLHttpRequest();
    else
        if (window.ActiveXObject)
            _ajax = new ActiveXObject("Microsoft.XMLHTTP");
        else
            _ajax = false;
    return _ajax;
}
 
function pedir(dato) {
Ajax = objetoAjax();
Ajax.open("get","recuperar.php?nombre=" + dato, true);
Ajax.onreadystatechange = function() {
  if (Ajax.readyState == 4 && (Ajax.status == 200 || Ajax.status == 501)){
   document.getElementById('recuperar').innerHTML=Ajax.responseText;
}
 }
 Ajax.send(null);
}

aqui el script donde tengo el select que deberia cambiar la consulta sql y los arrays del javascript para mostrarmelos en el div

mostrar.php

Código PHP:

Ver original<html>
    <head>
        <script type="text/javascript" language="javascript" src="ajax.js"></script>
        
    </head>
    <body>
 
<?php
$con=mysql_connect("localhost","root","");
mysql_select_db("db");
$consulta="select * from nombres";
$reg=mysql_query($consulta);
?>
<form nambe="form" method="get">
<select name="nombre" id="nombre" onchange="pedir(document.getElementById('nombre').value)">
    <option value="">seleciona nombre</option>
 <?php
 while ($row=mysql_fetch_assoc($reg)){
    ?>
    <option value="<?php echo $row['id_nombre']; ?>"><?php echo $row['nombre'];?></option>
<?php   
}
?>
</select>
</form>
 
<div id="recuperar"></div>
 
    </body>
</html>

en este codigo es donde intento recuperar los datos de la funcion js en el div recuperar del script anterior.

recuperar.php

Código PHP:

Ver original<?php
$con=mysql_connect("localhost","root","");
mysql_select_db("db");
$consulta="select * from nombres where id_nombre=".$_GET['nombre']."";
$reg=mysql_query($consulta);
$nombres=array();
while ($row = mysql_fetch_assoc($reg)){
$nombres[]= $row['nombres'];
}
?>
 
<script language='javascript'>
 
var nombres = new Array();
 
 
<?php
for ($i = 0, $total = count($nombres); $i < $total; $i ++)
echo "\nnombres[$i] = '$nombres[$i]';";
?>
 
 
var pos = 0;
 function MostrarRegistos(){
    
    for (i=1;i<=2;i++){
        
             nombre = nombres[pos];
 
document.getElementById("registro"+i).innerHTML ='<p><img src="perfil/' + nombre + ' "> </p>';
 
                     
                     pos++;
                if(pos>=(nombres.length)){pos = 0}
            }
        }
            
        window.onload = MostrarRegistos;
        
        setInterval(MostrarRegistos,4000)
        
</script>
<div id="registro1"></div>
<div id="registro2"></div>