Ajax - problema di loader dei contenuti

[renzoz]

Ciao, mi serviva la possibilità di caricare dinamicamente immagini su un doc html senza ricaricare la pagina ed ho trovato questo esempio che ho dovuto adattare un pò al mio caso modificando il file php a cui punta il loader l'ho impostato cosi:

 <?php if(trim($arrfoto[0]) != "") { ?>   <span style="cursor: pointer" onClick="loadContent('<?php print($arrfoto[0]); ?>');">[img]imgss/img1_it.gif[/img]</span> <?php } ?>
<?php if(trim($arrfoto[1]) != "") { ?>  <span style="cursor: pointer" onClick="loadContent('<?php print($arrfoto[1]); ?>');">[img]imgss/img2_it.gif[/img]</span><?php } ?>
<?php if(trim($arrfoto[2]) != "") { ?>  <span style="cursor: pointer" onClick="loadContent('<?php print($arrfoto[2]); ?>');">[img]imgss/img3_it.gif[/img]</span><?php } ?>
    

    
   
    <div id="mainAreaInternal" class="mainAreaInternal">

    <?php print("<img class=\"foto\" src=\"gallery/".$arrfoto[0]."\" />"); ?>
    </div>
    
    <div id="mainAreaLoading" class="mainAreaLoading" style="display:none;">

    <span style="position: relative; top: 100px; left: 100px">
        Caricamento immagine...
[img]images/ajaxLoad.gif[/img]
        
    </span>
    </div>

con firefox funziona benissimo anche con le immagini ma con IE carica immediatamente l'immagine (che magari sta nella cache) e poi fa vedere il loader.. in questo caso l'animazione di loading non ha più senso..
come posso fare affinchè con IE venga mostrato il caricamento anche per le immagini già residenti nella cache?

[cavicchiandrea]

Posta lo script ajax

[renzoz]

Allora il js che incorporo nel documento è:


<script src="js/lib/prototype.js" type="text/javascript"></script>
<script src="js/src/scriptaculous.js" type="text/javascript"></script>


<script type="text/javascript">
function startLoading() {
Element.hide('mainAreaInternal');
Element.show('mainAreaLoading');

}
function finishLoading() {
Element.show('mainAreaInternal');
setTimeout("Effect.toggle('mainAreaLoading');", 200);
}

function loadContent(id) {
/* startLoading(); */
new Ajax.Updater('mainAreaInternal', 'rpc.php', {method: 'post', postBody:'content='+ id +''});
/* finishLoading(); */
}
</script>

ho commentato startLoading e finishLoading per evitare il fastidioso comportamento di IE

Il rpc.php è questo:
<?php
$content = $_POST['content'];
print("<img class=\"foto\" src=\"gallery/".$content."\" />");
?>

per gli script prototype.js e scriptaculous.js direi che si potrebbero scaricare dal link sul primo post, visitando il sito alla fine della pagina c'è la possibilità di scaricare lo ZIP con il tutto, incollarli qui sarebbero lunghi come la fame anche perchè oltre a quei due ce ne sono altri..

[cavicchiandrea]

Presso che non conosco lo script in questione, per un altro problema di cache ho risolto cosi, nella chiamata ajax ho aggiunto un codice random.
Identifica dove avviene (nello script) la richiesta ajax che potrebbe essere questa:

new Ajax.Updater('mainAreaInternal', 'rpc.php?noCache=' + new Date().getSeconds() + ' '+ Math.floor(Math.random() * (9999)), {method: 'post', postBody:'content='+ id +''});

(fai un quote per il codice) non è detto che funzioni e forse devi sostituire gli apici ' con le virgolette "

[renzoz]

Ti ringrazio ma purtroppo il problema non si è risolto nenche con la tua modifica
Non ho capito il quote del codice..

[Jarno]

non ho letto il tutto, ma il concetto è che il codice random lo devi mettere nel nome dell'immagine

[renzoz]

mi pare una follia... le foto sono su db.. come faccio??

[Jarno]

ma è chiaro che lo devi inserire dinamicamente no....