s-hiroshi/index.html

## index.html
<!DOCTYPE html>
<html lang="ja">
    <head>
        <meta charset="utf-8">
        <title>インラインフレームのテスト</title>
    </head>
    <body>
        <iframe width="200" id="frame" height="150" src="sample.html">
            テスト
        </iframe>
    </body>
</html>

## main.js
jQuery(function($) {
    var frame = document.getElementById('frame');
    // frameがドキュメントの読み込みを完了してからfram内要素の処理を行うためonloadイベント使う。
    frame.onload = function() {
        var form = frame.contentWindow.document.getElementById('form');
        var submit = (function(elem) {
            return function() {
                window.alert('Frame Test');
                return false;
            };
        }(form));
        form.onsubmit = submit;
    };
});

## sample.html
<!DOCTYPE html>
<html lang="ja">
<head>
    <title>インライン</title>
</head>
<body>
<form id="form" action="#" method="POST">
    <input type="submit" value="アラート">
</form>
</body>
</html>
	<!DOCTYPE html>
	<html lang="ja">
	<head>
	<meta charset="utf-8">
	<title>インラインフレームのテスト</title>
	</head>
	<body>
	<iframe width="200" id="frame" height="150" src="sample.html">
	テスト
	</iframe>
	</body>
	</html>
	jQuery(function($) {
	var frame = document.getElementById('frame');
	// frameがドキュメントの読み込みを完了してからfram内要素の処理を行うためonloadイベント使う。
	frame.onload = function() {
	var form = frame.contentWindow.document.getElementById('form');
	var submit = (function(elem) {
	return function() {
	window.alert('Frame Test');
	return false;
	};
	}(form));
	form.onsubmit = submit;
	};
	});