ここから本文です

iframe内の文字列の検索

nao********さん

2011/9/1022:11:38

iframe内の文字列の検索

主体となるサイトの中にiframeを埋め込みました

主体のサイトからテキストフォームに文字を入力して
その入力した文字がiframe内で開いたhtmlの中の文章から探すには
どうすればよいでしょうか

iframe内にYahooという文字列がある場合
主体のサイトのフォームにYahooと入力して検索する事により
iframe内のYahooという文字が黄色の背景でチェックされるなど

閲覧数:
1,180
回答数:
1
お礼:
25枚

違反報告

ベストアンサーに選ばれた回答

saw********さん

2011/9/1111:07:04

IEでテストしてませんが100msごとにテキストフォームを
チェックして対象となる文字列の背景を黄色にしています。

メイン main.html
---------------------------------

<!doctype html>
<html>
<head>
<meta charset="utf8" />
</head>
<body>

<input type="text" value="" id="search" />
<br /><br />

<iframe src="frame.html" id="frame"></iframe>

<script>
( function() {
var frame = document.getElementById( 'frame' ).contentWindow,
search = document.getElementById( 'search' ),
value = '',
sTag = '<span style="background:yellow">',
eTag = '</span>',
hoge,
text;

frame.onload = function() {
hoge = frame.document.getElementById( 'hoge' );
text = hoge.innerHTML;
};

( function() {
setTimeout( arguments.callee, 100 );

if ( !hoge ) { return; }

if ( value != search.value ) {

value = search.value;

hoge.innerHTML = text.split( value ).join( sTag + value + eTag );
}
} )();

} )();
</script>
</body>
</html>

---------------------
iframe側
frame.html
---------------------
<!doctype html>
<html>
<head>
<meta charset="utf8" />
</head>
<body>
<div id="hoge">
aiueoYahooaiueo
</div>
</body>
</html>

質問した人からのコメント

2011/9/11 11:49:44

完璧です!!ありがとうございました

みんなで作る知恵袋 悩みや疑問、なんでも気軽にきいちゃおう!

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問は選択されたID/ニックネームのMy知恵袋で確認できます。

不適切な投稿でないことを報告しました。

閉じる