0

セットアップは、ユーザーがページに到着したときに、確認する前のフォームに入力したページに情報が表示されるようにすることです。また、ページには 3 つのオプションがリストされたフォームがあり、各オプションのチェックボックスと、フォームの下部に「印刷」というボタンがあります。

ユーザーがレビューしているページの上部にある情報は、表示が非表示の div で囲まれた 3 文字にも適用されます。各チェックボックスは、隠し文字の 1 つを表します。たとえば、letter1、letter2、letter3 とします。

したがって、3 つの文字のそれぞれにチェックボックスがあり、クリックするとページ全体を印刷する送信ボタンがあり、印刷ボタンがクリックされたときに選択した文字の各 div にクラスを適用するフォームが必要です。したがって、print.css は、このクラスが適用された div のみを出力します。できれば、javascript または jquery を使用してこれらすべてを実行したいと思いますが、実際には簡単な方法であれば何でも構いません。

そのすべての助けに感謝します!

<form action="" id="letterPrint">

<input type="checkbox" name="letter1" value="letter1" /> Letter 1

<input type="checkbox" name="letter2" value="letter2" /> Letter 2

<input type="checkbox" name="letter3" value="letter3" /> Letter 3

<input type="submit" value="print" />

</form>

これが今までの私のフォームです。

4

2 に答える 2

0

まず、印刷スタイル シートを追加する場合、特定の div へのクラスは必要ありません。次のコードは、ページが印刷されるときに印刷 css を受け取り、それをページに適用してから印刷するようにします。

<link rel="stylesheet" type="text/css" href="path/to/screen.css" media="screen" />

<link rel="stylesheet" type="text/css" href="path/to/print.css" media="print"/>

自動的に印刷することは、思ったよりも難しいことです。ただし、このコードを使用して印刷ボックスを表示できます

if (window.print) {
    window.print();
}

データをプリンタに送信するために必要な印刷情報はオペレーティング システム上にあるため、ページをプリンタに直接送信して印刷することはできません。JavaScript はブラウザとのみ対話します。

于 2011-01-28T19:41:58.123 に答える
0

これはあなたが探しているものですか?

于 2011-01-28T19:50:16.733 に答える