Ver Mensaje Individual
  #5 (permalink)  
Antiguo 10/11/2010, 12:44
piropeator
 
Fecha de Ingreso: mayo-2008
Mensajes: 10
Antigüedad: 16 años, 6 meses
Puntos: 0
Pregunta Respuesta: Actualizar funcion getXMLHTTPRequest()

Cita:
Iniciado por zerokilled Ver Mensaje
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.