.Net MVC 3.0 Web アプリケーションを開発しています。このように請求書の詳細を表示しなければならない部分があります。
右上隅で、印刷、PDF、クリップボードへのコピー機能を提供する必要があります。
上記の機能を備えた 3 つのボタンを追加する方法。私を助けてください......
前もって感謝します.....！！！
注：（この部分は後で追加しました）。全ページあります。ただし、このプレビュー請求書は、div タグでラップされたページの一部にすぎません。ページ全体を印刷したくありません。請求書の div タグだけに 3 つのボタンを付けたいだけです。ありがとう ：）
pdf = 単に PDF の URL (または PDF を生成する URL) へのリンク
print = 何を印刷していますか? PDF？もしそうなら、これは冗長です。PDF をクリックするだけでそこから印刷できるからです。ウェブページを印刷するためですか？繰り返しになりますが、Web ブラウザーには既に印刷機能があるため、冗長です。
クリップボードにコピー = クリップボードに何をコピーしていますか? 今のところ、これは Flash を介してのみ実現できますが、将来的にはまったく実現できなくなる可能性があります。この質問の回答には、いくつかのオプションがリストされています: JavaScript でクリップボードにコピーするにはどうすればよいですか?
要するに、あなたが提供した画像は、Web ページの仕組みを理解していない IA または UX 担当者によって作成されたワイヤーフレームのようです。珍しいことではありませんが、実際にはこれは UX の問題であり、開発の問題ではありません。この問題は、まず UX チームが対処する必要があります。
質問の更新に基づく更新:
特定の div のコンテンツのみを処理したいという点に関しては、上記の PDF および COPY TO CLIPBOARD のコメントは引き続き有効です。
変更点は PRINT オプションです。これは面倒になる可能性があります。JS 経由で CSS を交換して、印刷したい部分だけを表示してから、JS 経由で印刷ダイアログをトリガーすることもできますが、それはやや面倒です。代わりに、PRINT アイコンを「PRINT FRIENDLY」アイコンにすることを検討したいと思います。それをクリックすると、印刷するコンテンツのみを表示するように CSS が更新されます。次に、ユーザーがブラウザーで PRINT 機能を使用できるようにするか、別の JS で印刷ダイアログをトリガーしてみてください (ただし、ブラウザーが JS からの直接印刷をサポートしている場所はわかりません)。