IFRAME – Impostare Scroll to TOP to Parent Page (domini diversi)

Se abbiamo una pagina (principale) che richiama in un IFRAME un dominio diverso .. per passare informazioni tra il Frame e la Pagina abbiamo bisogno di due parti di Javascript : una come trasmettitore e una come ricevitore.
Poniamo il caso che vogliamo richiedere uno “Scroll to Top” alla pagina principale in base a un determinato evento nel Iframe (es. click).
Questa parte di codice deve essere messa sulla pagina principale (teniamo presente che in questo codice non c’è un controllo di provenienza, che sarebbe bene implementare) :

<script>
window.addEventListener(“message”, receiveMessage, false);
function receiveMessage(event)
{
window.alert(“Testo2 del messaggio”);
if (event.data == “scrollTop”){
window.scrollTo(0,0);
}
}
</script>

questa parte invece deve essere impostata nel iframe (esempio)

<script>
function scrolla(){
//window.alert(“Testo del messaggio”);
window.parent.postMessage(“scrollTop”,”https://www.istitutodeglinnocenti.it”);
}</script>

<a href=”#” onclick=”javascript:scrolla();” >Vai</a>

è importante impostare bene il dominio della pagina “principale” che si andrà a richiamare.

iframe, iframe scroll to top, iframe scroll parent page, parent page scroll to top from iframe, iframe scroll parent