Обращение из iframe к элементу на родительской форме

18.11.2009

Если необходимо обратиться из iframe к родительскому окну и, например, передать в него какие-либо данные, то код ниже нам в этом поможет.

Файл с родительской формой и iframe: 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<iframe src="" width="200px" height="25px" 
name="myIframe" id="myIframe" scrolling="auto" frameborder=0></iframe>
<script  type="text/javascript">
  function f1()
  {
    var el1 = document.getElementById('myIframe');
    el1.src = 'iframe.php?id_name=form1';
  }
</script>

<form name="form1" id="form1" action="" method="post">
    <table border="1" cellpadding="0" cellspacing="0" width="100%" class="">
          <tr>
             <td>
                TEST
             </td>
          </tr>
    </table>
</form>
<br/>
<input type="button" value="Send" OnClick="f1();">

Код iframe файла: 
1
2
3
4
5
6
7
<?
  $id_name = isset($_REQUEST['id_name']) ? $_REQUEST['id_name'] : '';
?>
<script  type="text/javascript">
  var el1 = parent.document.getElementById('<? echo $id_name;?>');
  el1.innerHTML = '2222s';
</script>

Категории: JavaScript
Яндекс.Метрика