2011-07-06 5 views
1

私は、データを含む多数のさまざまなテキストボックスを持つhtmlフォームを持っています。私はそのページの一番下にPrintというボタンがあります。今私はページ全体を印刷したくありません。そのボタンを押すと、特定のテキストボックスの値だけが紙に印刷されます。フォーム内のhtmlテキストボックスの値を印刷する

Javascriptが誰かが私に1箱の内容をプリントアウトするための基本的なコードを与えることができ、私は...

を探していたルートのですか?

一例下さい

** * ** * ** * ***EDIT* ** * ** * ** * ** * ***

私の質問にあまり言い表されていないようです。私がしたいのは、これらのhtml入力テキストボックスからデータを取得し、印刷ボタンを押して新しいページを印刷した後に新しいページにロードすることです。ボックスからそのデータを取得してポップアップページに貼り付ける方法を知りたい。

答えて

1

あなたのページのヘッダーに追加します。詳細についてはこちらを参照してくださいテキストボックスから離れて、すべてを隠しますview.cssのCSS。 print.cssで、スタイリングを追加して、紙に表示したい要素の書式設定/非表示/表示を行います。

+0

それについてはっきりと何が曖昧ですか? –

+0

+1素敵な答え、そして最も早い。 –

2

私はこれを印刷スタイルシートで行います。

不要な要素を非表示にして、それらを並べ替えることができます

@media print { 
    /* style sheet for print goes here */ 
} 

http://www.w3.org/TR/CSS2/media.html

+0

簡単な質問:私はまだそれをjavascriptとリンクしていますか、どこで私が望む/またはしたくないフィールドをリストしますか? – Musaab

+0

JavaScriptを必要としない@Daniel Gruszczykは、彼の答えで外部スタイルシートにリンクする方法について説明しています。それから、CSSルールを定義するだけのケースです - @ fin1teはその簡単な例を示しています。 – Town

2

あなたは、印刷スタイルシートを使用して、CSSでこれをacheiveすることができます。

<link rel="stylesheet" href="view.css" media="screen"/> 
<link rel="stylesheet" href="print.css" media="print"/> 

を今すぐあなたの標準を保つ:スタイルシートで

は、ちょうど

* { display: none } 

textarea { display: block } 

http://www.webcredible.co.uk/user-friendly-resources/css/print-stylesheet.shtml