Hola, no lo he conseguido hacer, posteo codigo por si alguien me quiere ayudar.
aqui creo un objeto ajax para recuperar los datos de forma asincronica con un select.
funcion.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?numero=" + dato, true);
Ajax.onreadystatechange = function() {
if (Ajax.readyState == 4 && (Ajax.status == 200 || Ajax.status == 501)){
document.getElementById('ajax_datos').innerHTML=Ajax.responseText;
}
}
Ajax.send(null);
}
aqui el script principal donde tengo el select para recuperar el valor de mi consulta de forma asincronica y el div donde me tiene que cargar los datos
codigo.php
Código PHP:
Ver original<html>
<head>
<script type="text/javascript" language="javascript" src="funcion.js"></script>
</head>
<body>
<?php
$consulta="select * from prueba";
?>
<select name="codigo" id="codigo" onchange="pedir(document.getElementById('codigo').value)">
<option value="">seleciona numero</option>
<?php
?>
<option value="<?php echo $row['numero']; ?>"><?php echo $row['numero'];?></option>
<?php
}
?>
</select>
<div id="ajax_datos"></div>
</body>
</html>
y aqui la pagina donde recupero los datos para pasarlos al div ajax_datos, en este script
esta la funcion js que no me funciona.
recuperar.php
Código PHP:
Ver original<?php
$consulta="select * from prueba where id=".$_GET['codigo']." ";
$numero[]= $row['numero'];
}
?>
<script language='javascript'>
var numero = new Array();
<?php
for ($i = 0, $total = count($numero); $i < $total; $i ++) echo "\nnumero[$i] = '$numero[$i]';";
?>
var pos = 0;
function MostrarRegistos(){
for (i=1;i<=2;i++){
num = numero[pos];
document.getElementById("registro"+i).innerHTML ='<p>' + num + '</p>';
pos++;
if(pos>=(numero.length)){pos = 0}
}
}
window.onload = MostrarRegistos;
setInterval(MostrarRegistos,4000)
</script>
</head>
<body>
<div id="registro1"></div>
<div id="registro2"></div>
</body>
</html>
Realmente no se como hacer para que me carge la funcion js sin recargar pagina ya que la consulta si me la cambia de forma asincronica pero no la funcion js, saludos.