スケルトンハウス‐きまぐれCafe

生活とビジネス

そのときの思いや状況で、いろいろなことを話し合ってきた喫茶店。きまぐれに、思いつくままに・・・

印刷ボタンを付ける/HPBでWebページ作成

2013-09-28 08:47:07 | デジタル・インターネット

  ブラウザの印刷機能である、「ファイル(F)「印刷(P)」の操作をしなくても、ページ内に印刷ボタンを設置して印刷できるようにしようと思いました。



21_insatsubotanb



<方法1>

1.
HTMLに“印刷ボタン画像(別途作成しておく)”もしくは「印刷」文字列を追加する。



22_html01



2.〔印刷ボタン〕画像もしくは「印刷」文字列にリンクを挿入する。



23_prink01



3.「リンクの挿入(L)」をクリックして表示される「属性」画面の「ファイル名(N)」に「javascriput:print();」と入れ、〔OK〕ボタンをクリック



24_rinksetei



4.プレビュー画面で実行すると、印刷ウィザードが表示される



25_pwizard




<方法2>

  画像や文字列にprintのスクリプトへのリンクを挿入せず、〔印刷ボタン〕を付けるには、HTMLに以下の通りボタンの挿入と印刷スクリプトを記述する。

 

    <input type="button" value="印刷"
    onclick="window.print();">

HTMLソースと編集画面>ボタンが作成されている。



31_html







  • X
  • Facebookでシェアする
  • はてなブックマークに追加する
  • LINEでシェアする