index.html 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
  5. <meta http-equiv="Content-Language" content="ru">
  6. <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, target-densitydpi=device-dpi" />
  7. <meta name="description" content="áðàóçåðíàÿ îíëàéí-÷èòàëêà êíèã èç èíòåðíåòà">
  8. <meta name="keywords" content="îíëàéí,÷èòàëêà,êíèãè,÷èòàòü,áðàóçåð,èíòåðíåò">
  9. <title>Omni Reader - áðàóçåðíàÿ îíëàéí-÷èòàëêà</title>
  10. <link rel="icon" type="image/gif" href="js/bpricon.gif">
  11. <link rel="shortcut icon" type="image/gif" href="js/bpricon.gif">
  12. <link rel="stylesheet" type="text/css" media="screen" href="js/stylex.css">
  13. <script src="config/config.js" type="text/javascript"></script>
  14. <script src="js/bpr318.js" type="text/javascript"></script>
  15. <meta name="yandex-verification" content="be58752dfe93d304" />
  16. </head>
  17. <body onload="onLoa();">
  18. <div style="display: none;" id="loading">
  19. <img style="float:left;padding: 0; margin: 0" src="js/load.gif"></img>
  20. </div>
  21. <noscript>
  22. <div class="over">JavaScript disabled
  23. </div>
  24. </noscript>
  25. <hr id="fhr">
  26. <div id="win">
  27. <div id="header" class="header">
  28. </div>
  29. <!-- MAIN DIV -->
  30. <div id="main">
  31. </div>
  32. </div>
  33. <div class="podk" id="comm">
  34. <div style="background-color: rgb(34, 34, 0); color: rgb(235, 226, 201);" class="menuCross" id="mcross" onclick="menu();return false;">x
  35. </div>
  36. <br>
  37. <div style="text-decoration: underline; text-align: center"><span>ÌÅÍÞ</span></div>
  38. <div class="melem">
  39. <br>
  40. <a href="/?#" onclick="goTo();return false;">Íà ñòðàíèöó:&nbsp;</a>
  41. <b onmousedown="gpa=1;pageGoto(1);" onmouseup="gpa=0;" onmouseout="gpa=0;">&lt;</b>
  42. <input value="1" style="color: rgb(34, 34, 0);" id="pageGoto" size="3" maxlength="4" type="text" onkeydown="if (event.keyCode == 13) {goTo();return false;}">
  43. <b onmousedown="gpa=1;pageGoto(0);" onmouseup="gpa=0;" onmouseout="gpa=0;">&gt;</b>
  44. &nbsp;
  45. <a href="/?#" onclick="goTo();return false;">Ok</a>
  46. <br>
  47. <a href="/?#" onclick="return statusPanel();">Ïàíåëü ñòàòóñà(px):&nbsp;</a>
  48. <input style="color: rgb(34, 34, 0);" id="id_sp_size" size="3" maxlength="3" type="text" onkeydown="if (event.keyCode == 13) return statusPanel();">
  49. <a href="/?#" onclick="return statusPanel();">Ok</a>
  50. <br>
  51. <a href="/?#" onclick="return statusPanel();">Ñêðîëëèíã(ms):&nbsp;</a>
  52. <input style="color: rgb(34, 34, 0);" id="id_sc_int" size="3" maxlength="3" type="text" onkeydown="if (event.keyCode == 13) return scrollInterval();">
  53. <a href="/?#" onclick="return scrollInterval();">Ok</a>
  54. <br>
  55. <label>Ïîëîñà ïðîêðóòêè<input id="id_scroll" type="checkbox" onclick="return showScroll()"></label>
  56. <br>
  57. <label>Óïðàâëåíèå êëèêîì<input id="id_by_click" type="checkbox" onclick="return byClick()"></label>
  58. <br><br>
  59. <a href="/?#Íàñòðîèòü öâåò è øðèôò" onclick="colorMenu();return false;">Íàñòðîèòü öâåò è øðèôò</a>
  60. <br>
  61. <a href="/?#Ñïðàâêà" onclick="legend(1);return false;">Ñïðàâêà</a>
  62. <br>
  63. </div>
  64. </div>
  65. <div style="top: 172px; left: 423px" id="colorSelect">
  66. <div style="background-color: rgb(34, 34, 0); color: rgb(235, 226, 201);" class="colorCross" id="cross" onclick="colorClose(); return false;">x
  67. </div>
  68. <div class="colorImage" onclick="colorSet(); return false;">
  69. </div>
  70. <div style="border-color: rgb(136, 132, 100);" class="colorMenu">
  71. <div style="position:absolute;top:180px;left:0px;">
  72. <div onclick="colorFontTemp=1; setSelectedFontItem(); return false;" onmouseover="this.style.backgroundColor='#0FA';" onmouseout="this.style.background='none';">
  73. <span id="fontItemText">&nbsp;Òåêñò</span>
  74. </div>
  75. <input onchange="colorChange(1,this.value);" id="fcolor" size="8" maxlength="7" type="text" onkeydown="if (event.keyCode == 13) {colorChange(1,this.value);return false;}">
  76. <br>
  77. <div onclick="colorFontTemp=0; setSelectedFontItem(); return false;" onmouseover="this.style.backgroundColor='#0FA';" onmouseout="this.style.background='none';">
  78. <span id="fontItemBack">&nbsp;Ôîí</span>
  79. </div>
  80. <input onchange="colorChange(2,this.value);" id="bcolor" size="8" maxlength="7" type="text" onkeydown="if (event.keyCode == 13) {colorChange(2,this.value);return false;}">
  81. <br>
  82. <div>
  83. &nbsp;Ðàçìåð
  84. </div>
  85. <input onchange="colorChange(3,this.value);" id="fsize" size="8" maxlength="3" type="text" onkeydown="if (event.keyCode == 13) {colorChange(3,this.value);return false;}">
  86. <br>
  87. <div>
  88. &nbsp;Øðèôò
  89. </div>
  90. <select id="ffamily" onchange="gdb('ffamily2').value='';colorChange(4,this.value);">
  91. <option>Trebuchet Ms</option>
  92. <option>Serif</option>
  93. <option>Arial</option>
  94. <option>Times New Roman</option>
  95. <option>Sans-Serif</option>
  96. <option>Tahoma</option>
  97. <option>Verdana</option>
  98. <option>Lucida Sans Unicode</option>
  99. </select>
  100. <br>
  101. <div>
  102. &nbsp;Ñâîé
  103. </div>
  104. <input onchange="colorChange(4,this.value);" id="ffamily2" size="8" maxlength="70" type="text" onkeydown="if (event.keyCode == 13) {colorChange(4,this.value);return false;}">
  105. </div>
  106. <div class="colorExample" style="cursor: pointer; height: 24px; bottom: 0px; background-color: rgb(204, 238, 255); border-top: 2px solid rgb(136, 132, 100); line-height: 26px; border-color: rgb(136, 132, 100);" onmouseover="this.style.backgroundColor='#CFC';" onmouseout="this.style.backgroundColor='#CEF';" onclick="colorSubmit();">
  107. OK
  108. </div>
  109. <div id="clrdiv" class="colorExample" style="top: 78px; border-bottom: 2px solid rgb(136, 132, 100); color: rgb(34, 34, 0); background-color: rgb(235, 226, 201); border-color: rgb(136, 132, 100);overflow: hidden;">
  110. Ïðèìåð.
  111. </div>
  112. <div id="clrdiv2" class="colorExample" style="top: 0px; font-size: 21px; color: rgb(34, 34, 0); background-color: rgb(235, 226, 201);overflow: hidden;">
  113. Ðåçóëüòàò.
  114. </div>
  115. </div>
  116. </div>
  117. <div id="dop" style="display:none">
  118. <center>
  119. <br><h4><strong>Omni Reader - áðàóçåðíàÿ îíëàéí-÷èòàëêà.</strong></h4>
  120. <br>Äîáðî ïîæàëîâàòü!
  121. <br><br><br>
  122. <div class="addr">
  123. <div align="left" style="text-indent: 0">Àäðåñ êíèãè (URL):
  124. </div>
  125. <input class="book" id="book" style="width:70%" type="text" onkeydown="if (event.keyCode == 13) gdb('btnOk').click()">
  126. <input class="book" id="btnOk" value="ÎÊ" onclick="location.href=siteroot + '?url=' + gdb('book').value;" type="button">
  127. <div align="left" style="text-indent: 0;font-size: 12px;line-height:16px">
  128. <b><a href="http://samlib.ru/comment/b/bookpauk/bookpauk_reader" target="_blank">Êîììåíòèðîâàòü</a></b>
  129. </div>
  130. </div>
  131. <div id="id_add"></div>
  132. </center>
  133. <br><br><strong>Âîçìîæíîñòè ÷èòàëêè:</strong>
  134. <p>- çàãðóçêà ëþáîé ñòðàíèöû èíòåðíåòà
  135. <p>- ïîäêëþ÷åíèå ê èíòåðíåòó íå îáÿçàòåëüíî äëÿ ÷òåíèÿ êíèãè ïîñëå åå çàãðóçêè
  136. <p>- âîçìîæíîñòü èçìåíèòü öâåò ôîíà, òåêñòà, ðàçìåð è òèï øðèôòà, ðàçìåð ïàíåëè ñòàòóñà
  137. <p>- çàïîìèíàíèå òåêóùåé ïîçèöèè è íàñòðîåê â áðàóçåðå
  138. <p>- ïåðåõîä íà çàäàííóþ ñòðàíèöó
  139. <p>- ïëàâíûé ñêðîëëèíã òåêñòà
  140. <p>- óïðàâëåíèå êëèêîì äëÿ ñåíñîðíûõ ýêðàíîâ
  141. <p>- ðåãèñòðàöèÿ íå òðåáóåòñÿ
  142. <br><br> êà÷åñòâå URL ìîæíî çàäàâàòü html-ñòðàíè÷êó ñ êíèãîé, ëèáî ïðÿìóþ ññûëêó íà ôàéë èç îíëàéí-áèáëèîòåêè (íàïðèìåð, ñêîïèðîâàâ àäðåñ ññûëêè èëè êíîïêè "ñêà÷àòü fb2").
  143. Ïîääåðæèâàåìûå ôîðìàòû: <strong>html, txt, fb2, fb2.zip</strong>
  144. <br><br>Âû ìîæåòå äîáàâèòü â ñâîé áðàóçåð çàêëàäêó, óêàçàâ â åå ñâîéñòâàõ âìåñòî àäðåñà ñëåäóþùèé êîä:
  145. <br><p><strong>javascript:location.href='http://old.omnireader.ru/?url='+location.href;</strong>
  146. <br>Òîãäà, íàæàâ íà ïîëó÷èâøóþñÿ êíîïêó íà ëþáîé ñòðàíèöå èíòåðíåòà, âû àâòîìàòè÷åñêè îòêðîåòå åå â Omni Reader.
  147. <br><br>Äëÿ Chrome íà Android ìîæíî âûçûâàòü çàêëàäêó ïî åå èìåíè (èìÿ ñòîèò ñäåëàòü ïîïðîùå) â àäðåñíîé ñòðîêå áðàóçåðà, ïîñêîëüêó ñòàíäàðòíûé âûçîâ òàêîé çàêëàäêè íå ðàáîòàåò.
  148. <br><br>Êîëè÷åñòâî è íóìåðàöèÿ ñòðàíèö â ÷èòàëêå çàâèñèò îò ðàçìåðà îêíà áðàóçåðà.
  149. <br><br><strong>Ïîïóëÿðíûå ðåñóðñû ñ êíèãàìè è ýëåêòðîííûå áèáëèîòåêè:</strong>
  150. <br><p><a href="http://samlib.ru" target="_blank">samlib.ru</a>
  151. <br><p><a href="http://flibusta.is" target="_blank">flibusta.is</a>
  152. <br><p><a href="http://fantasy-worlds.org" target="_blank">fantasy-worlds.org</a>
  153. <br><p><a href="http://www.litmir.co" target="_blank">www.litmir.co</a>
  154. <br><p><a href="http://lib.ru" target="_blank">lib.ru</a>
  155. <br><br><strong>Ïðè íåîáõîäèìîñòè çàãðóçèòü ôàéë ñ ëîêàëüíîãî äèñêà â ÷èòàëêó</strong>, ìîæíî âîñïîëüçîâàòüñÿ îäíèì èç ôàéëîîáìåííûõ
  156. ñåðâèñîâ. Ðåêîìåíäóåìûå ôàéëîîáìåííèêè:
  157. <br><p><a href="http://fayloobmennik.cloud" target="_blank">fayloobmennik.cloud</a>
  158. <br><p><a href="http://zaix.ru" target="_blank">zaix.ru</a>
  159. <br><br>Ïîñëå çàãðóçêè ôàéëà íà îáìåííèê, ïðÿìóþ ññûëêó íà ôàéë íåîáõîäèìî ñêîïèðîâàòü â ïîëå "Àäðåñ êíèãè" (ñì. âûøå).
  160. <br><br><strong>Èçâåñòíûå ïðîáëåìû:</strong>
  161. <p>- ïðè èçìåíåíèè/ïðèìåíåíèè íàñòðîåê áûâàþò ñáîè èç-çà ìàñøòàáèðîâàíèÿ ñòðàíèöû. Ïîìîãàåò îáíîâëåíèå ñòðàíèöû â áðàóçåðå.
  162. </div>
  163. <div id="leg" onclick="legend();">
  164. <br>
  165. <b>Óïðàâëåíèå:</b>
  166. <p>M - ÌÅÍÞ
  167. <p>PgUp, Left, Shift+Space, Backspace - ñòðàíèöó íàçàä
  168. <p>PgDown, Right, Space, Enter - ñòðàíèöó âïåð¸ä
  169. <p>Home - â íà÷àëî êíèãè
  170. <p>End - â êîíåö êíèãè
  171. <p>Up - ñòðî÷êó íàçàä
  172. <p>Down - ñòðî÷êó âïåð¸ä
  173. <p>A, Shift+A - èçìåíèòü ðàçìåð øðèôòà
  174. <p>S - ïîêàçàòü/ñêðûòü ïîëîñó ïðîêðóòêè
  175. <p>T - âêëþ÷èòü/îòêëþ÷èòü óïðàâëåíèå êëèêîì
  176. <p>F, F11, ` (àïîñòðîô) - âêë./âûêë. ïîëíûé ýêðàí
  177. <p>Z, Shift+Down - ïëàâíûé ñêðîëëèíã òåêñòà
  178. <p>Shift+Left/Shift+Right - óâåëè÷èòü/óìåíüøèòü èíòåðâàë ñêðîëëèíãà
  179. <p>R - ïðèíóäèòåëüíî îáíîâèòü êíèãó â îáõîä êýøà
  180. <br><br><strong>Óïðàâëåíèå íà ñåíñîðíûõ ýêðàíàõ (êëèêîì):</strong>
  181. <p>PgUp-------Up------PgUp
  182. <p>PgDown---Menu---PgDown
  183. <p>PgDown---Down---PgDown
  184. <div id="top100">
  185. <div id="id_add2"></div>
  186. <br>
  187. <!-- Yandex.Metrika informer --><a href="https://metrika.yandex.ru/stat/?id=31398038&amp;from=informer"target="_blank" rel="nofollow"><img src="https://mc.yandex.ru/informer/31398038/3_1_FFFFFFFF_EFEFEFFF_0_pageviews"style="width:88px; height:31px; border:0;" alt="ßíäåêñ.Ìåòðèêà" title="ßíäåêñ.Ìåòðèêà: äàííûå çà ñåãîäíÿ (ïðîñìîòðû, âèçèòû è óíèêàëüíûå ïîñåòèòåëè)" onclick="try{Ya.Metrika.informer({i:this,id:31398038,lang:'ru'});return false}catch(e){}" /></a><!-- /Yandex.Metrika informer --> <!-- Yandex.Metrika counter --><script type="text/javascript"> (function (d, w, c) { (w[c] = w[c] || []).push(function() { try { w.yaCounter31398038 = new Ya.Metrika({ id:31398038, clickmap:true, trackLinks:true, accurateTrackBounce:true }); } catch(e) { } }); var n = d.getElementsByTagName("script")[0], s = d.createElement("script"), f = function () { n.parentNode.insertBefore(s, n); }; s.type = "text/javascript"; s.async = true; s.src = "https://mc.yandex.ru/metrika/watch.js"; if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); } })(document, window, "yandex_metrika_callbacks");</script><noscript><div><img src="https://mc.yandex.ru/watch/31398038" style="position:absolute; left:-9999px;" alt="" /></div></noscript><!-- /Yandex.Metrika counter -->
  188. </div>
  189. </div>
  190. <div id="footer" class="footer">
  191. <div id="id_lp" style="position: absolute; left: 0">
  192. <div id="bmain" class="page">
  193. <a href="/"><span title="Âåðíóòüñÿ íà ãëàâíóþ">&nbsp;&nbsp;&nbsp;&lt;&lt;&lt;&nbsp;&nbsp;</span></a>
  194. </div>
  195. <div class="page">&nbsp;&nbsp;&nbsp;
  196. </div>
  197. <div class="cpage" onclick="menu();return false;">
  198. <span title="M - ïîêàçàòü/ñêðûòü ìåíþ">ÌÅÍÞ</span>
  199. </div>
  200. <div class="page">&nbsp;&nbsp;&nbsp;
  201. </div>
  202. <div class="cpage" onclick="toggleFullScreen();return false;">
  203. <span title="F, F11, ` (àïîñòðîô) - âêë./âûêë. ïîëíûé ýêðàí">&lt;---&gt;</span>
  204. </div>
  205. <div class="page">&nbsp;&nbsp;&nbsp;
  206. </div>
  207. <div class="cpage" onclick="incFont(1);return false;">
  208. <span title="A - óâåëè÷èòü ðàçìåð øðèôòà">A+</span>
  209. </div>
  210. <div class="page">&nbsp;
  211. </div>
  212. <div class="cpage" onclick="incFont(-1);return false;">
  213. <span title="Shift+A - óìåíüøèòü ðàçìåð øðèôòà">A-</span>
  214. </div>
  215. <div class="page">&nbsp;&nbsp;
  216. </div>
  217. <div class="cpage" onclick="return toggleScroll();">
  218. <span title="Z, Shift+Down - âêë./âûêë. ïëàâíûé ñêðîëëèíã òåêñòà">$</span>
  219. </div>
  220. <div class="page">&nbsp;&nbsp;
  221. </div>
  222. <div id="reload" class="cpage" onclick="return reloadBook();">
  223. <span title="R - ïðèíóäèòåëüíî îáíîâèòü êíèãó â îáõîä êýøà">@</span>
  224. </div>
  225. <div class="page" style="width: 20px">&nbsp;
  226. </div>
  227. </div>
  228. <div id="orig" class="page">
  229. <a id="orig_href" href="" target="_blank">&nbsp;</a>
  230. </div>
  231. <div id="id_rp" style="position: absolute; right: 0">
  232. <div id="pageCount" class="page">
  233. <div onmousedown="pageMove(1);" onmouseout="pageMoveClear();" onmouseup="pageMoveClear();">&lt;&nbsp;
  234. </div>
  235. <div onclick="pageMoveShow();" style="visibility:visible;">1/1
  236. </div>
  237. <div onmousedown="pageMove(0); " onmouseout="pageMoveClear();" onmouseup="pageMoveClear();">&nbsp;&gt;
  238. </div>
  239. </div>
  240. <div id="pagePercent" class="page">
  241. </div>
  242. <div id="tm" class="page">
  243. </div>
  244. <div class="page">&nbsp;&nbsp;&nbsp;
  245. </div>
  246. </div>
  247. </div>
  248. </body>
  249. </html>