Preload in un div dove viene richiamato un folgio html o php!

[Madsex]

Titolo contorto ma non mi veniva di meglio.

Fondamentalmente vorrei fare in modo che, al click su di un link venga caricata una pagina html o php all'interno di un div(una specie di frame), in modo tale che,caricando tale pagina, sia visualizzato anche il preload che essa contiene.

Come potrei fare?

Io di solito uso uno scriptino in js che passa una variabile get a un foglio php, con questo sistema però mi viene stampato direttamente il contenuto, il preload non viene ca.... anzi non legge neppure il css contenuto in quella pagina, lo devo mettere nella pagina "madre" per farlo funzionare!

Grazie in anticipo!

[simo22]

Non penso che si possa fare un preloader.
Comunque se vuoi puoi mettere questo nell'iframe (non usare un div, meglio l'iframe) dentro il tag head:

<style type='text/css'>
body{
display:none;
}
#loader {
position:absolute;
top:50%;
left:50%;
width:100px;
height:100px;
margin-left:-200px;
margin-top: -100px;
background-color:#000000;
}
</style>
<script type='text/javascript'>
function showContent(){
document.body.style.display = 'block';
document.getElementById("loader").style.display = 'none';
}
window.onload = showContent;
</script> 

E invece nel body semplicemete:

<div id="loader">[img]tuaimmaginedelpreload.gif[/img]</div>


Devi mettere come immagine una gif che simula il caricamento. Non so fare altro xD
Spero di esserti stato utile,

[Madsex]

Ti ringrazio per la risposta, purtroppo, il mio problema non è tanto il preload, quanto il far caricare dinamicamente l'iframe.Mi servirebbe un link sul quale metto un onclick="carica la pagina prova.html dentro al div pinco pallino".

Non so se ho reso l'idea in modo da far visualizzare in un determinato punto quella pagina formattata adhoc con il contenuto relativo al link!

Grazie in anticipo!

[simo22]

Allora, puoi mettere una cosa del tipo:

Vai a pingopallino.it

<iframe name="pingopallino" src="miapagina.it"></iframe>

[Madsex]

Forse ho fatto un bel po' di confusione, perchè non è quello che mi serve ma sembra quello che mi serve, devo essermi spiegato male e chiedo scusa per questo!

Vado di esempio facile facile.

Ho un link: Prova

<div id='contenitore'>
Qui stampo il contenuto della pagina "paginainternaalsito .html o php"
</div>

quindi se la pagina contiene "ciao" nel div contenitore uscirà ciao.

Questo con ajax è facilmente fattibile. Vorrei però aggiungere un preload a ogni pagina che poi andrò a richiamare perchè spesso tali pagine contengono query e ci mette un po' a caricarle.

Quindi in paginainternaalsito .html o php vorrei mettere un preload(magari jquery) che venga visualizzato fino al completamento degli script. Questo però non accade perchè mi viene sempre visualizzato direttamente il "risultato finale" e mai la formattazione css o il javascript nella pagina richiamata.

Lo so è contorto ma non so come spiegarlo piu semplicemente o chiaramente,scusate!

Grazie in anticipo!

[simo22]

Ora ho capito.
Comunque puoi usare
ajax.onreadystatechange = function()_....
E nella funzione fai in modo che il preload scompare quando ti serve.

[cavicchiandrea]

Oppure con jquery:
function carica(){
$("#contenitore").html('[img]miagifpreload[/img]');
$("#contenitore").load("miapaginasito.xxxx');
}
dovrebbe funzionare, puoi anche usare $.ajax al posto di .load

[Madsex]

Ua raga, mi avete aperto un mondo!

Grazie infinite!

Ho solo una piccola difficoltà ad implementare con ajax la cosa.Siccome, come detto in precedenza, le pagine esterne che vado a richiamare spesso sono in php e hanno delle query all'interno, come potre,oltre a richiamare quella pagina passare una variabile get o post che mi faccia eseguire delle query a seconda di tale variabile?

Cmq grazie infinite!

[simo22]

Se non ti vuoi complicare la vita metti dei get direttamente nell'url:
"www.miosito.it/php.php?query="+valore
Dove valore è la tua varoabile.