API tools faq
paste
Advertisement
Doramis_Studio

WebOnWeb Test Platform EN

Doramis_Studio
Oct 15th, 2021
305
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 41.45 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta name="viewport" content="width=device-width, initial-scale=1">
  5. <link href="https://fonts.googleapis.com/css2?family=Lato&display=swap" rel="stylesheet">
  6. <script>
  7. document.addEventListener('contextmenu', event => event.preventDefault());
  8. </script>
  9. <style>
  10. .windows7ButtonStyle {
  11. font-family: arial;
  12. font-size: 11px;
  13. background: rgb(229,240,244);
  14. background: linear-gradient(180deg, rgba(229,240,244,1) 0%, rgba(234,236,237,1) 49%, rgba(218,223,225,1) 50%, rgba(194,208,213,1) 100%);
  15. box-shadow: inset 0px 0px 0px 1px white;
  16. border: 1px solid #707070;
  17. margin: 10px;
  18. padding: 0px 0px;
  19. height: 22px;
  20. width: 150px;
  21. outline: none;
  22. user-select: none;
  23. }
  24. .windows7ButtonStyle:hover {
  25. background: rgb(234,246,253);
  26. background: linear-gradient(180deg, rgba(234,246,253,1) 0%, rgba(217,240,252,1) 49%, rgba(190,230,253,1) 50%, rgba(167,217,245,1) 100%);
  27. box-shadow: inset 0px 0px 0px 1px #EFF9FE;
  28. border: 1px solid #3C7FB1;
  29. }
  30. .windows7ButtonStyle:active {
  31. background: rgb(229,244,252);
  32. background: linear-gradient(180deg, rgba(229,244,252,1) 0%, rgba(196,229,246,1) 60%, rgba(152,209,239,1) 60%, rgba(109,182,221,1) 100%);
  33. box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1);
  34. border: 1px solid #2C628B;
  35. }
  36. </style>
  37. <style>
  38. * {
  39. box-sizing: border-box;
  40. }
  41.  
  42. #myInput {
  43. position: sticky;
  44. top: -1px;
  45. background-image: url('https://www.w3schools.com/css/searchicon.png');
  46. background-position: 10px 12px;
  47. background-repeat: no-repeat;
  48. width: 100%;
  49. font-size: 12px;
  50. padding: 12px 20px 12px 40px;
  51. border: 1px solid rgba(0,0,0,0);
  52. margin-bottom: 12px;
  53. outline: none;
  54. }
  55.  
  56. #myUL {
  57. font-family: 'Lato', sans-serif;
  58. list-style-type: none;
  59. padding: 0;
  60. margin: 0;
  61. }
  62.  
  63. #myUL li a {
  64. border: 1px solid rgba(0,0,0,0);
  65. margin-top: -1px; /* Prevent double borders */
  66. background-color: #FAFAFA;
  67. padding: 12px;
  68. text-decoration: none;
  69. font-size: 12px;
  70. color: black;
  71. display: block;
  72. transition: 0.5s ease;
  73. }
  74.  
  75. #myUL li a:hover:not(.header) {
  76. background-color: #eee;
  77. padding: 12px 25px;
  78. }
  79. #myUL li a:active:not(.header) {
  80. background-color: #B0B0B0;
  81. padding: 12px 20px;
  82. }
  83. #myUL li a::before {
  84. content: "•";
  85. padding-right: 0px;
  86. opacity: 0%;
  87. transition: 0.5s ease;
  88. }
  89. #myUL li a:hover::before {
  90. content: "•";
  91. padding-right: 8px;
  92. opacity: 50%;
  93. transition: 0.5s ease;
  94. }
  95. #myUL li a:active::before {
  96. content: "•";
  97. padding-right: 5px;
  98. opacity: 50%;
  99. transition: 0.5s ease;
  100. }
  101. .Header {
  102. font-family: 'Lato', sans-serif;
  103. }
  104. .total {
  105. background: #E1E1E1;
  106. width: 150px;
  107. padding: 5px 0px 5px 10px;
  108. }
  109. .seasonSelector {
  110. cursor: pointer;
  111. float: right;
  112. margin: 0px 5px;
  113. display: inline-block;
  114. opacity: 0%;
  115. transition: 0.5s ease;
  116. }
  117. a:hover .seasonSelector {
  118. opacity: 100%;
  119. }
  120. .seasonSelector:hover {
  121. color: #FF4ABD;
  122. }
  123. body {
  124. background: rgba(255,255,255,0);
  125. user-select: none;
  126. overflow: hidden;
  127. }
  128. .windowBG {
  129. position: absolute;
  130. background: rgb(152,180,208);
  131. background: linear-gradient(180deg, rgba(152,180,208,1) 0%, rgba(214,228,243,1) 25%, rgba(186,210,234,1) 26%, rgba(185,209,234,1) 100%);
  132. -webkit-box-shadow: inset -1px -1px 0px 0px #3FCEF2, inset 1px 1px 0px 0px #FFFFFF, inset 1px 1px 0px 0px #FFFFFF;
  133. box-shadow: inset -1px -1px 0px 0px #3FCEF2, inset 1px 1px 0px 0px #FFFFFF, inset 1px 1px 0px 0px #FFFFFF;
  134. padding: 8px;
  135. border: 1px solid #000000;
  136. border-radius: 5px 5px 0px 0px;
  137. outline: none;
  138. font-family: Arial, Helvetica, sans-serif;
  139. -ie-user-select: none;
  140. }
  141. .resize {
  142. border: 1px solid rgba(0, 0, 0, 0);
  143. position: relative;
  144. width: 500px;
  145. height: 250px;
  146. resize: both;
  147. overflow: hidden;
  148. }
  149. .fontMain {
  150. font-family: 'Source Code Pro', monospace;
  151. }
  152. .textpad {
  153. overflow-x: hidden;
  154. overflow-y: scroll;
  155. margin: 0px 0px -7px 0px;
  156. border: 1px solid #FFFFFF;
  157. width: 500px;
  158. height: 250px;
  159. outline: none;
  160. user-select: auto;
  161. }
  162. .textpad::selection {
  163. background-color: rgba(0, 167, 255, 1);
  164. color: white;
  165. }
  166. .textpad:hover {
  167. -webkit-box-shadow: 0px -1px 0px 0px rgba(61,123,173,0.5);
  168. box-shadow: 0px -1px 0px 0px rgba(61,123,173,0.5);
  169. }
  170. .navigator {
  171. position: relative;
  172. top: -2px;
  173. background: rgb(252,253,254);
  174. background: linear-gradient(180deg, rgba(252,253,254,1) 0%, rgba(229,234,245,1) 29%, rgba(212,219,237,1) 30%, rgba(212,219,237,1) 100%);
  175. padding: 0px 0px 2px 0px;
  176. margin: 0px 0px 1px 0px;
  177. height: 17px;
  178. cursor: default;
  179. }
  180. .navBtn {
  181. font-size: 12px;
  182. background: transparent no-repeat scroll 0 0;
  183. margin: 0px -3px 0px 0px;
  184. border: 1px solid rgba(0, 0, 0, 0);
  185. outline: none;
  186. }
  187. .navBtn:hover {
  188. border: 1px solid rgba(0, 0, 0, 0.25);
  189. }
  190. .navBtn:active {
  191. border: 1px solid #585859;
  192. -webkit-box-shadow: inset 1px 1px 10px 0px rgba(0,0,0,0.25);
  193. box-shadow: inset 1px 1px 10px 0px rgba(0,0,0,0.25);
  194. }
  195. .navBtnActive {
  196. border: 1px solid #585859;
  197. -webkit-box-shadow: inset 1px 1px 10px 0px rgba(0,0,0,0.25);
  198. box-shadow: inset 1px 1px 10px 0px rgba(0,0,0,0.25);
  199. }
  200.  
  201. .title {
  202. position: relative;
  203. left: 5px;
  204. font-family: Arial, Helvetica, sans-serif;
  205. font-size: 12px;
  206. height: 20px;
  207. cursor: default;
  208. }
  209.  
  210. .close {
  211. background: rgb(233,169,156);
  212. background: linear-gradient(180deg, rgba(233,169,156,1) 0%, rgba(223,149,135,1) 42%, rgba(184,67,44,1) 43%, rgba(210,127,111,1) 100%);
  213. color: #FFFFFF;
  214. border: 1px solid #431422;
  215. -webkit-box-shadow: inset 1px 1px 0px 0px #F4D3CC, inset -1px -1px 0px 0px #F4D3CC, inset -1px -1px 0px 0px #F4D3CC;
  216. box-shadow: inset 1px 1px 0px 0px #F4D3CC, inset -1px -1px 0px 0px #F4D3CC, inset -1px -1px 0px 0px #F4D3CC;
  217. border-radius: 2px;
  218. width: 31px;
  219. height: 17px;
  220. outline: none;
  221. }
  222. .close:hover {
  223. background: rgb(252,200,191);
  224. background: linear-gradient(180deg, rgba(252,200,191,1) 0%, rgba(250,169,154,1) 42%, rgba(210,35,2,1) 43%, rgba(229,147,77,1) 100%);
  225. }
  226. .close:active {
  227. background: rgb(207,163,139);
  228. background: linear-gradient(180deg, rgba(207,163,139,1) 0%, rgba(193,133,108,1) 42%, rgba(125,23,0,1) 43%, rgba(196,149,76,1) 100%);
  229. }
  230. .min {
  231. background: rgb(195,212,231);
  232. background: linear-gradient(180deg, rgba(195,212,231,1) 0%, rgba(190,211,232,1) 42%, rgba(152,177,204,1) 43%, rgba(183,208,233,1) 100%);
  233. color: #FFFFFF;
  234. border: 1px solid #5D6F88;
  235. -webkit-box-shadow: inset 1px 1px 0px 0px #DFE8F2, inset -1px -1px 0px 0px #DFE8F2, inset -1px -1px 0px 0px #DFE8F2;
  236. box-shadow: inset 1px 1px 0px 0px #DFE8F2, inset -1px -1px 0px 0px #DFE8F2, inset -1px -1px 0px 0px #DFE8F2;
  237. border-radius: 2px;
  238. margin: 0px -2px 0px 0px;
  239. width: 31px;
  240. height: 17px;
  241. outline: none;
  242. }
  243. .min:hover {
  244. background: rgb(170,213,243);
  245. background: linear-gradient(180deg, rgba(170,213,243,1) 0%, rgba(129,192,234,1) 42%, rgba(45,115,163,1) 43%, rgba(36,198,235,1) 100%);
  246. }
  247. .min:active {
  248. background: rgb(127,154,172);
  249. background: linear-gradient(180deg, rgba(127,154,172,1) 0%, rgba(93,119,140,1) 42%, rgba(32,59,82,1) 43%, rgba(39,201,200,1) 100%);
  250. border: 1px solid #515E6C;
  251. }
  252. .positionTop {
  253. font-size: 12px;
  254. position: relative;
  255. top: -3px;
  256. display: inline-block;
  257. text-shadow: 0px -1px 0px #797979, 1px -1px 0px #797979, 1px 1px 0px #797979, 0px 1px 0px #797979, -1px 1px 0px #797979, -1px -1px 0px #797979;
  258. cursor: default;
  259. }
  260. .minimizePosition {
  261. position: relative;
  262. top: -7px;
  263. display: inline-block;
  264. text-shadow: 0px -1px 0px #797979, 1px -1px 0px #797979, 1px 1px 0px #797979, 0px 1px 0px #797979, -1px 1px 0px #797979, -1px -1px 0px #797979;
  265. cursor: default;
  266. }
  267. .box {
  268. width: 9px;
  269. height: 7px;
  270. border: 2px solid white;
  271. -webkit-box-shadow: inset 0px 0px 0px 1px #797979, 0px 0px 0px 1px #797979;
  272. box-shadow: inset 0px 0px 0px 1px #797979, 0px 0px 0px 1px #797979;
  273. }
  274. .boxNot {
  275. border: 2px solid rgb(195,212,231);
  276. }
  277. .min:disabled {
  278. background: rgb(195,212,231);
  279. background: linear-gradient(180deg, rgba(195,212,231,0.5) 0%, rgba(190,211,232,0.5) 42%, rgba(152,177,204,0.5) 43%, rgba(183,208,233,0.5) 100%);
  280. color: #FFFFFF;
  281. border: 1px solid rgba(152,177,204);
  282. border-radius: 2px;
  283. margin: 0px -2px 0px 0px;
  284. width: 29px;
  285. height: 15px;
  286. outline: none;
  287. }
  288. .positionTopNav {
  289. position: relative;
  290. top: -1px;
  291. display: inline-block;
  292. }
  293. .rightFlow {
  294. position: absolute;
  295. right: 10px;
  296. top: 5px;
  297. cursor: default;
  298. }
  299. .down {
  300. position: relative;
  301. bottom: -5px;
  302. }
  303. .backgroundCredit {
  304. font-family: Arial, Helvetica, sans-serif;
  305. position: absolute;
  306. bottom: 5px;
  307. left: 5px;
  308. letter-spacing: 0px;
  309. word-spacing: 0px;
  310. opacity: 25%;
  311. }
  312. .content {
  313. position: relative;
  314. top: 0px;
  315. background-color: white;
  316. margin: 0px 0px 0px 0px;
  317. -webkit-box-shadow: inset 0px -43px 0px 0px #F0F0F0;
  318. box-shadow: inset 0px -43px 0px 0px #F0F0F0;
  319. overflow-y: auto;
  320. }
  321.  
  322. .content1 {
  323. position: relative;
  324. top: 0px;
  325. width: 300px;
  326. height: 200px;
  327. background-color: white;
  328. margin: 0px 0px 0px 0px;
  329. -webkit-box-shadow: inset 0px -43px 0px 0px #F0F0F0;
  330. box-shadow: inset 0px -43px 0px 0px #F0F0F0;
  331. overflow-y: auto;
  332. }
  333.  
  334. .content2-5 {
  335. position: relative;
  336. top: 0px;
  337. width: 300px;
  338. height: 150px;
  339. background-color: white;
  340. margin: 0px 0px 0px 0px;
  341. -webkit-box-shadow: inset 0px -43px 0px 0px #F0F0F0;
  342. box-shadow: inset 0px -43px 0px 0px #F0F0F0;
  343. overflow-y: auto;
  344. }
  345.  
  346. .resizeableObject {
  347. width: 800px;
  348. height: 400px;
  349. min-width: 360px;
  350. min-height: 240px;
  351. resize: both;
  352. outline: none;
  353. border: 1px solid #00000000;
  354. }
  355.  
  356. .centerL {
  357. position: absolute;
  358. top: 45px;
  359. left: 24px;
  360. }
  361. .okBtn {
  362. background: rgb(237,241,242);
  363. background: linear-gradient(180deg, rgba(237,241,242,1) 0%, rgba(233,237,239,1) 49%, rgba(216,224,229,1) 50%, rgba(182,209,218,1) 100%);
  364. -webkit-box-shadow: inset 0px 0px 0px 1px #41D7FC;
  365. box-shadow: inset 0px 0px 0px 1px #41D7FC;
  366. border: 1px solid #3C7FB1;
  367. border-radius: 2px;
  368. outline: none;
  369. font-size: 11px;
  370. width: 86px;
  371. height: 20px;
  372. transition: 5s;
  373. }
  374. .okBtn:hover {
  375. background: rgb(234,246,253);
  376. background: linear-gradient(180deg, rgba(234,246,253,1) 0%, rgba(217,240,252,1) 49%, rgba(190,230,253,1) 50%, rgba(167,217,245,1) 100%);
  377. -webkit-box-shadow: inset 0px 0px 0px 1px #E8F5FC;
  378. box-shadow: inset 0px 0px 0px 1px #E8F5FC;
  379. border: 1px solid #3C7FB1;
  380. transition: 0.5s;
  381. }
  382. .okBtn:active {
  383. background: rgb(229,244,252);
  384. background: linear-gradient(180deg, rgba(229,244,252,1) 0%, rgba(196,229,246,1) 54%, rgba(152,209,239,1) 55%, rgba(104,179,219,1) 100%);
  385. -webkit-box-shadow: inset 0px 0px 1px 1px rgba(0,0,0,0.1);
  386. box-shadow: inset 0px 0px 1px 1px rgba(0,0,0,0.1);
  387. border: 1px solid #2C628B;
  388. transition: 0.5s;
  389. }
  390.  
  391. .pushBtn {
  392. background: rgb(229,240,244);
  393. background: linear-gradient(180deg, rgba(229,240,244,1) 0%, rgba(234,236,237,1) 49%, rgba(218,223,225,1) 50%, rgba(194,208,213,1) 100%);
  394. box-shadow: inset 0px 0px 0px 1px white;
  395. border: 1px solid #707070;
  396. border-radius: 2px;
  397. outline: none;
  398. font-size: 11px;
  399. width: 86px;
  400. height: 20px;
  401. transition: 5s;
  402. }
  403. .pushBtn:hover {
  404. background: rgb(234,246,253);
  405. background: linear-gradient(180deg, rgba(234,246,253,1) 0%, rgba(217,240,252,1) 49%, rgba(190,230,253,1) 50%, rgba(167,217,245,1) 100%);
  406. -webkit-box-shadow: inset 0px 0px 0px 1px #E8F5FC;
  407. box-shadow: inset 0px 0px 0px 1px #E8F5FC;
  408. border: 1px solid #3C7FB1;
  409. transition: 0.5s;
  410. }
  411. .pushBtn:active {
  412. background: rgb(229,244,252);
  413. background: linear-gradient(180deg, rgba(229,244,252,1) 0%, rgba(196,229,246,1) 54%, rgba(152,209,239,1) 55%, rgba(104,179,219,1) 100%);
  414. -webkit-box-shadow: inset 0px 0px 1px 1px rgba(0,0,0,0.1);
  415. box-shadow: inset 0px 0px 1px 1px rgba(0,0,0,0.1);
  416. border: 1px solid #2C628B;
  417. transition: 0.5s;
  418. }
  419. .rightDown {
  420. position: absolute;
  421. bottom: 10px;
  422. right: 10px;
  423. }
  424. .textContent {
  425. position: absolute;
  426. font-size: 12px;
  427. left: 10px;
  428. top: 10px;
  429. }
  430. .title::before {
  431. content: url();
  432. padding-right: 5px;
  433. }
  434.  
  435. .blocker {
  436. position: absolute;
  437. top: 0px;
  438. background: white;
  439. position: absolute;
  440. top: 0px;
  441. left: 0px;
  442. right: 0px;
  443. bottom: 0px;
  444. max-height: 100%;
  445. max-width: 100%;
  446. margin: auto;
  447. }
  448.  
  449. .blocker .text {
  450. position: absolute;
  451. top: 0px;
  452. left: 0px;
  453. right: 0px;
  454. bottom: 0px;
  455. max-height: 100%;
  456. max-width: 100%;
  457. width: 200px;
  458. height: 50px;
  459. margin: auto;
  460. text-align: center;
  461. }
  462.  
  463. .hide {display: none;}
  464. </style>
  465. <style>
  466. .backgroundNav {
  467. position: absolute;
  468. font-family: Arial, Helvetica, sans-serif;
  469. background-color: #F0F0F0;
  470. box-shadow: inset 27px 0px 0px 0px #F1F1F1, inset 28px 0px 0px 0px #E2E3E3, inset 29px 0px 0px 0px #FFFFFF;
  471. border: 1px solid #979797;
  472. width: 242px;
  473. padding: 2px;
  474. font-size: 12px;
  475. user-select: none;
  476. z-index: 5;
  477. }
  478. .side {
  479. position: absolute;
  480. left: 0px;
  481. top: 0px;
  482. font-family: Arial, Helvetica, sans-serif;
  483. width: 28px;
  484. height: 50px;
  485. }
  486. .bar {
  487. position: relative;
  488. left: 27px;
  489. border-bottom: 1px solid #E2E3E3;
  490. -webkit-box-shadow: 0px 1px 0px 0px #FFFFFF;
  491. box-shadow: 0px 1px 0px 0px #FFFFFF;
  492. width: 210px;
  493. height: 3px;
  494. }
  495. .navSelect {
  496. position: relative;
  497. height: 23px;
  498. margin: 0px;
  499. padding: 3px;
  500. border-radius: 5px;
  501. border: 1px solid rgba(0, 0, 0, 0);
  502. }
  503. .navSelect:hover {
  504. background: rgb(204,227,255);
  505. background: linear-gradient(180deg, rgba(204,227,255,0) 0%, rgba(204,227,255,0.47215408903516765) 100%);
  506. border: 1px solid #AECFF7;
  507. }
  508. .positionBottomLittle {
  509. position: relative;
  510. bottom: -1px;
  511. left: 28px;
  512. }
  513.  
  514. .full {
  515. position: absolute;
  516. top: 0px;
  517. left: 0px;
  518. right: 0px;
  519. bottom: 0px;
  520. max-height: 100%;
  521. max-width: 100%;
  522. width: 100%;
  523. height: 100%;
  524. margin: auto;
  525. }
  526.  
  527. .index1 {
  528. z-index: 2;
  529. }
  530. </style>
  531.  
  532. <!-- Windows Original Input Style Made By DoramisStudio -->
  533. <style>
  534. .windowsInput {
  535. font-family: Arial, sans-serif;
  536. font-size: 12px;
  537. padding: 5px;
  538. box-shadow: inset -1px 0px 0px 0px #E2E3EA, inset 1px 0px 0px 0px #E2E3EA, inset 0px 1px 0px 0px #ABADB3, inset 0px -1px 0px 0px #E3E9EF;
  539. border-radius: 2px;
  540. outline: none;
  541. border: none;
  542. overflow: auto;
  543. }
  544. .windowsInput:hover {
  545. box-shadow: inset -1px 0px 0px 0px #B5CFE7, inset 1px 0px 0px 0px #B5CFE7, inset 0px 1px 0px 0px #3D7BAD, inset 0px -1px 0px 0px #B7D9ED;
  546. }
  547.  
  548. .windowsInput a {
  549. position: relative;
  550. bottom: 5px;
  551. padding: 0px;
  552. }
  553. </style>
  554. </head>
  555. <body>
  556.  
  557. <textarea id="linkStorage" style="display: none;" tabindex="-1"></textarea>
  558.  
  559. <div class="windowBG" id="window" onclick="save()">
  560. <div class="header">
  561. <div class="fontMain title" id="windowheader"><span id="title" translate="no">WebOnWeb</span></div>
  562. <div class="rightFlow">
  563. <button title="Minimalkan" class="min" id="min">
  564. <span class="minimizePosition">_</span>
  565. </button>
  566. <button title="Maksimalkan" class="min" id="min" onclick="contentMax()">
  567. <span class="positionTop box boxNot"></span>
  568. </button>
  569. <button title="Tutup" class="close" id="close" onclick="closeApp()">
  570. <span class="positionTop">ⅹ</span>
  571. </button>
  572. </div>
  573. </div>
  574. <p class="navigator">
  575. <button class="navBtn positionTopNav" id="cari" onclick="toggleActive()">
  576. <span>Search</span>
  577. </button>
  578. <button class="navBtn positionTopNav" id="ea" onclick="toggleActive1()">
  579. <span>Animeindo</span>
  580. </button>
  581. <button class="navBtn positionTopNav" id="run" onclick="openWCM()" title="Buka Window...">
  582. <span>Developed</span>
  583. </button>
  584. <button class="navBtn positionTopNav" id="list" onclick="openBookmarkList()" title="Daftar Simpanan...">
  585. <span>List</span>
  586. </button>
  587. <button class="navBtn positionTopNav" id="add" onclick="openSaveBookmark()" title="Tambah Simpanan...">
  588. <span>+</span>
  589. </button>
  590. </p>
  591. <div class="nav1 hide" id="nav1">
  592. <div class="backgroundNav">
  593. <div class="side">&nbsp;</div>
  594. <div class="index1" onclick="toggleActive()">
  595. <p class="navSelect" onclick="openCari()">
  596. <span class="positionBottomLittle">Search Web...</span></p>
  597. <p class="navSelect" onclick="refresh()">
  598. <span class="positionBottomLittle">Refresh...</span></p>
  599. <p class="navSelect">
  600. <span class="positionBottomLittle">Advance Settings...</span></p>
  601. </div>
  602. </div>
  603. </div>
  604.  
  605. <div class="nav1 hide" id="nav2">
  606. <div class="backgroundNav">
  607. <div class="side">&nbsp;</div>
  608. <div class="index1" onclick="toggleActive1()">
  609. <p class="navSelect" onclick="home()">
  610. <span class="positionBottomLittle">Beranda...</span></p>
  611. <p class="navSelect" onclick="random()">
  612. <span class="positionBottomLittle">Random...</span></p>
  613. <p class="navSelect" onclick="randomPage()">
  614. <span class="positionBottomLittle">Acak Halaman...</span></p>
  615. <p class="navSelect" onclick="openEASearch()">
  616. <span class="positionBottomLittle">Telusuri...</span></p>
  617. <div class="bar"></div>
  618. <p class="navSelect" onclick="toggleOverlayBlocker()">
  619. <span class="positionBottomLittle">Toggle Blocker...</span></p>
  620. <div class="bar"></div>
  621. <p class="navSelect" onclick="openEA()">
  622. <span class="positionBottomLittle">Open Settings...</span></p>
  623. <p class="navSelect" onclick="openAboutEA()">
  624. <span class="positionBottomLittle">About...</span></p>
  625. </div>
  626. </div>
  627. </div>
  628. <div class="content">
  629. <iframe src="https://about:blank" class="resizeableObject" style="width: 800px;height: 400px;" id="content" name="frame" allowfullscreen="true"></iframe>
  630. <div class="blocker hide" id="overlayBlocker"><span class="text">Overlay Blocker</span></div>
  631. </div>
  632. </div>
  633.  
  634.  
  635. <!-- Search Window -->
  636. <div class="windowBG hide" id="window1">
  637. <div class="header">
  638. <div class="fontMain title" id="window1header1" translate="no">Search Web</div>
  639. <div class="rightFlow">
  640. <button title="Tutup" class="close" onclick="closeCari()">
  641. <span class="positionTop">ⅹ</span>
  642. </button>
  643. </div>
  644. </div>
  645. <div class="content1">
  646. <div class="textContent">
  647. <span>Search Web Address *</span>
  648. <input type="url" class="windowsInput" id="webInput" style="position: absolute;top: 25px;left: 0px;width: 180px;" value="about:blank"/>
  649. <span style="position: absolute;top: 60px;left: 0px;width: 200px;">Insert a valid protocol *</span>
  650. <input type="text" class="windowsInput" id="protocolInput" style="position: absolute;top: 85px;left: 0px;width: 280px;" value="https:"/>
  651. <input type="text" class="windowsInput" id="rawAddressInput" style="position: absolute;top: 115px;left: 0px;width: 280px;" placeholder="Raw URL" value="" title="Raw URL"/>
  652. <button class="windows7ButtonStyle" style="position: absolute;top: 25px;left: 190px;width: 90px;margin: 0px;" onclick="refresh()">Refresh</button>
  653. </div>
  654. <button class="okBtn rightDown" onclick="searchLoc(),closeCari(),save()">OK</button>
  655. <button class="pushBtn rightDown" style="right: 107px;" onclick="searchRaw(),closeCari(),save()">Raw</button>
  656. <button class="pushBtn rightDown" style="left: 10px;" onclick="searchOpenIn(),closeCari(),save()">Open in</button>
  657. </div>
  658. </div>
  659.  
  660.  
  661. <!-- Animeindo Built-in Window -->
  662. <div class="windowBG hide" id="window2" translate="no">
  663. <div class="header">
  664. <div class="fontMain title" id="window2header">Easy Access Config</div>
  665. <div class="rightFlow">
  666. <button title="Tutup" class="close" onclick="closeEA()">
  667. <span class="positionTop">ⅹ</span>
  668. </button>
  669. </div>
  670. </div>
  671. <div class="content1">
  672. <div class="textContent">
  673. <span title="Isi Jika Kosong">Randomize Page Limit *</span>
  674. <input type="number" class="windowsInput" id="maxRndValue" style="position: absolute;top: 25px;left: 0px;width: 280px;" value="75"/>
  675. <button class="windows7ButtonStyle" style="position: absolute;top: 60px;left: 0px;width: 280px;margin: 0px;" onclick="toggleOverlayBlocker()">Toggle Overlay Blocker</button>
  676. </div>
  677. <button class="okBtn rightDown" onclick="closeEA()">OK</button>
  678. </div>
  679. </div>
  680.  
  681.  
  682. <!-- Search Window -->
  683. <div class="windowBG hide" id="window2-1">
  684. <div class="header">
  685. <div class="fontMain title" id="window2-1header" translate="no">Search Using Easy Access ( no enter if u not indonesian )</div>
  686. <div class="rightFlow">
  687. <button title="Tutup" class="close" onclick="closeEASearch()">
  688. <span class="positionTop">ⅹ</span>
  689. </button>
  690. </div>
  691. </div>
  692. <div class="content1">
  693. <div class="textContent">
  694. <span>Search Anime *</span>
  695. <input type="name" class="windowsInput" id="animeSearch" style="position: absolute;top: 25px;left: 0px;width: 180px;" value="" placeholder="Example ( Kimi No Na Wa )" spellcheck="false"/>
  696. <span style="position: absolute;top: 60px;left: 0px;width: 200px;">Detect Genre</span>
  697. <input type="text" class="windowsInput" id="genres" style="position: absolute;top: 85px;left: 0px;width: 280px;" value="" placeholder="Only works with one genre"/>
  698. <button class="windows7ButtonStyle" style="position: absolute;top: 25px;left: 190px;width: 90px;margin: 0px;" onclick="searchEA()">Search</button>
  699. </div>
  700. <button class="okBtn rightDown" style="width: 100px;" onclick="searchEA(),closeEASearch(),save()">Search & Close</button>
  701. </div>
  702. </div>
  703.  
  704.  
  705. <!-- Animeindo Built-in About Window -->
  706. <div class="windowBG hide" id="window2-5">
  707. <div class="header">
  708. <div class="fontMain title" id="window2-5header" translate="no">About Easy Access</div>
  709. <div class="rightFlow">
  710. <button title="Tutup" class="close" onclick="closeAboutEA()">
  711. <span class="positionTop">ⅹ</span>
  712. </button>
  713. </div>
  714. </div>
  715. <div class="content2-5">
  716. <div class="textContent">
  717. <span><b>Easy Access</b> is a project by</span><br> <span>a weblog who wants to make it easy</span><br> <span>access a tab called Animeindo.link< /span>
  718. </div>
  719. <button class="okBtn rightDown" onclick="closeAboutEA()">Close</button>
  720. </div>
  721. </div>
  722.  
  723.  
  724. <!-- Bookmark Window -->
  725. <div class="windowBG hide" id="window3">
  726. <div class="header">
  727. <div class="fontMain title" id="window3header" translate="no">Add Bookmark ( Auto-save is disabled )</div>
  728. <div class="rightFlow">
  729. <button title="Tutup" class="close" onclick="closeSaveBookmark()">
  730. <span class="positionTop">ⅹ</span>
  731. </button>
  732. </div>
  733. </div>
  734. <div class="content1" style="height: 180px;">
  735. <div class="textContent">
  736. <span>Bookmark Name</span>
  737. <input type="name" class="windowsInput" id="name" style="position: absolute;top: 25px;left: 0px;width: 180px;" value="" placeholder="Example ( Tab Simpanan 1 )" spellcheck="false"/>
  738. <span style="position: absolute;top: 60px;left: 0px;width: 200px;">Bookmark Link</span>
  739. <input type="text" class="windowsInput" id="link" style="position: absolute;top: 85px;left: 0px;width: 280px;" value="" placeholder="Example ( https://hostname.com/ )"/>
  740. <button class="windows7ButtonStyle" style="position: absolute;top: 26px;left: 190px;width: 90px;margin: 0px;" onclick="override()" title="Still not functional yet">Change</button>
  741. </div>
  742. <button class="okBtn rightDown" style="width: 100px;" onclick="addBookmark(),closeSaveBookmark()">Save & Close</button>
  743. <!-- saveBookmarkList() function still developed t'ill this day, Auto-save might be added in the future updates -->
  744. </div>
  745. </div>
  746.  
  747.  
  748. <!-- Bookmark List Window -->
  749. <div class="windowBG hide" id="window3-1">
  750. <div class="header">
  751. <div class="fontMain title" id="window3-1header" translate="no">Bookmark List ( Auto-save is disabled )</div>
  752. <div class="rightFlow">
  753. <button title="Tutup" class="close" onclick="closeBookmarkList()">
  754. <span class="positionTop">x</span>
  755. </button>
  756. </div>
  757. </div>
  758. <div class="content1" style="height: 200px;width: 400px;">
  759. <div class="textContent">
  760. <span>Bookmark List ( Open in the same tab, might replace this tab )</span>
  761. <div class="windowsInput" id="listSimpanan" style="position: absolute;top: 20px;width: 380px;height: 120px;">
  762. </div>
  763. </div>
  764. <button class="okBtn rightDown" style="" onclick="closeBookmarkList()">Close</button>
  765. <button class="pushBtn rightDown" style="right: 107px;" onclick="closeBookmarkList(),openSaveBookmark()">Add</button>
  766. <!-- saveBookmarkList() function still developed t'ill this day, Auto-save might be added in the future updates -->
  767. </div>
  768. </div>
  769.  
  770.  
  771. <!-- Command Window -->
  772. <div class="windowBG hide" id="windowdev">
  773. <div class="header">
  774. <div class="fontMain title" id="windowdevheader" translate="no">Window Command Manager</div>
  775. <div class="rightFlow">
  776. <button title="Tutup" class="close" onclick="closeWCM()">
  777. <span class="positionTop">x</span>
  778. </button>
  779. </div>
  780. </div>
  781. <p class="navigator">
  782. <button class="navBtn positionTopNav" id="config" onclick="toggleActiveDev()">
  783. <span>Configure</span>
  784. </button>
  785. </p>
  786. <div class="nav1 hide" id="navdev">
  787. <div class="backgroundNav">
  788. <div class="side">&nbsp;</div>
  789. <div class="index1" onclick="toggleActiveDev()">
  790. <p class="navSelect" onclick="">
  791. <span class="positionBottomLittle">Multiple ( nothing happend :v )</span></p>
  792. </div>
  793. </div>
  794. </div>
  795. <div class="content1" style="height: 150px;width: 300px;">
  796. <div class="textContent" onclick="hideActiveDev()">
  797. <span>Open Window</span>
  798. <input type="name" class="windowsInput" id="namaSimpanan" style="position: absolute;top: 20px;left: 0px;width: 200px;" value="" placeholder="Example ( window1, window2 )" spellcheck="false"/>
  799. <span style="position: absolute;top: 60px;left: 0px;width: 180px;">Used to open a DevStage window or hidden window</span>
  800. </div>
  801. <button class="okBtn rightDown" style="" onclick="runCommand()">Run</button>
  802. </div>
  803. </div>
  804.  
  805. <span class="backgroundCredit">Made by DoramisStudio</span>
  806. <button class="windows7ButtonStyle" style="width: 200px;" ondblclick="openApp()"><span id="button1">Open WebOnWeb Test Platform</span></button>
  807.  
  808. <script>
  809. dragElement(document.getElementById("window"));
  810.  
  811. function dragElement(elmnt) {
  812. var pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0;
  813. if (document.getElementById(elmnt.id + "header")) {
  814. /* if present, the header is where you move the DIV from:*/
  815. document.getElementById(elmnt.id + "header").onmousedown = dragMouseDown;
  816. } else {
  817. /* otherwise, move the DIV from anywhere inside the DIV:*/
  818. elmnt.onmousedown = dragMouseDown;
  819. }
  820.  
  821. function dragMouseDown(e) {
  822. e = e || window.event;
  823. e.preventDefault();
  824. // get the mouse cursor position at startup:
  825. pos3 = e.clientX;
  826. pos4 = e.clientY;
  827. document.onmouseup = closeDragElement;
  828. // call a function whenever the cursor moves:
  829. document.onmousemove = elementDrag;
  830. }
  831.  
  832. function elementDrag(e) {
  833. e = e || window.event;
  834. e.preventDefault();
  835. // calculate the new cursor position:
  836. pos1 = pos3 - e.clientX;
  837. pos2 = pos4 - e.clientY;
  838. pos3 = e.clientX;
  839. pos4 = e.clientY;
  840. // set the element's new position:
  841. elmnt.style.top = (elmnt.offsetTop - pos2) + "px";
  842. elmnt.style.left = (elmnt.offsetLeft - pos1) + "px";
  843. }
  844.  
  845. function closeDragElement() {
  846. /* stop moving when mouse button is released:*/
  847. document.onmouseup = null;
  848. document.onmousemove = null;
  849. }
  850. }
  851. </script>
  852.  
  853. <script>
  854. dragElement(document.getElementById("window1"));
  855.  
  856. function dragElement(elmnt) {
  857. var pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0;
  858. if (document.getElementById(elmnt.id + "header1")) {
  859. /* if present, the header is where you move the DIV from:*/
  860. document.getElementById(elmnt.id + "header1").onmousedown = dragMouseDown;
  861. } else {
  862. /* otherwise, move the DIV from anywhere inside the DIV:*/
  863. elmnt.onmousedown = dragMouseDown;
  864. }
  865.  
  866. function dragMouseDown(e) {
  867. e = e || window.event;
  868. e.preventDefault();
  869. // get the mouse cursor position at startup:
  870. pos3 = e.clientX;
  871. pos4 = e.clientY;
  872. document.onmouseup = closeDragElement;
  873. // call a function whenever the cursor moves:
  874. document.onmousemove = elementDrag;
  875. }
  876.  
  877. function elementDrag(e) {
  878. e = e || window.event;
  879. e.preventDefault();
  880. // calculate the new cursor position:
  881. pos1 = pos3 - e.clientX;
  882. pos2 = pos4 - e.clientY;
  883. pos3 = e.clientX;
  884. pos4 = e.clientY;
  885. // set the element's new position:
  886. elmnt.style.top = (elmnt.offsetTop - pos2) + "px";
  887. elmnt.style.left = (elmnt.offsetLeft - pos1) + "px";
  888. }
  889.  
  890. function closeDragElement() {
  891. /* stop moving when mouse button is released:*/
  892. document.onmouseup = null;
  893. document.onmousemove = null;
  894. }
  895. }
  896. </script>
  897.  
  898. <script>
  899. dragElement(document.getElementById("window2"));
  900.  
  901. function dragElement(elmnt) {
  902. var pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0;
  903. if (document.getElementById(elmnt.id + "header")) {
  904. /* if present, the header is where you move the DIV from:*/
  905. document.getElementById(elmnt.id + "header").onmousedown = dragMouseDown;
  906. } else {
  907. /* otherwise, move the DIV from anywhere inside the DIV:*/
  908. elmnt.onmousedown = dragMouseDown;
  909. }
  910.  
  911. function dragMouseDown(e) {
  912. e = e || window.event;
  913. e.preventDefault();
  914. // get the mouse cursor position at startup:
  915. pos3 = e.clientX;
  916. pos4 = e.clientY;
  917. document.onmouseup = closeDragElement;
  918. // call a function whenever the cursor moves:
  919. document.onmousemove = elementDrag;
  920. }
  921.  
  922. function elementDrag(e) {
  923. e = e || window.event;
  924. e.preventDefault();
  925. // calculate the new cursor position:
  926. pos1 = pos3 - e.clientX;
  927. pos2 = pos4 - e.clientY;
  928. pos3 = e.clientX;
  929. pos4 = e.clientY;
  930. // set the element's new position:
  931. elmnt.style.top = (elmnt.offsetTop - pos2) + "px";
  932. elmnt.style.left = (elmnt.offsetLeft - pos1) + "px";
  933. }
  934.  
  935. function closeDragElement() {
  936. /* stop moving when mouse button is released:*/
  937. document.onmouseup = null;
  938. document.onmousemove = null;
  939. }
  940. }
  941. </script>
  942.  
  943. <script>
  944. dragElement(document.getElementById("window2-1"));
  945.  
  946. function dragElement(elmnt) {
  947. var pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0;
  948. if (document.getElementById(elmnt.id + "header")) {
  949. /* if present, the header is where you move the DIV from:*/
  950. document.getElementById(elmnt.id + "header").onmousedown = dragMouseDown;
  951. } else {
  952. /* otherwise, move the DIV from anywhere inside the DIV:*/
  953. elmnt.onmousedown = dragMouseDown;
  954. }
  955.  
  956. function dragMouseDown(e) {
  957. e = e || window.event;
  958. e.preventDefault();
  959. // get the mouse cursor position at startup:
  960. pos3 = e.clientX;
  961. pos4 = e.clientY;
  962. document.onmouseup = closeDragElement;
  963. // call a function whenever the cursor moves:
  964. document.onmousemove = elementDrag;
  965. }
  966.  
  967. function elementDrag(e) {
  968. e = e || window.event;
  969. e.preventDefault();
  970. // calculate the new cursor position:
  971. pos1 = pos3 - e.clientX;
  972. pos2 = pos4 - e.clientY;
  973. pos3 = e.clientX;
  974. pos4 = e.clientY;
  975. // set the element's new position:
  976. elmnt.style.top = (elmnt.offsetTop - pos2) + "px";
  977. elmnt.style.left = (elmnt.offsetLeft - pos1) + "px";
  978. }
  979.  
  980. function closeDragElement() {
  981. /* stop moving when mouse button is released:*/
  982. document.onmouseup = null;
  983. document.onmousemove = null;
  984. }
  985. }
  986. </script>
  987.  
  988. <script>
  989. dragElement(document.getElementById("window2-5"));
  990.  
  991. function dragElement(elmnt) {
  992. var pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0;
  993. if (document.getElementById(elmnt.id + "header")) {
  994. /* if present, the header is where you move the DIV from:*/
  995. document.getElementById(elmnt.id + "header").onmousedown = dragMouseDown;
  996. } else {
  997. /* otherwise, move the DIV from anywhere inside the DIV:*/
  998. elmnt.onmousedown = dragMouseDown;
  999. }
  1000.  
  1001. function dragMouseDown(e) {
  1002. e = e || window.event;
  1003. e.preventDefault();
  1004. // get the mouse cursor position at startup:
  1005. pos3 = e.clientX;
  1006. pos4 = e.clientY;
  1007. document.onmouseup = closeDragElement;
  1008. // call a function whenever the cursor moves:
  1009. document.onmousemove = elementDrag;
  1010. }
  1011.  
  1012. function elementDrag(e) {
  1013. e = e || window.event;
  1014. e.preventDefault();
  1015. // calculate the new cursor position:
  1016. pos1 = pos3 - e.clientX;
  1017. pos2 = pos4 - e.clientY;
  1018. pos3 = e.clientX;
  1019. pos4 = e.clientY;
  1020. // set the element's new position:
  1021. elmnt.style.top = (elmnt.offsetTop - pos2) + "px";
  1022. elmnt.style.left = (elmnt.offsetLeft - pos1) + "px";
  1023. }
  1024.  
  1025. function closeDragElement() {
  1026. /* stop moving when mouse button is released:*/
  1027. document.onmouseup = null;
  1028. document.onmousemove = null;
  1029. }
  1030. }
  1031. </script>
  1032. <script>
  1033. dragElement(document.getElementById("window3"));
  1034.  
  1035. function dragElement(elmnt) {
  1036. var pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0;
  1037. if (document.getElementById(elmnt.id + "header")) {
  1038. /* if present, the header is where you move the DIV from:*/
  1039. document.getElementById(elmnt.id + "header").onmousedown = dragMouseDown;
  1040. } else {
  1041. /* otherwise, move the DIV from anywhere inside the DIV:*/
  1042. elmnt.onmousedown = dragMouseDown;
  1043. }
  1044.  
  1045. function dragMouseDown(e) {
  1046. e = e || window.event;
  1047. e.preventDefault();
  1048. // get the mouse cursor position at startup:
  1049. pos3 = e.clientX;
  1050. pos4 = e.clientY;
  1051. document.onmouseup = closeDragElement;
  1052. // call a function whenever the cursor moves:
  1053. document.onmousemove = elementDrag;
  1054. }
  1055.  
  1056. function elementDrag(e) {
  1057. e = e || window.event;
  1058. e.preventDefault();
  1059. // calculate the new cursor position:
  1060. pos1 = pos3 - e.clientX;
  1061. pos2 = pos4 - e.clientY;
  1062. pos3 = e.clientX;
  1063. pos4 = e.clientY;
  1064. // set the element's new position:
  1065. elmnt.style.top = (elmnt.offsetTop - pos2) + "px";
  1066. elmnt.style.left = (elmnt.offsetLeft - pos1) + "px";
  1067. }
  1068.  
  1069. function closeDragElement() {
  1070. /* stop moving when mouse button is released:*/
  1071. document.onmouseup = null;
  1072. document.onmousemove = null;
  1073. }
  1074. }
  1075. </script>
  1076. <script>
  1077. dragElement(document.getElementById("window3-1"));
  1078.  
  1079. function dragElement(elmnt) {
  1080. var pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0;
  1081. if (document.getElementById(elmnt.id + "header")) {
  1082. /* if present, the header is where you move the DIV from:*/
  1083. document.getElementById(elmnt.id + "header").onmousedown = dragMouseDown;
  1084. } else {
  1085. /* otherwise, move the DIV from anywhere inside the DIV:*/
  1086. elmnt.onmousedown = dragMouseDown;
  1087. }
  1088.  
  1089. function dragMouseDown(e) {
  1090. e = e || window.event;
  1091. e.preventDefault();
  1092. // get the mouse cursor position at startup:
  1093. pos3 = e.clientX;
  1094. pos4 = e.clientY;
  1095. document.onmouseup = closeDragElement;
  1096. // call a function whenever the cursor moves:
  1097. document.onmousemove = elementDrag;
  1098. }
  1099.  
  1100. function elementDrag(e) {
  1101. e = e || window.event;
  1102. e.preventDefault();
  1103. // calculate the new cursor position:
  1104. pos1 = pos3 - e.clientX;
  1105. pos2 = pos4 - e.clientY;
  1106. pos3 = e.clientX;
  1107. pos4 = e.clientY;
  1108. // set the element's new position:
  1109. elmnt.style.top = (elmnt.offsetTop - pos2) + "px";
  1110. elmnt.style.left = (elmnt.offsetLeft - pos1) + "px";
  1111. }
  1112.  
  1113. function closeDragElement() {
  1114. /* stop moving when mouse button is released:*/
  1115. document.onmouseup = null;
  1116. document.onmousemove = null;
  1117. }
  1118. }
  1119. </script>
  1120. <script>
  1121. dragElement(document.getElementById("windowdev"));
  1122.  
  1123. function dragElement(elmnt) {
  1124. var pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0;
  1125. if (document.getElementById(elmnt.id + "header")) {
  1126. /* if present, the header is where you move the DIV from:*/
  1127. document.getElementById(elmnt.id + "header").onmousedown = dragMouseDown;
  1128. } else {
  1129. /* otherwise, move the DIV from anywhere inside the DIV:*/
  1130. elmnt.onmousedown = dragMouseDown;
  1131. }
  1132.  
  1133. function dragMouseDown(e) {
  1134. e = e || window.event;
  1135. e.preventDefault();
  1136. // get the mouse cursor position at startup:
  1137. pos3 = e.clientX;
  1138. pos4 = e.clientY;
  1139. document.onmouseup = closeDragElement;
  1140. // call a function whenever the cursor moves:
  1141. document.onmousemove = elementDrag;
  1142. }
  1143.  
  1144. function elementDrag(e) {
  1145. e = e || window.event;
  1146. e.preventDefault();
  1147. // calculate the new cursor position:
  1148. pos1 = pos3 - e.clientX;
  1149. pos2 = pos4 - e.clientY;
  1150. pos3 = e.clientX;
  1151. pos4 = e.clientY;
  1152. // set the element's new position:
  1153. elmnt.style.top = (elmnt.offsetTop - pos2) + "px";
  1154. elmnt.style.left = (elmnt.offsetLeft - pos1) + "px";
  1155. }
  1156.  
  1157. function closeDragElement() {
  1158. /* stop moving when mouse button is released:*/
  1159. document.onmouseup = null;
  1160. document.onmousemove = null;
  1161. }
  1162. }
  1163. </script>
  1164. <script>
  1165. function closeApp() {
  1166. var navBtn = document.getElementById("cari");
  1167. var navExBtn = document.getElementById("nav1");
  1168. var b = document.getElementById("window1");
  1169. var a = document.getElementById("window");
  1170. a.classList.add("hide");
  1171. b.classList.add("hide");
  1172.  
  1173. navBtn.classList.remove("navBtnActive");
  1174. navExBtn.classList.add("hide");
  1175. }
  1176. function openApp() {
  1177. var a = document.getElementById("window");
  1178. a.classList.remove("hide");
  1179. }
  1180. function openCari() {
  1181. var a = document.getElementById("window1");
  1182. a.classList.remove("hide");
  1183. }
  1184. function closeCari() {
  1185. var a = document.getElementById("window1");
  1186. a.classList.add("hide");
  1187. }
  1188. function openEA() {
  1189. var a = document.getElementById("window2");
  1190. var b = document.getElementById("window2-1");
  1191. a.classList.remove("hide");
  1192. b.classList.add("hide");
  1193. }
  1194. function closeEA() {
  1195. var a = document.getElementById("window2");
  1196. a.classList.add("hide");
  1197. }
  1198. function openAboutEA() {
  1199. var a = document.getElementById("window2-5");
  1200. a.classList.remove("hide");
  1201. }
  1202. function closeAboutEA() {
  1203. var a = document.getElementById("window2-5");
  1204. a.classList.add("hide");
  1205. }
  1206.  
  1207. function toggleOverlayBlocker() {
  1208. var a = document.getElementById("overlayBlocker");
  1209. a.classList.toggle("hide");
  1210. }
  1211.  
  1212. function openEASearch() {
  1213. var a = document.getElementById("window2");
  1214. var b = document.getElementById("window2-1");
  1215. a.classList.add("hide");
  1216. b.classList.remove("hide");
  1217. }
  1218. function closeEASearch() {
  1219. var a = document.getElementById("window2-1");
  1220. a.classList.add("hide");
  1221. }
  1222.  
  1223. function openSaveBookmark() {
  1224. var a = document.getElementById("window3");
  1225. a.classList.remove("hide");
  1226. }
  1227. function closeSaveBookmark() {
  1228. var a = document.getElementById("window3");
  1229. a.classList.add("hide");
  1230. }
  1231.  
  1232. function openBookmarkList() {
  1233. var a = document.getElementById("window3-1");
  1234. a.classList.remove("hide");
  1235. }
  1236. function closeBookmarkList() {
  1237. var a = document.getElementById("window3-1");
  1238. a.classList.add("hide");
  1239. }
  1240.  
  1241. function openWCM() {
  1242. var a = document.getElementById("windowdev");
  1243. a.classList.remove("hide");
  1244. }
  1245. function closeWCM() {
  1246. var a = document.getElementById("windowdev");
  1247. a.classList.add("hide");
  1248. }
  1249.  
  1250. function toggleActive() {
  1251. var navBtn = document.getElementById("cari");
  1252. var navBtn1 = document.getElementById("ea");
  1253. var navExBtn = document.getElementById("nav1");
  1254. var navExBtn1 = document.getElementById("nav2");
  1255.  
  1256. navBtn.classList.toggle("navBtnActive");
  1257. navBtn1.classList.remove("navBtnActive");
  1258. navExBtn.classList.toggle("hide");
  1259. navExBtn1.classList.add("hide");
  1260. }
  1261.  
  1262. function toggleActive1() {
  1263. var navBtn = document.getElementById("ea");
  1264. var navBtn1 = document.getElementById("cari");
  1265. var navExBtn = document.getElementById("nav2");
  1266. var navExBtn1 = document.getElementById("nav1");
  1267.  
  1268. navBtn.classList.toggle("navBtnActive");
  1269. navBtn1.classList.remove("navBtnActive");
  1270. navExBtn.classList.toggle("hide");
  1271. navExBtn1.classList.add("hide");
  1272. }
  1273.  
  1274. function toggleActiveDev() {
  1275. var navBtn = document.getElementById("config");
  1276. var navExBtn = document.getElementById("navdev");
  1277.  
  1278. navBtn.classList.toggle("navBtnActive");
  1279. navExBtn.classList.toggle("hide");
  1280. }
  1281.  
  1282. function hideActiveDev() {
  1283. var navBtn = document.getElementById("config");
  1284. var navExBtn = document.getElementById("navdev");
  1285.  
  1286. navBtn.classList.remove("navBtnActive");
  1287. navExBtn.classList.add("hide");
  1288. }
  1289.  
  1290. function searchLoc() {
  1291. var addressInput = document.getElementById("webInput").value;
  1292. var protocolInput = document.getElementById("protocolInput").value;
  1293. var content = document.getElementById("content");
  1294.  
  1295. content.setAttribute("src", protocolInput + "//" + addressInput);
  1296. }
  1297.  
  1298. function searchRaw() {
  1299. var input = document.getElementById("rawAddressInput").value;
  1300. var content = document.getElementById("content");
  1301.  
  1302. content.setAttribute("src", input);
  1303. }
  1304.  
  1305. function searchOpenIn() {
  1306. var input = document.getElementById("rawAddressInput").value;
  1307.  
  1308. location.assign(input);
  1309. }
  1310.  
  1311. function searchEA() {
  1312. var animeSearch = document.getElementById("animeSearch").value;
  1313. var genres = document.getElementById("genres").value;
  1314. var content = document.getElementById("content");
  1315.  
  1316. content.setAttribute("src", "https://animeindo.cc/?s=" + animeSearch);
  1317. }
  1318.  
  1319. function randomPage() {
  1320. var max = document.getElementById("maxRndValue").value;
  1321. var random = Math.floor(Math.random() * (max - 0 + 1));
  1322. var to = document.getElementById("content");
  1323. var value = "https://animeindo.cc/daftar-anime/page/" + random + "/";
  1324. to.setAttribute("src", value);
  1325. }
  1326. </script>
  1327. <script>
  1328. function save() {
  1329. var main = document.getElementsByName("frame")[0].getAttribute("src");
  1330. var input2 = document.getElementById("rawAddressInput");
  1331. var input = document.getElementById("linkStorage");
  1332. input.value = main;
  1333. input2.value = main;
  1334. }
  1335.  
  1336. function refresh() {
  1337. var main = document.getElementById("linkStorage").value;
  1338. var content = document.getElementById("content");
  1339.  
  1340. content.setAttribute("src", main);
  1341. }
  1342. </script>
  1343. <script>
  1344. function home() {
  1345. var content = document.getElementById("content");
  1346. content.setAttribute("src", "https://animeindo.cc/");
  1347. }
  1348. function random() {
  1349. var content = document.getElementById("content");
  1350. content.setAttribute("src", "https://animeindo.cc/random/");
  1351. }
  1352. </script>
  1353.  
  1354. <script>
  1355. function addBookmark() {
  1356. var name = document.getElementById("name").value
  1357. var link = document.getElementById("link").value
  1358. var linkSimpanan = document.getElementById("listSimpanan");
  1359. var x = document.createElement("A");
  1360. var y = document.createElement("DIV");
  1361. var b = document.createElement("BR");
  1362. var t = document.createTextNode(name);
  1363. x.setAttribute("href", link);
  1364. x.appendChild(t);
  1365. linkSimpanan.appendChild(x);
  1366. linkSimpanan.appendChild(b);
  1367. }
  1368. </script>
  1369.  
  1370. <script>
  1371. function contentMax() {
  1372. var main = document.getElementById("content");
  1373. var w = screen.availWidth;
  1374. var h = screen.availHeight - 50;
  1375. main.setAttribute("style", "width: " + w + "px;height: " + h + "px;");
  1376. }
  1377. </script>
  1378.  
  1379. </body>
  1380. </html>
  1381.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!