Cita:
Iniciado por zerokilled en teoria el codigo funciona correctamente en firefox -verificado. por tanto, no es asi donde esta el problema, debe estar en otra parte.
El problema es el siguiente, al seleccionar una categoria aparece la imagen de espera debajo:
Luego aparecen las imagenes:
Al hacer click en cualquier imagen, la imagen de espera aparece pero no se quita:
Y la imagen se queda al cambiar de categoria o hacer cualquier cosa:
Este es el codigo:
Código PHP:
<script language="javascript" src="ajax.js"></script>
<script language="javascript">
http = getXMLHTTPRequest();
function generalista(n){
var myurl = 'catalogo_paginar.php';
myRand = parseInt(Math.random()*999999999999999);
var idcategoria = form1.idcategoria.value;
var modurl = myurl + "?idcategoria=" + idcategoria +"&n="+ n+ "&rand=" + myRand;
http.open("GET", modurl, true);
http.onreadystatechange = useHTTPResponse;
http.send(null);
}
function useHTTPResponse() {
if (http.readyState == 4) {
if(http.status == 200) {
var miTexto = http.responseText;
document.getElementById('codigohtml').innerHTML = (miTexto);
}
} else {
document.getElementById('codigohtml').innerHTML = '<img src="procesando.gif">';
}
}
function verdetalle(idarticulo){
var myurl = 'catalogo_detalle.php';
myRand = parseInt(Math.random()*999999999999999);
var modurl = myurl + "?idarticulo=" + idarticulo+ "&rand=" + myRand;
http.open("GET", modurl, true);
http.onreadystatechange = useHTTPResponse2;
http.send(null);
}
function useHTTPResponse2() {
if (http.readyState == 4) {
if(http.status == 200) {
var miTexto = http.responseText;
document.getElementById('detallehtml').innerHTML = (miTexto);
}
} else {
document.getElementById('detallehtml').innerHTML = '<img src="procesando.gif">';
}
}
</script>
<?php
$cn = mysql_connect("localhost","user","clave");
mysql_select_db("database");
$sql = "SELECT * FROM categoria";
$rs = mysql_query($sql);
$nCat = mysql_num_rows($rs);
?>
<form name="form1" action="" method="get">
Categoria:
<select name="idcategoria" onChange="generalista(0)">
<option value="0">Seleccione</option>
<?php for($k=0;$k<$nCat;$k++){
$idcategoria = mysql_result($rs,$k,"idcategoria");
$categoria = mysql_result($rs,$k,"categoria");
?>
<option value="<?php echo $idcategoria?>">
<?php echo $categoria ?>
</option>
<?php } ?>
</select>
<div id="codigohtml"></div>
<div id="detallehtml"></div>
</form>
Este es el primer archivo y aquí están las funciones que se utilizan. Espero puedas ayudarme.