a) 次のような html ページがあります。
<html>
<head>
<title>Page Title</title>
</head>
<script type="text/javascript">
document.write('<FRAMESET cols="*, 300" border="0">');
document.write('<FRAME src="http://www.my-website.com" id="inner" name="inner" />');
document.write('<FRAME src="http://www.third-party-website" id="chatframe" name="chatframe" />');
document.write('<NOFRAMES><P>You must have a frames compatible browser to use Activa Live Chat</P></NOFRAMES>');
document.write('</FRAMESET>');
</script>
</html>
my-website.com フレームは、私が完全にアクセスできる Web サイトであり、 third-party-website.com は、アクセスできない Web サイトです (これはチャット ソフトウェアです)。
b) 通常、チャットはポップアップで開きますが、ページの右側のフレームで開くようにしました。
c) チャット フレームには、チャット セッションを終了する「閉じる」リンクがあります。その周りにdivがあります:
<div class="close" id="close-chat">
d) 「閉じる」リンクがクリックされたときに、チャット フレームを閉じる、つまり「my-website.com」にリダイレクトするという追加の動作が必要です。
jQuery .bind() を使用してクリック機能を #close div に追加しようとしましたが、成功しませんでした。
興味のある方、参考になれば幸いです!