html - ユーザー入力をテキスト ボックスから取得し、別のウィンドウでプレビューするにはどうすればよいでしょうか?

Question

私は現在、ある会社で Web デザインの仕事をしていますが、解決できない問題に直面しました。

顧客が雇用主のサイトから何かを購入するとき、製品に表示されるテキストをカスタマイズする機会があります。ユーザーが入力したテキストをプルして別のウィンドウに表示する方法はありますか?

Answer 1

hereに記載されているように、新しいウィンドウを開いて、そこに必要な内容を書き込むことができます。

var w = window.open('', '', 'width=400,height=400,resizeable,scrollbars');
w.document.write('Content goes here');
w.document.close(); // needed for chrome and safari

ただし、ポップアップ ブロッカーには注意してください。そのためには、むしろ DIV または IFRAME を使用します。

プロジェクトに jQuery を含めて定義する

<div id="previewDiv"></div>

マークアップのどこかで、(テキスト フィールドに id があると仮定してtextField) 呼び出します

$('#preview').html($('#textField').val());