Autore: Fabio Di Matteo
Ultima revisione: 30/10/2013
Con jquery è possibile manipolare anche gli oggetti del dom di una pagina contenuta dentro un iframe , direttamente dalla pagina genitrice. Ecco come:
<script> $(function() { $("#myIframe").bind("load",function(){ $(this).contents().find("p").css('background-color', 'red'); $(this).contents().find("p").append(' - Aggiunto dal genitore!'); }); }); </script>
In questo caso aggiungiamo all'oggetto <p> che si trova nella pagina visualizzata dentro l'iframe prima una regola css per colorare lo sfondo rosso e poi altro testo. Funziona soltato se la pagina caricata dentro l'iframe e la genitrice risiedono nello stesso dominio, oppure in locale .