7

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

この印刷ボタンは、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>
4

4 に答える 4

9

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

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

于 2012-10-30T10:37:07.523 に答える
5

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

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

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

参考：こちらのURL

于 2015-02-19T10:10:11.570 に答える
1

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

于 2012-10-30T10:23:59.463 に答える