Jquery - Ajax - Manipolazione immagine - Aggiornamento

supercapocc

Jquery - Ajax - Manipolazione immagine - Aggiornamento

Ciao,
Il mio problema è il seguente : Attraverso Ajax richiamo la funzione imagerotate() di GD Library. Tutto funziona perfettamente, ma vorrei che l'immagine ruotasse senza ricaricare la pagina.
Niente, non ci riesco. Ho provato a svuotare il div parente dell'immagine e ricrearla con le funzioni di manipolazione DOM di Jquery, ma l'immagine viene ricreata senza la rotazione.

Per adesso mi accontento di ricaricare la pagina dinamicamente :


$.ajax({
           type: 'POST',
           url: ajaxUrl,
           data: 'rotate='+true+'&picId='+picId+'&direction='+direction+'&filename='+filename+'&submit='+true,
           success: function(xml){
                                           location.reload();   
                                          }
        });

Questa invece è la porzione della pagina dove dovrebbe agire il refresh :

[HTML]
<td valign="middle" align="left" id="cropcont">
<img src="" class="album" id="cropbox" />
</td>
[/HTML]

Grazie a chi mi risponderà .

ayrton2001

Ciao supercapocc,
"xml" restituisce il tag img?

In tal caso puoi utilizzare questo codice:


$.ajax({
           type: 'POST',
            url: ajaxUrl,
           data: 'rotate='+true+'&picId='+picId+'&direction='+direction+'&filename='+filename+'&submit='+true,
           success: function(xml){
                                           $("#cropcont").html(xml);
                                          }
        });

supercapocc

Ciao ayrton2001,
Ho già provato, viene riproposta l'immagine senza variazione.
Credo che proverò il plugin Jquery-rotate che sfrutta i seguenti oggeti :

using DXImageTransform filter for Microsoft Internet Explorer
using Canvas object for other browsers

Grazie lo stesso,
Ciao.