cambiar un div de forma asincronica segun opcion elejida

pithon · #1 (**permalink**) 14/09/2011, 03:13

Hola, tengo un script donde seleciono una opcion en un select que seguido llamo a otro script para que me cambien los valores en el div de forma asincronica, pero no se muy bien como hacerlo yo hice algo asin:

funciones j.s

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 codigo donde tengo los select y el div que me tendria que cambiar los datos cada vez que seleciono una opcion en select

mostrar.php

Código PHP:

Ver original<html>
    <head>
        <script type="text/javascript" language="javascript" src="funciones.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>

este es el script que me tendria que recuperar los datos del div

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> ' + nombre + '  </p>';
 
                     
                     pos++;
                if(pos>=(nombres.length)){pos = 0}
            }
        }
            
        window.onload = MostrarRegistos;
        
        setInterval(MostrarRegistos,4000)
        
</script>
<div id="registro1"></div>
<div id="registro2"></div>

este mismo codigo lo probe sin la funcion js osea que me mostrara los datos del while y segun elijo otra opcion me cambie la consulta y los datos tambien de forma asincronica y me funciono , pero no consigo hacer que me funcione el js, alguien me puede ayudar?

Saludos.