うｰむ｡Google Forms を嵌めた iframe の高さは自動調整できんか[ｺﾝﾃﾝﾂ制作のこと]
(2014-05-29 14:54:20) by shinoda
問い合わせﾌｫｰﾑもちゃんと作るのが面倒だったので､Google Forms を使ってちゃっちゃと作った｡
組み込み用の iFrame 用のｿｰｽを吐いてくれるんで､それを
<iframe src="https://docs.google.com/forms/d/1Ql5Lqkq-＜略＞snmL1s4D0/viewform?embedded=true" width="320" height="1500" frameborder="0" marginheight="0" marginwidth="0">読み込み中...</iframe>
みたいに自分のﾍﾟｰｼﾞ内に貼り付けるわけだけど､iPhone 以外で見た時に幅､高さを最適化するように､
<iframe src="https://docs.google.com/forms/d/1Ql5Lqkq-＜略＞snmL1s4D0/viewform?embedded=true" width="100%" frameborder="0" marginheight="0" marginwidth="0">読み込み中...</iframe>
<script>
jQuery('iframe').iframeAutoHeight();
</script>
みたいにしてみた｡でも､
Uncaught SecurityError: Failed to read the 'contentDocument' property from 'HTMLIFrameElement': Blocked a frame with origin "http://ramen.nandf.jp" from accessing a frame with origin "https://docs.google.com". The frame requesting access has a protocol of "http", the frame being accessed has a protocol of "https". Protocols must match.
ってｴﾗｰになっちゃうな｡
これは http のｻｲﾄ内から https のｻｲﾄを iFrame ではめ込んでいるから出てる SecurityError だけど､ﾌﾟﾛﾄｺﾙを http に合わせても､
Uncaught SecurityError: Failed to read the 'contentDocument' property from 'HTMLIFrameElement': Blocked a frame with origin "http://ramen.nandf.jp" from accessing a frame with origin "http://www.exsample.co.jp". Protocols, domains, and ports must match.
ってなって駄目｡どっちみち SecurityError だ｡
ｸﾛｽﾄﾞﾒｲﾝ(親ﾍﾟｰｼﾞのﾄﾞﾒｲﾝと､iFrame 内のﾍﾟｰｼﾞのﾄﾞﾒｲﾝが違う)にはまだ対応してないんだなあ｡
jQuery のﾊﾞｰｼﾞｮﾝは 1.11.0 だから十分新しい｡いずれ対応するという話をずいぶん前に聞いたことあったけど､まだまだしてないってことなんだろう｡
動的にﾃﾞｻﾞｲﾝ変更したい場合は､Google Forms 使わずに自前でﾌｫｰﾑを書けってことだな｡
仕事で受注できたらそうしよう｡
取り敢えず､ﾃﾞﾓｻｲﾄは｢iPhone 限定｡他のｽﾏﾎで見るとﾚｲｱｳﾄ変かもよ｡ﾃﾞﾓなんでごめんちゃい｣で行くこととしよう｡
･･･と思ってたら､PC や Android じゃ駄目だったけど､iPhone だけは自動でいい感じに高さ調節できてるな(^^;
ま､iPhone だけじゃ､意味がないんだけどな(^^;
ｺﾒﾝﾄ投稿
次の記事へ >
< 前の記事へ
TOPへ戻る
Powered by
MT4i 3.0.8