top


総投稿数 本 
no_

スポンサーサイト

 --------
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
カテゴリ :スポンサー広告 トラックバック(-) コメント(-)
no_1372

電子書籍 epub:印刷機能その1(印刷の際は、本文だけ印刷されある程度整形されること) ・・・ 【epub viewer を創ろ #13】

 2011-11-30
 電子書籍 epub viewer。今日も少しだけ作業。
やり残しを。

 ◆印刷機能(その1)
  まずは、
  無駄なところが無いよう、印刷しなくてはならない。
   電子書籍 epub viewer 無駄なところが無いよう、印刷しなくてはならない
  これじゃぁね。


  詳しくは、追記に  ▼

more

************************************************
◎ 印刷機能その1
(印刷の際は、本文だけ印刷されある程度整形されること)
              :epub viewer を創ろ

************************************************


print用cssファイルの準備


 cssが普及してこのあたり、本当に楽になりましたよね。
 はるか昔(?)、cssファイル利用なんてことしないで、
 HTMLアプリを受託作成したことがありました。
 ・大手 K●EI からの javascriptゲームの依頼でした。
  印刷に関して非常に苦労したの覚えています。
  javascriptで整形してプリントしてましたから・・・
  media='print' にしてもうまく機能しなかったこともあったなぁ。
  (遠い目)

 ・・・さて。今や簡単。まず、印刷用cssファイルを用意して、その中に
@charset "UTF-8";

/*  ======= print only ======== */
.print_ng{ display:none; }
.print_ng_inline{ display:none; }
として、印刷のときにはずす
 ブロック用、インライン用の記述を。
 次に、これより先に読み込ませる media='all' のcssファイルでは、
/* --------------------------------- */
/* for print */
/* --------------------------------- */
.print_ng{ display:block; }
.print_ng_inline{ display:inline; }
 ・・・こうしておいて。

ヘッダ廻りを 印刷ときに排除


 ヘッダ廻りのボタンやメッセージ 目障りですね。
 ここの該当するところに、class="print_ng" などを設定。
   電子書籍 epub viewer ヘッダ廻りのボタンやメッセージ 目障りですね
     ▼
   電子書籍 epub viewer こうなりますね
  こうなりますね。

  これでOK・・・・じゃないでしょう。
  印刷しておいて、このタイトルではねぇ。


タイトル廻りを 適切に書き換える


 タイミングは2回ですね。
 1:epub ファイルを [表示]ボタンで読み込んだとき。
// title書換え
if((document.title) &&(thistitle != '')){
document.title = thistitle;
}
 読み込んだときタイトル、画像ではalt をpublic変数に
 入れているので、それに置換。
 2:目次から 各ページをクリックしたときは、
  文書タイトルと合わせて、
// title書換え
if((document.title) &&(strtitle != '')){
document.title = strtitle;
if(thistitle != ''){ document.title += " | " + thistitle; }
}
 こうですね。

 これで、
   電子書籍 epub viewer タイトル廻りを 適切に書き換える
     ▼
   電子書籍 epub viewer タイトル廻りを こうなりますね
   電子書籍 epub viewer タイトル廻りを こうなりますね
  こうなりますね。
  印刷すれば・・・
   電子書籍 epub viewer タイトル廻り印刷すれば・・・
  OK。


最後に目次部分をはずして・・・


   電子書籍 epub viewer 最後に目次部分をはずして・・・
  OK。

 さて、なぜ? "その1" か。
 それは このように 1ページづつしか印刷できないのでは
 ビュワァーとしては、失格でしょうね。
 やはり、続けて印刷できないと。
 このあたりは、javascriptの力お借りすることになるんでしょうね。
 次回。

commentsコメント
comment_post












管理者にだけ表示を許可する
commentトラックバック
トラックバックURL:
http://metaboy.blog23.fc2.com/tb.php/1372-a95942c5
ようこそ
Add to Google 創るmetaboy:RSSフィード
My Yahoo!に追加
最新記事のRSS | 問い合わせ

仕事検索、アルバイト検索、依頼仕事の検索ポータル - 仕事検索.COM - www.jobkensaku.com ツクルン

創るmetaboy - WEB創る、サイト創る、何創る - 創ったmetaboy

 

リンク集

 

最近の記事

 

ブロとも申請フォーム
Sponserd by

さくらのレンタルサーバ さくらのレンタルサーバ
大容量・高機能レンタルサーバー heteml 大容量・高機能レンタルサーバー heteml
XREA (ValueDomain)
お名前.com お名前.com
名づけてねっと名づけてねっと
ムームードメインムームードメイン

 

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。