Preluare si modificare continut dintr-un iFrame

[MArian]

In acest tutorial este prezentat modul de preluarea si modificare a continutului unui IFRAME, din pagina principala, folosind JavaScript.
Este important de mentionat ca pagina care este inclusa in IFrame trebuie sa se afle pe acelasi server cu pagina principala, altfel nu va fubnctiona din motive de securitate.

Trecand direct la subiect, pentru a prelua si modifica continutul dintr-un IFrame, se poate folosi proprietatea ""contentWindow, aceasta returneaza obiectul "window" al unui frame sau iframe specificat.
Iata un exemplu din care se poate intelege modul de aplicare al acestei proprietati.

1. Cream intai un fisier "ifr.htm" ce va contine codul HTML al paginii ce va fi afisata in IFrame.
Cod ifr.htm

Code:

Pagina iframe

Continut din IFrame.
Continuare continut ...

2. Definim si pagina principala, de exemplu "main.html" (in acelasi director pe server), in care scriem codul penru includerea IRame-ului si scriptul JavaScript care va prelua si modifica continutul din IFrame.
- Explicatiile necesare le gasiti in codul script-ului.
Cod main.html

Code:

Pagina principala


function get_iframe(ifr_id) {
     // Preia obiectul ce face referire la iframe, dupa id-ul acestuia
     var myIFrame = document.getElementById(ifr_id);

     // Se aplica proprietatea "contentWindow" la obiectul-ul iframe-ului
     // Astfel se preia fereastra acestuia si cu celelalte proprietati continutul din el
     var content = myIFrame.contentWindow.document.body.innerHTML;

alert("Content: \n" + content);                 // Afiseaza o fereastra Alert cu datele preluate

     // Se defineste un text HTML nou care va inlocui continutul din iframe
     content = 'Text adaugat prin JavaScript, din pagina principala';

     // Se aplica modificarea continutului
     myIFrame.contentWindow.document.body.innerHTML = content;
}


Pagina principala
Preia /Modifica IFrame

[IN LOVE]

Multumim frumos mai asteptam si altele !