iframeã®é«˜ã•ã‚’JavaScriptã§è‡ªå‹•çš„ã«èª¿æ•´ã™ã‚‹æ–¹æ³•å®Ÿè£…方法ã®èª¬æ˜Ž ã“ã“ã§ã¯iframeã‚’èªã¿è¾¼ã‚€ãƒšãƒ¼ã‚¸ã‚’親フレームã€èªã¿è¾¼ã¾ã‚Œã‚‹ã»ã†ã‚’åフレームã¨å‘¼ã³ã¿ã¾ã™ã€‚下図ã®ã‚ˆã†ã«JavaScriptã®window.postMessage()メソッドを使ã£ã¦åフレームã‹ã‚‰è¦ªãƒ•ãƒ¬ãƒ¼ãƒ ã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®é«˜ã•ã‚’é€ä¿¡ã—ã¾ã™ã€‚ 親フレームã§é«˜ã•ã‚’å—ã‘å–ã£ã¦JavaScriptã§iframeã®é«˜ã•ã‚’調整ã—ã¾ã™ã€‚ シンプルã§ã™ã。 実ã¯ã€é•·å¹´ã“ã®è§£æ±ºç–ãŒè¦‹ã¤ã‘られãšã«å›°ã£ã¦ã„ãŸã‚“ã§ã™ãŒã€æ„外ã«ã‚‚シンプルã«è§£æ±ºã§ãã¦é©šãã¾ã—ãŸã€‚ã—ã‹ã—ã€ã“ã†ã„ã†è§£æ±ºç–ã£ã¦ãµã¨ã—ãŸã¨ãã«è¦‹ã¤ã‹ã‚‹ã‚‚ã‚“ã§ã™ã。 ソースコードã®èª¬æ˜Žã¨ãƒ‡ãƒ¢ ã¾ãšã¯ç°¡å˜ãªãƒ‡ãƒ¢ã‚’ã”覧ãã ã•ã„。 デモã§ã¯ä»¥ä¸‹ã‚’実装ã—ã¦ã„ã¾ã™ã€‚ åフレームã§ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®é«˜ã•ã‚’å–å¾— åフレームã‹ã‚‰postMessage()ã§ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®é«˜ã•ã‚’親フレームã«é€ä¿¡ 親フレームã§addEventListner()を使ã£ã¦ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã‚’å—ã‘å–ã‚‹ i
{{#tags}}- {{label}}
{{/tags}}