preload IFRAME

[z.cristiano]

Salve a tutti..
Esiste un codice che permettere di fare il PRELOAD iFrame?
Cioè, ho creato un modulo di invio e-mail con dentro iframe e cliccando INVIA legge il codice PHP all'interno iFRAME, deve appare il caricamento PRELOAD e finito di caricare, appare il messaggio inviato..

Dove e come lo posso trovare?

 

[criric]

Ciao,
non sono sicuro di aver capito la tua richiesta,
ne approfitto comunque per postare un semplice esempio di chiamata ajax usando il metodo post

Da quello che ho capito vuoi mostrare un messaggio/immagine di attesa tra l'invio dei dati e la risposta del server?

pagina form.php ( ma potrebbe essere anche form.html)

<script type='text/javascript'>  
    
    var xmlHttp = getXmlHttpObject();
    
    // come parametri richiede l'identificativo del tag dove mostrare l'esito dell'elaborazione 
    // e la pagina che si occuperà di elaborare i dati e fornire la risposta
    function richiesta_ajax_post(identificativo,percorso_pagina_di_elaborazione){    
        
        stringaPost();        
        xmlHttp.open('POST', percorso_pagina_di_elaborazione, true);    
        xmlHttp.onreadystatechange = function() {
            // nell attesa della risposta possiamo modificare il contenitore inserendo anche un immagine loading
            document.getElementById(identificativo).innerHTML="Attendere prego";
            if(xmlHttp.readyState == 4) { 
                if (xmlHttp.status == 200) {     
                    // mostriamo il risultato dell'elaborazione
                    document.getElementById(identificativo).innerHTML=xmlHttp.responseText;
                }
            }
        };    
        xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");    
        xmlHttp.send(stringa);
    }
    // funzione che preleva i valori dai campi e crea la stringa da passare alla chiamata ajax
    function stringaPost(){
        stringa = "";
        var form = document.forms[0];
        var elementi = form.elements.length;
 
        for(var i = 0; i < elementi; i++){
            if(i < elementi-1){
                stringa += form.elements[i].name+"="+form.elements[i].value+"&";
            }else{
                stringa += form.elements[i].name+"="+form.elements[i].value;
            } 
        }
    }
        
        
    function getXmlHttpObject() {
        
        var xmlHttp=null;
        if (window.XMLHttpRequest) {
            xmlHttp = new XMLHttpRequest();
        }	
        if (window.ActiveXObject) {
            xmlHttp =  new ActiveXObject("Microsoft.XMLHTTP");
        }
	
        return  xmlHttp;
    }

</script>

<div id="messaggio">
    <form action="form.php" method="post" onsubmit="richiesta_ajax_post('messaggio','elabora_form.php');return false;">
        Inserisci il tuo nome : 
        <input type="text" name="nome"/>
        <input type="submit" value="Invia"/>
    </form>
</div>

Dove io ho scritto Attendere prego si puo anche inserire un immagine con il tag img

qui se ne trovano un po http://webgrafica.mrwebmaster.it/gif-animate/webmaster/loading/

elabora_form.php

<?php

// metto sleep() per simulare l'attesa per l'elaborazione di tutti i dati provenienti dalla form
sleep(3);

// tutto cio che verra stampato in questa pagina verra mostrto nel div indicato
echo "Benvenuto " . $_REQUEST['nome'];

?>

Se sono fuori strada mi scuso, ma, magari potrebbe servire a qualcun'altro

 

[z.cristiano]

Questo lo so fare..

Ma non è chiesto..
Ho creato così il codice

<script>

function registra()
{

document.getElementById('form1').target = 'aggiorna';

document.getElementById('form1').action = 'registra.php';

document.getElementById('form1').submit();

}

</script>
<form name="prova">
<input type="text" name="nome"><input type="submit" onclick="registra()" value="Registra">
<iframe id="aggiorna" name="aggiorna" width="0" height="0" frameborder="0"></iframe>
</form>

Così funziona, ma siccome ho il server molto lento, quindi quando clicco REGISTRA non si capisce se sta caricando o no e allora, mi chiedo se per te è possibile mettere un preload? In modo che cliccando REGISTRA, appare icona di caricamento e quando ha registrato sparisce il PRELOAD.
Esiste ed è possibile?

 

[criric]

Potresti inziare cosi:

<script>
    function registra()
    {
        document.getElementById('wait').innerHTML = 'attendere';
        
        document.getElementById('form1').target = 'aggiorna';

        document.getElementById('form1').action = 'registra.php';

        document.getElementById('form1').submit();

    }
</script>

<form id="form1" name="prova">
    <input type="text" name="nome"><input type="submit" onclick="registra()" value="Registra">
    <span id="wait"></span>
    <iframe id="aggiorna" name="aggiorna" width="0" height="0" frameborder="0"></iframe>
</form>

aggiungi uno span e lo riempi all onclick con il metodo innerHTML
per svuotarlo non so ancora .... ci devo pensare

comunque non credo che sia lento a causa del tuo server perche va lento anche a me in locale cosi