タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
はじめに iframe表示部分のクリックイベントを取得するという記事で、iframe内のイベントをiframeのcontentWindowに対しaddEventlistenerを登録して親ページで取得する方法を紹介しました。 この記事ではpostMessageを利用してiframeと親ページ間でやり取りする方法を紹介します。 この記事の対象者 ページに埋め込んだiframe要素から情報を取得したい ページに埋め込んだiframe要素と親ページ間で相互間のデータ送受信を行いたい ページにiframe埋め込みをする前提のページを作成して、イベント発生時に親ページに情報を渡したい iframeと親ページ間のデータ送受信 postMessageを利用した送受信の方法 子ページ データを親ページに送信する場合 window.parent.postMessage(message, targetOrig
ResizeObserverとpostMessageを使ってクロスドメイン間でコンテンツの高さを同期する - ロカオプ技術ブログ
はじめに ロカオプの縣です。一番好きなJavaScriptの関数はpostMessageです！ ちょい前にiframeでの埋め込みでスクロールバーを出さずにピッタリの高さに中身とiframeの高さを同期が必要な要件がありました。 その際にResizeObserverとpostMessageを使ってうまく実装ができたので、その方法をご紹介します。 iframeの高さ調整問題とは？ iframeの高さ調整問題 ここでは便宜的に以下のように呼びます。 親ページ(https://parent.example.com/parent.html)：iframeを使って他のページを埋め込む側のページ 子ページ(https://child.example.com/child.html)：iframe内で表示されるページ 上記の場合、子ページの高さが可変の場合、iframeの高さを決め打ちで設定していると縦方
仕事での話ですが、とある画面からロードしたiframeと呼び出し元との間で、イベントをやり取りしたいケースがありました。 これがなかなかに上手く行かなかったので、最終的にどう解決したのか共有します。 イベントのやり取りが出来なかった理由 クロスドメインの制約に引っかかったからです。 原因はiframeの呼び出し元画面と、iframe側のドメインが異なることにありました。 サブドメイン（aa.example.comとbb.example.com）間だったのですが、それでもダメでした。 stackoverflow.com Window.postMessage() 最終的に行き着いたのが、window.postMessage() です。 MDNの解説を読むと、オリジン間通信を可能にすると記されています。 window.postMessage() は、 Window オブジェクト間で安全にオリジン
Youtubeで Failed to execute ‘postMessage’ on ‘DOMWindow’: が止まらない – hirokonaBlog
Youtubeで Failed to execute ‘postMessage’ on ‘DOMWindow’: が止まらない なんじゃこりゃ Failed to execute ‘postMessage’ on ‘DOMWindow’: The target origin provided (‘https://www.youtube.com’) does not match the recipient window’s origin (‘http://sample.com’). 去年は普通に動いていたはずのサイトで、上記のエラーが出ているので調べた。 結局今の所、１）放置２）気持ち悪いけど対処する、の２択 <script src="https://www.youtube.com/iframe_api"></script> をサイトに読み込ませればいいが、JavascriptIframeA
この記事でわかること slack apiのchat.postMessageで使える便利な機能 メンションをつける スレッドに返信する メッセージを共有する Button付きメッセージのボタンを押した後に、元メッセージを書き換える←いずれ書きます この記事ではわからないこと slack apiの基本的な使い方 slack apiのtokenなどの設定が知りたい方は別の記事を参照してください。 プレーンなchat.postMessage ただメッセージを送るだけならこれだけでできる。 サンプルコードはpython from slackclient import SlackClient sc = SlackClient("xoxp-********************************") "chat.postMessage", channel="#general", text="送信
はじめに こんにちは。HRBrainでオウンドメディアやランディングページの開発を担当している渡邉です。 SalesforceなどのMAツール製のiframeフォームをウェブサイトに埋め込むことがあります。 この記事では、ウェブサイトとiframeが異なるドメインの場合に、iframeからウェブサイトにデータを受け渡す方法について解説しています。 ▼ HRBrainサービスサイトにおけるiframeフォームの事例 クロスオリジンでのiframe操作の制限 iframeとウェブサイトが異なるドメインに存在している場合、ウェブサイトからiframe内の要素に直接アクセスすることができません。 ウェブサイトのURL： example.com iframeのURL： example.net これは、「同一オリジンポリシー」により、セキュリティの観点から、オリジンが異なるページへのアクセスは制限を受
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
iframeと親ページ間でpostMessageを利用してデータ送受信を行う - Qiita
JavaScriptでiframeとやりとりするためにpostMessageを使う - このすみノート
slackのchat.postMessageを使いこなす - Qiita
postMessageを使ってクロスオリジンなiframeからデータを受け取る - Qiita
2-9-9.com
news.yahoo.co.jp
toshixxx.hatenadiary.jp
panashinoorei.com
2-9-9.com
tokyo.mutek.org