Cod: Selectaţi tot

<html>
<head>
<script type="text/javascript"><!--
// Stocheaza o valoare in variabila "var_ifr1", care va fi preluat de alta variabila din iframe-ul 2
var var_ifr1 = '<b>Val. variabila din iframe 1</b>';

// Functia modifica continutul DIV-ului "div_ifr1" cu ce primeste la parametru
// Va fi apelata din iframeul 2
function f_ifr1(txt) {
    document.getElementById('div_ifr1').innerHTML = txt;
}
//--></script>
</head>
<body>
IFRAME 1
Continut in BODY
<div id="div_ifr1">Continut div din iframe 1</div>
</body>
</html>

Cod: Selectaţi tot

<html>
<head></head>
<body>
IFRAME 2<br>

<script type="text/javascript"><!--
function f_ifr2(txt) {
    // Preia tot continutul BODY din iframe-ul "ifr1"
    var c_ifr1 = parent.ifr1.document.body.innerHTML;

    alert(c_ifr1);                 // Il afiseaza intr-o fereastra alert

    // Preia valoarea variabilei "var_ifr1", aflata in scriptul din iframe-ul "ifr1"
    var from_ifr1 = parent.ifr1.var_ifr1;

    // Afiseaza in DIV-ul "d_ifr2", din propriul cadru, valoarea preluata
    document.getElementById('d_ifr2').innerHTML = from_ifr1;

    // Apeleaza functia "f_ifr1", din primul iframe, transferandu-i si un parametru
    parent.ifr1.f_ifr1(txt);
}
//--></script>
<div id="d_ifr2"> </div>
<button onclick="f_ifr2('<b>Text modificat din iframe 2</b>')">Action iframe</button>
</body>
</html>

Cod: Selectaţi tot

Ultimul pas este crearea paginii parinte, "main.html", ce va contine si afisa cele doua IFrame-uri.
Cod main.html

Cod: Selectaţi tot

Pagina Principala

Primul iframe

IFRAME 1 Continut in BODY
Continut div din iframe 1

Al doilea iframe

IFRAME 2
Action FRAME