Colorboxをiframe内から親ページへ展開するときにつまずいた話
Colorboxをiframe内に設置して、そこから親ページへ展開する必要があったのでメモ。
参考:colorboxをiframe内から親ページに展開させる
おおむねは上記参考サイトの記述でOK。だけど、Colorboxのv1.3.19じゃないと動かない。
使い方
iframe内へは以下を記述
<script>
function callparent(url,ttl) {
parent.cbox(url,ttl);
}
</script>
<a href="javascript:callparent('URLを記述','タイトル')">リンク</a>
親ページに以下の記述を追加
<script>
function cbox(url,ttl) {
var href = url;
var title = ttl;
$.fn.colorbox({
width: "colorboxの横幅",
height: "colorboxの縦幅",
href:href,
title:title,
iframe: true,
scrolling: "auto"
});
}
</script>