| 1 |
<div id="viewer"> |
| 2 |
<div id="canvas"> |
| 3 |
<!-- dynamic image object here --> |
| 4 |
</div> |
| 5 |
|
| 6 |
<table class="tap_panel"><tbody> |
| 7 |
<tr height="15%"> |
| 8 |
<td class="tap tap_n tap_w tap_last" width="25%">最後の頁へ</td> |
| 9 |
<td class="tap tap_n tap_close_book" width="50%" rowspan="2">この本を閉じる</td> |
| 10 |
<td class="tap tap_n tap_e tap_first" width="25%">先頭の頁へ</td> |
| 11 |
</tr> |
| 12 |
<tr height="8%"> |
| 13 |
<td class="tap tap_w tap_next" rowspan="3">次の頁へ</td> |
| 14 |
<td class="tap tap_e tap_next" rowspan="3">次の頁へ</td> |
| 15 |
</tr> |
| 16 |
<tr> |
| 17 |
<td class="tap tap_show_menu1">メニューを開く</td> |
| 18 |
</tr> |
| 19 |
<tr height="8%"> |
| 20 |
<td class="tap tap_s tap_show_menu2" rowspan="2">簡易メニュー</td> |
| 21 |
</tr> |
| 22 |
<tr height="15%" align="center" valign="center"> |
| 23 |
<td class="tap tap_s tap_w tap_prev">前の頁へ</td> |
| 24 |
<td class="tap tap_s tap_e tap_prev">前の頁へ</td> |
| 25 |
</tr> |
| 26 |
</tbody></table> |
| 27 |
|
| 28 |
<div class="ui_panel" id="menu1"> |
| 29 |
<table id="menu1_head"><tbody> |
| 30 |
<tr> |
| 31 |
<td colspan="4"> |
| 32 |
<%= render(file:"ios7statusbar") %> |
| 33 |
<div id="menu1_vpath"></div> |
| 34 |
<div id="menu1_location"></div> |
| 35 |
</td> |
| 36 |
</tr> |
| 37 |
<tr> |
| 38 |
<td><div class="icon" id="cmd_last_page" style="margin: 2px auto 2px 2px;"></div></td> |
| 39 |
<td><div class="icon" id="cmd_close_book" style="margin: 2px auto;"></div></td> |
| 40 |
<td><div class="icon" id="cmd_close_menu" style="margin: 2px auto;"></div></td> |
| 41 |
<td><div class="icon" id="cmd_first_page" style="margin: 2px 2px 2px auto;"></div></td> |
| 42 |
</tr> |
| 43 |
</tbody></table> |
| 44 |
|
| 45 |
<ul id="menu1_cmds" class="scrollable"> |
| 46 |
</ul> |
| 47 |
|
| 48 |
<table id="menu1_foot"><tbody> |
| 49 |
<tr> |
| 50 |
<td colspan="5"> |
| 51 |
<div id="menu1_posbarbox"> |
| 52 |
<div id="menu1_posbar"></div> |
| 53 |
</div> |
| 54 |
<div id="menu1_pages_count"></div> |
| 55 |
</td> |
| 56 |
</tr> |
| 57 |
<tr> |
| 58 |
<td><div class="icon" id="cmd_next10" style="margin: 2px auto 2px 2px;"></div></td> |
| 59 |
<td><div class="icon" id="cmd_next" style="margin: 2px auto 2px 2px;"></div></td> |
| 60 |
<td><div class="icon" id="cmd_pagelist" style="margin: 2px auto;"></div></td> |
| 61 |
<td><div class="icon" id="cmd_prev" style="margin: 2px 2px 2px auto;"></div></td> |
| 62 |
<td><div class="icon" id="cmd_prev10" style="margin: 2px 2px 2px auto;"></div></td> |
| 63 |
</tr> |
| 64 |
</tbody></table> |
| 65 |
</div> |
| 66 |
|
| 67 |
<div id="pageinfo_panel" onclick="hide_pageinfo();"> |
| 68 |
<table><tbody><tr><td> |
| 69 |
<div id="pageinfo"></div> |
| 70 |
</td></tr></tbody></table> |
| 71 |
</div> |
| 72 |
|
| 73 |
<div id="notice"> |
| 74 |
<%= notice %> |
| 75 |
</div> |
| 76 |
|
| 77 |
<div id="notice2"> |
| 78 |
</div> |
| 79 |
</div> |
| 80 |
|
| 81 |
<%= render(file:"wait_circle") %> |
| 82 |
<%= render(file:"message_box") %> |
| 83 |
|
| 84 |
<%= content_tag("div", id:"Y", data: { |
| 85 |
uatype:session[:ua_type], |
| 86 |
vpath:@vpath.v, |
| 87 |
pagelist:@pagelist, |
| 88 |
location:@location, |
| 89 |
settings:@settings, |
| 90 |
}) {} %> |