RISOLTO Eseguire funzione js su pagina che ospita l'iframe

hddsfortuna · 21 Giugno 2016

Ciao a tutti,

io ho una pagina a.htm che ha all'interno un iframe che chiama alla pagina b.htm.

Nella pagina a.htm ho definito una funzione in js chiamata aprielenco(), ma voglio chiamarla da b.htm, che è la pagina contenuta nell'iframe di a.htm.

Come faccio?

Grazie

Mursey · 21 Giugno 2016

Gli iFrame sono ambienti chiusi e per sicurezza non possono interagire.

Un modo per fare quello che chiedi e' mandando messaggi tramite la sendMessage, il codice su b manda un messaggio ad a che esegue il codice js che contiene.

hddsfortuna · 21 Giugno 2016

Mursey ha detto:
Gli iFrame sono ambienti chiusi e per sicurezza non possono interagire.

Però io dalla pagina b.htm se eseguo window.top.location = 'destinazione' mi porta alla pagina che specifico.

Mursey ha detto:
Un modo per fare quello che chiedi e' mandando messaggi tramite la sendMessage, il codice su b manda un messaggio ad a che esegue il codice js che contiene.

E mi potresti far vedere come si fa?

Grazie

Mursey · 21 Giugno 2016

hddsfortuna ha detto:
E mi potresti far vedere come si fa?

Scusami, si deve usare la postMessage
https://www.viget.com/articles/using-javascript-postmessage-to-talk-to-iframes

hddsfortuna · 21 Giugno 2016

Mursey ha detto:
Scusami, si deve usare la postMessage
https://www.viget.com/articles/using-javascript-postmessage-to-talk-to-iframes

Purtroppo non ne capisco tanto di ciò che sta scritto in quella pagina.

Potresti farmi vedere come eseguo su a.htm la funzione aprielenco() di js chiamandola da b.htm?

Grazie

Mursey · 21 Giugno 2016

Ti sto preparando un esempio pero' specifico una cosa, la funzione aprielenco() puo' essere invocata da b ma agira' sempre su a.
Vuoi che agisca su b ? Se e' così la cosa e' piu' complessa e ci devo riflettere un po'...

- - - Updated - - -

a.html

Codice:

<html>
   <head>
      <title>a</title>
   <script>
       function aprielenco() {
          alert('aprielenco() eseguita');
       }
       function respondToMessage(e) {
          if (e.data === 'execute') {
             aprielenco();
          }
       }
       window.addEventListener('message', respondToMessage, false); 
   </script>
   </head>
   <body style="background-color:blue">
      <iframe src="b.html"></iframe>
   </body>
</html>

b.html

Codice:

<html>
   <head>
      <title>b</title>
   <script>
       function esegui() {
          parent.postMessage('execute', '*');
       }
   </script>
   </head>
   <body style="background-color:green">
   <input type="button" value='aprielenco()' onclick='esegui()' />
   </body>
</html>

testato e funzionante su IE11

hddsfortuna · 21 Giugno 2016

Io voglio che agisca su a.htm, l'ho provato e funziona.

Grazie

Cerca

RISOLTO Eseguire funzione js su pagina che ospita l'iframe

hddsfortuna

Utente Attivo

Mursey

Ospite

hddsfortuna

Utente Attivo

Mursey

Ospite

hddsfortuna

Utente Attivo

Mursey

Ospite

hddsfortuna

Utente Attivo

Entra