..::Freemedialab::..

«Un buon posto per approfondire in piena libertà e condivisione la propria passione verso l'informatica.»

Questa pagina è in sola lettura. Puoi visualizzare il sorgente, ma non puoi modificarlo. Contatta l'amministratore se pensi che ci sia un errore.

====== Manipolare child del dom di un iframe ======
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:

<code javascript>
<script>

$(function() {
    $("#myIframe").bind("load",function(){
        $(this).contents().find("p").css('background-color', 'red');
        $(this).contents().find("p").append(' - Aggiunto dal genitore!');
    });
});

</script>
</code>

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** .

..::Freemedialab::.. «Un buon posto per approfondire in piena libertà e condivisione la propria passione verso l'informatica.»

..::Freemedialab::..

Strumenti Utente

Strumenti Sito

Strumenti Pagina

..::Freemedialab::..

«Un buon posto per approfondire in piena libertà e condivisione la propria passione verso l'informatica.»