iframeからcolorboxの呼び出し

質問

IEでのみエラーが起きていて、ハマってしまいました。
おかしな所などご指摘頂けると助かります。

トップページ内にiframeを読み込んでいます。
iframe内に設置した画像をクリックして、
トップページのcolorboxを呼び出して表示させています。

下記サイトを参考に、colorboxをiframe内から親ページに展開させる設定しています。
http://www.browncrown.net/blog/?p=2120

■top.html
・colorbox用のjquery、css等一式読込
・トップページ内の画像でも同じ画像を呼び出して表示させている→問題なし
・専用javascript記載
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
<script src="jquery.colorbox.js"></script>
<script>
function cbox(url,ttl){
var href = url;
var title = ttl;
$.fn.colorbox({
width: "500px",
height: "500px",
href:href,
title:title,
iframe: true,
scrolling: "auto"
});
}
</script>

■iframe.html
・galleryviewというギャラリーを使用して、バナーをスライドしている。
　その中の画像をクリックして、親（top.html）にcolorboxで画像を表示したい。
・専用javascript記載
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
<script>
function callparent(url,ttl){
parent.cbox(url,ttl);
}
</script>
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
・colorbox呼び出し
<a href="javascript:callparent('img/hoge.jpg','画像タイトル')"><img src="img/bnr.jpg" /></a>

この設定でIEでのみエラーが出てしまいます。。
他のブラウザでは問題なく表示されます。

エラー内容は下記になります。
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
このページは表示できません
• Web アドレス javascript:callparent('img/hoge.jpg' が正しいか確かめてください。
• 検索エンジンでそのページを探してください。
• 数分待ってから、ページを最新の情報に更新してください。

おかしな部分、ご指摘頂けると幸いです。

回答No.1

yambejp

ちょっと再現できる環境にないのですが

＞<a href="javascript:callparent('img/hoge.jpg','画像タイトル')">
の個所を

<a href="#" onclick="void(callparent('img/hoge.jpg','画像タイトル'));return false;">

的な書き方に変えてみてもダメでしょうか？

補足

早速のご教授ありがとうございました！

教えて頂いた内容でテストしてみましたがダメでした。
どうも【galleryview】というiframe.htmlで使用している
ライブラリーのjsのせいなのかどうかわかりませんが、
この設定で画像をクリックすると、iframe.htmlが別ウィンドウでもう1つ開いてしまいました。

IE以外は問題なく親側の関数を呼べるのに、、、困りました。。