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
$consulta="select * from nombres";
?>
<form nambe="form" method="get">
<select name="nombre" id="nombre" onchange="pedir(document.getElementById('nombre').value)">
<option value="">seleciona nombre</option>
<?php
?>
<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
$consulta="select * from nombres where id_nombre=".$_GET['nombre']."";
$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>