2011-09-11 11 views
1

私は珍しい設定をしています。まず、フレーム付きのページがあります。ドキュメントが完全に読み込まれないフレームのコンテンツにアクセスする

<html> 

<head> 

    <title>My Chat</title> 

</head> 

<frameset id="resize" rows="*,135"> 

    <frame name="Main" src="/chat/stream.pl"> 

    <frame name="Comm" src="/chat/realm.pl"> 

</frameset> 

</html> 

メインフレームには、サーバーから継続的にストリーミングされているコンテンツがあります。問題は、ブラウザがこれを、ページがロードされずにタイムアウトが発生しないように処理することです。ページには、このようなコンテンツがあります。

<table class="PSTPRI" cellspacing="3" cellpadding="2"> 

    <tr> 

    <td> 

    <IMG SRC="http://mysite.com/myimage.jpg" HEIGHT="470" WIDTH="550" ALIGN="left" BORDER="0"> 

    <!-HEAD--> lots of text for the post header <!-POST--> 

    <p><span style="font-size: 11px; color: #FFFFFF; font-family: Verdana;">the post text<BR></span></p> 

    </td> 

    </tr> 

    <!-- ...more content here, each post is a new TR --> 
</table> 

このコンテンツの画像にライブイベントをバインドできるようにします。注意点 - 私はフレームセットを含むページに割り当てているクロム拡張としてこれを作成しています。スクリプトは機能し、イベントを画像に添付するだけでよい。今のところ、添付するサンプルイベントがあります。

$('table.PSTPRI td img').live('click', function() { 
    alert('test'); 
}); 

問題はしかし、1)私が正しいコンテキストでイメージを選択する方法がわからないということです、そして2)私は、ドキュメントがこれまでにロードされていないことを前提に動作するようにセレクタを必要としますたとえオブジェクトが画面に表示されていても。

+0

+1誰downvotedしている理由はありませんので。 –

答えて

1

あなたの質問にはいくつかの詳細がありませんので、これがあなたが求める答えではない場合、私を許してください。

私はあなたの「フレーム付きページ」にいくつかのスクリプトを挿入しようとしていると思います。そうです場合は、次のよう は、すべてあなたがしなければならないcontent_scriptsセクションの下のmanifest.jsonを中に2つのプロパティを設定されている:

"content_scripts": [ 
    { 
     "matches": ["Match pattern for your page with frames"], 
     "js": ["main_script.js"], 
     "all_frames": true, 
     "run_at": "document_start" 
    }, 
    {...} 
    ] 

all_frames:コンテンツ・スクリプトは、すべてのフレームで実行するかどうかコントロールを 一致するページ、または上部フレームのみ。


run_at:コントロールのjsのファイルが注入されています。 "document_start"、 "document_end"、または "document_idle"にすることができます。デフォルトは "document_idle"です。

"document_start"の場合、ファイルはCSSからの ファイルの後に挿入されますが、他のDOMが構築される前に、またはその他の スクリプトが実行される前に挿入されます。

参考文献: http://code.google.com/chrome/extensions/content_scripts.html

関連する問題