別のフォームからiframeで外部フォームを自動入力

Question

私の質問にあなたの親切な注意を向けたいと思います。トピックはこの投稿と似ているはずです。

列の1番は、CRMからurlで自動入力とGSheetにデータを注入されたCF7フォームがあります：WPのウェブサイトで

は、私は2つの列があります。

フォーム（私はたとえば、フォームを編集する方法が、ちょうどiframeのリンクを持っていないからデータを選択する必要があり、外部カレンダーツールで予約を予約をIFRAMEがあり

列N.2：

CRMのURLからも、フォームからのデータを「選ぶ」またはするには？あなたはそれが可能だと思うか、私は愚か者だのですか？あなたの助けを

感謝をこのリンクの可能性があります:)

Answer 1

iFramesとの間でデータをやり取りするには、JavaScriptのpostMessage()機能を使用する必要があります。

https://developer.mozilla.org/en-US/docs/Web/API/Window/postMessage

使用をWordPressのページのiFrameページで次に

// This will get the value of the input and send it to the iFrame on the fly 
$('#form-id input:not([type=submit])').each(function() { 
    var val = $(this).val(); 
    $(window).postMessage(val); 
}); 

上でこのような何か：

// Create browser compatible event handler. 
var eventMethod = window.addEventListener ? "addEventListener" : "attachEvent"; 
var eventer = window[eventMethod]; 
var messageEvent = eventMethod == "attachEvent" ? "onmessage" : "message"; 

// Listen for a message from the WP page 
eventer(messageEvent, function(e) { 
    if (e.data.length < 1) return; 

    // jQuery 
    $('#input-id').val(e.data); 

    // Pure JS 
    document.getElementById('input-id').setAttribute('value', e.data); 
}, false); 

異なるドメイン上のフォームには、私はこれがあると思い場合これを行うための唯一の方法です。