web-dev-qa-db-ja.com

印刷されたページからURLを削除してテキストを印刷します

私はWebアプリケーションを開発しましたが、私のWebページには、一般的なヘッダー、フッター、メニュー、その他の画像を含むデータ表示がいくつかあります。そのため、ユーザーがデータのみを表示できるように、印刷プレビューとして小さなボタンを追加しました。ユーザーが印刷プレビューボタンをクリックした後、データはポップアップとして表示され、そのポップアップに、ユーザーがクリックしてそのページから印刷できるように、printというボタン呼び出しを追加しました。

この印刷ボタンは、onClickイベントでwindow.print（）を直接呼び出し、正常に機能しているので、印刷物を取得できます。

しかし、私の問題は、ボタンのキャプションである「印刷」テキストを見つけることができるその上に私の印刷されたページにあり、その上に何かであるURLを見つけることができますhttp://localhost/..............

印刷されたページからそれらの印刷テキストとURLを削除する方法はありますか。

どうもありがとう

これは、印刷プレビューボタンが行うことです。

function printPreView(reportCategory,reportType,transactionType,searchOption,customerRokaID,utilityCompany,fromDate,toDate,telcoName,bank){

var request = "selectedMenu="+reportCategory+"&loginStatus=success&criteria="+searchOption+"&customer="+customerRokaID+"&from="+fromDate+"&to="+toDate+"&nspTypes="+utilityCompany+"&trxTypes="+transactionType+"&options="+reportType+"&telcoTypes="+telcoName+"&bankTypes="+bank+"&printable=yes";


window.open ("report/showReport.action?"+request,null,"location=no,menubar=0,resizable=1,scrollbars=1,width=600,height=700");
}

これが私の印刷ボタンの配置方法です

 <form>

   <input type="button" value="Print" onClick="window.print() ">

 </form>
javascripthtmlcssjspprinting
7
Suranga

URL（および場合によってはページタイトル、ページ番号など）を含むヘッダーは、Webブラウザーによって自動的に追加されます。基本的に、設定はユーザーのみが変更できます。このトピックについて詳しく説明します その質問で

ボタン自体については、 その質問 で説明されているように、特定の印刷CSSを使用してボタンを非表示にすることができます。また、MMacdonaldが述べたように、この手法を他の要素にも使用できるため、ページを再レンダリングする必要はありません。ただし、プレビュー機能は失われます（ユーザーは引き続きブラウザの印刷プレビュー機能を使用できます）。

8
Pierre Henry

ブートストラップを使用している場合は、次のコードを見つけてください。

 @media print {
  ...
  a[href]:after {
    content: " (" attr(href) ")";
  }
  ...
}

スタイルをcontent：noneでオーバーライドすると、状況がうまく処理されます。

参照： このURL

3
Dhara Joshi

特注の「ページの印刷」ソリューションを作成する代わりに、 メディア依存のスタイルシート の使用を検討してください。

1
mtmacdonald

これは私にとって約1cmのマージンでうまくいきました

@page 
{
    size:  auto;   /* auto is the initial value */
    margin: 0mm;  /* this affects the margin in the printer settings */
}
html
{
    background-color: #FFFFFF; 
    margin: 0mm;  /* this affects the margin on the html before sending to printer */
}
body
{
    padding:30px; /* margin you want for the content */
}
0
afshin