Googleマップのiframe埋め込みをAMP化する方法
GoogleマップのiframeのAMP化 Googleマップで「地図を共有また埋め込む」メニューを選択すると 以下のようなiframe埋込タグが表示されます。 ここで取得したタグ自体はこんな感じです。 <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3241.7144503548398!2d139.69826945132047!3d35.659406330102236!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x60188b57f03a6d3f%3A0x1d01d35eef4bf7a!2z44OP44OB5YWs5YmN5bqD5aC0!5e0!3m2!1sja!2sjp!4v1478138974491" width="600" height=
jQueryで親ページからiframeのスクロールバーを非表示にする方法
jQueryで親ページからiframeのスクロールバーを非表示にする方法を紹介します。 １．問題点 次のようなiframeページがあるとします。 test.html <html> <head> <meta charset="utf-8" /> <title>test</title> </head> <body> <p>test<br /> test<br /> test<br /> test<br /> test<br /> test<br /> test<br /> test<br /> test<br /> test<br /> test<br /> test </p> </body> </html> このhtmlを親ページ <iframe id="test" src="test.html"></iframe> から読み込むと、下のスクリーンショットようにスクロールバーが表示されてしま
setIframeHeight - クロスドメインで動的に高さの変わるiframe設定を実現 MOONGIFT
Webは別ドメインのコンテンツになると途端にできることが制限されます。セキュリティのためには必要なのは分かりますが、そのために回避策があれこれと考えられてしまうのも問題な気はします。 今回はiframeです。別ドメインのiframe内コンテンツはその高さが取得できません。それをsetIframeHeightを使って回避しましょう。 setIframeHeightの使い方 setIframeHeightを使うためにはまずiframe側でスクロール属性をnoにします。 <iframe scrolling="no" src="..."></iframe> そしてJavaScriptを読み込みます。 <script src="dist/set-iframe-height-parent-min.js" async></script> 次にiframeの内側のコンテンツでJavaScriptを読み込み
親ページからiframe内の要素にCSSを適用させる方法
親ページからiframe内にCSSを適用させる方法を紹介します。 １．問題点 次のようなHTMLがあるとします。 index.html（親ページ） <iframe id="test" src="test.html"></iframe> test.html（iframeで呼び出すページ） <html> <head> <title>test</title> </head> <body> <p>test</p> </body> </html> で、iframe内に表示させるページのp要素にindex.htmlからcssを設定したいのですが、方法が分かりません。 ということで、親ページからiframe内の要素にCSSを適用させる方法を紹介します。 ネットで調べてみるとサンプルが色々出回っているのですが、情報が古かったり動作しないものが多かったので、このエントリーですぐに使えそうなものを作ってみまし
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
