postMessageの検索結果1 - 4 件 / 4件

• あとで読む

  iframeと親ページ間でpostMessageを利用してデータ送受信を行う - Qiita

  • 4 users
  • qiita.com/manzoku_bukuro
  • テクノロジー
  • 2022/12/07

  はじめに iframe表示部分のクリックイベントを取得するという記事で、iframe内のイベントをiframeのcontentWindowに対しaddEventlistenerを登録して親ページで取得する方法を紹介しました。 この記事ではpostMessageを利用してiframeと親ページ間でやり取りする方法を紹介します。 この記事の対象者 ページに埋め込んだiframe要素から情報を取得したい ページに埋め込んだiframe要素と親ページ間で相互間のデータ送受信を行いたい ページにiframe埋め込みをする前提のページを作成して、イベント発生時に親ページに情報を渡したい iframeと親ページ間のデータ送受信 postMessageを利用した送受信の方法 子ページ データを親ページに送信する場合 window.parent.postMessage(message, targetOrig

  
• あとで読む

  ResizeObserverとpostMessageを使ってクロスドメイン間でコンテンツの高さを同期する - ロカオプ技術ブログ

  • 4 users
  • tech.locaop.jp
  • テクノロジー
  • 2023/07/07

  はじめに ロカオプの縣です。一番好きなJavaScriptの関数はpostMessageです！ ちょい前にiframeでの埋め込みでスクロールバーを出さずにピッタリの高さに中身とiframeの高さを同期が必要な要件がありました。 その際にResizeObserverとpostMessageを使ってうまく実装ができたので、その方法をご紹介します。 iframeの高さ調整問題とは？ iframeの高さ調整問題 ここでは便宜的に以下のように呼びます。 親ページ(https://parent.example.com/parent.html)：iframeを使って他のページを埋め込む側のページ 子ページ(https://child.example.com/child.html)：iframe内で表示されるページ 上記の場合、子ページの高さが可変の場合、iframeの高さを決め打ちで設定していると縦方

  
• あとで読む

  Youtubeで Failed to execute ‘postMessage’ on ‘DOMWindow’: が止まらない – hirokonaBlog

  • 3 users
  • hirokonakahara.com
  • 暮らし
  • 2020/10/15

  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のchat.postMessageを使いこなす - Qiita

  • 3 users
  • qiita.com/0ba
  • テクノロジー
  • 2022/08/04

  この記事でわかること 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="送信