1
1<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js" charset="utf-8"></script>
1 2
3<script type="text/javascript"> 4 5 //service functions 6 var getRandomInt = function (min, max) { 7 return Math.floor(Math.random() * (max - min + 1) + min); 8 } 9 10 function arrayObjectIndexOf(myArray, searchTerm, property) { 11 for(var i = 0, len = myArray.length; i < len; i++) { 12 if (myArray[i][property] === searchTerm) return i; 13 } 14 return -1; 15 } 16 17 var generateRandomID = function () { 18 return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) { 19 var r = Math.random()*16|0, v = c == 'x' ? r : (r&0x3|0x8); 20 return v.toString(16); 21 }); 22 } 23 24 //rating 25 /*$(function () { 26 $("#rateYo1").rateYo({ 27 rating: 3.6 28 }); 29 });*/ 30 31 // sleep time expects milliseconds 32 function sleep (time) { 33 return new Promise((resolve) => setTimeout(resolve, time)); 34 } 35 36 function sleepFor( sleepDuration ){ 37 var now = new Date().getTime(); 38 while(new Date().getTime() < now + sleepDuration){ /* do nothing */ } 39 } 40 41 function compareNumeric(a, b) { 42 if (a > b) return 1; 43 if (a < b) return -1; 44 } 45 46 function sortNumber(a,b) { 47 return a - b; 48 } 49 //\\ 50 51</script>
51 52<!DOCTYPE HTML> 53<html lang="en"> 54 <head> 55 <meta charset="utf-8"> 56 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 57 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 58 <meta name="description" content=""> 59 <meta name="author" content=""> 60 <link rel="icon" type="image/png" href="favicon.png" /> 61 <meta name="google-site-verification" content="H7sU57XhwZyUeXEZE3AoJfU8sZgayJkvBuYhh9F51f4" /> 62 63 <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"> 64 65
65<script type="text/javascript"> 66 var map_get = ""; 67 var name_get = ""; 68 var get_diseases = ""; 69 var get_mech = ""; 70 var filters = ""; 71 console.log("map_get: " + map_get); 72 73 if ( map_get.length > 0 ) { 74 map_id = map_get; 75 console.log("map_id1: " + map_id); 76 } else { 77 map_id = 0; //4444 //3737 78 console.log("map_id2: " + map_id); 79 } 80 81 if ( get_diseases.length > 0 ) { 82 console.log("disease: " + get_diseases); 83 } else { 84 console.log("no disease"); 85 get_diseases = 0; 86 } 87 88 if ( get_mech.length > 0 ) { 89 console.log("get_mech: " + get_mech); 90 } else { 91 console.log("no get_mech"); 92 get_mech = 0; 93 } 94 95 if ( filters.length > 0 ) { 96 console.log("filters: " + filters); 97 } else { 98 console.log("no filters"); 99 filters = 0; 100 } 101 102 </script>
102 103 104 <title>ONCO.IO citations</title> 105 106 <!-- Bootstrap core CSS --> 107 <link href="dist/css/bootstrap.min.css" rel="stylesheet"> 108 109 <!-- Yandex.Metrika counter --> 110
110<script type="text/javascript" >
vendor: 308 bytes, lines 110-115
110 111 (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; 112 m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) 113 (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); 114 115 ym(
11564410010
vendor: 135 bytes, lines 115-121
115, "init", { 116 clickmap:true, 117 trackLinks:true, 118 accurateTrackBounce:true, 119 webvisor:true 120 }); 121
121</script>
121 122 <noscript><div><img src="https://mc.yandex.ru/watch/64410010" style="position:absolute; left:-9999px;" alt="" /></div></noscript> 123 <!-- /Yandex.Metrika counter --> 124 125
125<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
125 126
126<script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script>
126 127 128 <!-- Latest compiled and minified CSS --> 129 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/rateYo/2.2.0/jquery.rateyo.min.css"> 130 131 <!-- Latest compiled and minified JavaScript --> 132
132<script src="https://cdnjs.cloudflare.com/ajax/libs/rateYo/2.2.0/jquery.rateyo.min.js"></script>
132 133 134 <!-- Custom styles for this template --> 135<!-- <link href="sticky-footer-navbar.css" rel="stylesheet"> --> 136 <link href="jquery_ui.css" rel="stylesheet"> 137 138 <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet" /> 139
139<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.full.js"></script>
139 140 141 <style> 142 143 .vesPtop { 144 display: inline; 145 font-weight: bold; 146 } 147 148 /* disable text selection */ 149 #chart { 150 border: 1px solid #ccc; 151 } 152 153 #main_svg { 154 border: 2px solid #ccc; 155 } 156 svg *::selection { 157 background : transparent; 158 } 159 160 svg *::-moz-selection { 161 background:transparent; 162 } 163 164 svg *::-webkit-selection { 165 background:transparent; 166 } 167 168 .svg-container { 169 display: inline-block; 170 position: relative; 171 width: 100%; 172 padding-bottom: 100%; /* aspect ratio */ 173 vertical-align: top; 174 overflow: hidden; 175 } 176 .svg-content-responsive { 177 display: inline-block; 178 position: absolute; 179 top: 10px; 180 left: 0; 181 } 182 183 rect.selection { 184 stroke : #333; 185 stroke-dasharray: 4px; 186 stroke-opacity : 0.5; 187 fill : transparent; 188 } 189 190 rect.cell-border { 191 stroke: #eee; 192 stroke-width:0.3px; 193 } 194 195 rect.cell-selected { 196 stroke: rgb(51,102,153); 197 stroke-width:0.5px; 198 } 199 200 rect.cell-hover { 201 stroke: #F00; 202 stroke-width:0.3px; 203 } 204 205 text.mono { 206 font-size: 11pt; 207 font-family: Consolas, courier; 208 fill: #aaa; 209 } 210 211 text.text-selected { 212 fill: #000; 213 } 214 215 text.text-highlight { 216 fill: #c00; 217 } 218 text.text-hover { 219 fill: #00C; 220 } 221 #tooltip { 222 position: absolute; 223 width: 200px; 224 height: auto; 225 padding: 10px; 226 background-color: white; 227 -webkit-border-radius: 10px; 228 -moz-border-radius: 10px; 229 border-radius: 10px; 230 -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4); 231 -moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4); 232 box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4); 233 pointer-events: none; 234 z-index: 1000; 235 } 236 237 #tooltip.hidden { 238 display: none; 239 } 240 241 #tooltip p { 242 margin: 0; 243 font-family: sans-serif; 244 font-size: 12px; 245 line-height: 20px; 246 } 247 248 div.tooltip { 249 position: absolute; 250 text-align: left; 251 width: 170px; 252 height: 170px; 253 padding: 8px; 254 font: 12px sans-serif; 255 background: lightsteelblue; 256 border: 0px; 257 border-radius: 8px; 258 } 259 260 261 .link { 262 /*stroke: #C0C0C0;*/ 263 stroke-width: 2px; 264 stroke-dasharray: 0, 2, 0; 265 fill: none 266 } 267 268 .node { 269 cursor: move; 270 fill: #ccc; 271 /*stroke: #696969;*/ 272 stroke-width: 1.5px; 273 line-height: 17.15px 274 font-size: 12px; 275 font-weight: 200; 276 } 277 278 .node.fixed { 279 fill: #f00; 280 } 281 282 .node text { 283 fill: #141823; /* #A0522D */ 284 } 285 286 #generic_lipid { 287 display: inline; 288 font-weight: bold; 289 background: #FFE4C4; 290 } 291 292 #current_lipid { 293 display: inline; 294 font-weight: bold; 295 } 296 297 #current_lipid a, #generic_lipid a { 298 color: #2F4F4F; 299 } 300 301 #activation, #unspecified, #inhibition{ 302 padding-left: 6px; 303 } 304 305 #activation { 306 color: #006400; 307 } 308 309 #inhibition{ 310 color: #8B0000; 311 } 312 313 /* VIZ */ 314 .node_text { 315 color: #A9A9A9; 316 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; 317 font-size: 13px; 318 line-height: 1.3; 319 } 320 321 .circle { 322 color: #C0C0C0; 323 324 } 325 326 .circle_protein { 327 background-image: url("http://oncobase.ru/lpd/imgs/enzyme.png"); 328 color: #C0C0C0; 329 } 330 331 .link_l { 332 color: #C0C0C0; 333 stroke: #696969; 334 fill: none; 335 stroke-width: 4; 336 } 337 338 .link_l_bleeding { 339 color: #f5f5f5; /*fffafa*/ 340 stroke: #b5b5b5; 341 stroke-dasharray: 2, 3; 342 fill: none 343 } 344 345 .link_act { 346 color: #006400; 347 stroke: #006400; 348 fill: none 349 } 350 351 .link_ing { 352 color: #8B0000; 353 stroke: #8B0000; 354 fill: none 355 } 356 357 .link_drug { 358 color: #4B0082; 359 stroke: #4B0082; 360 fill: none 361 } 362 363 .link_chem { 364 color: #D2691E; 365 stroke: #D2691E; 366 fill: none 367 } 368 369 .link_disease { 370 color: #BDB76B; 371 stroke: #BDB76B; 372 fill: none 373 } 374 375 376 .hidden { 377 display: none; 378 visibility: hidden; 379 } 380 381 /* BUTTON groups vertical and center */ 382 .center_text{ 383 width:92% 384 } 385 /*.toggle_width{ 386 width:5%; 387 }*/ 388 /*.btn { 389 -moz-user-select: none; 390 border-radius: 0.25rem; 391 display: inline-block; 392 width:100%; 393 background-color: #FFF; 394 line-height: 1.25; 395 padding: 0rem; 396 font-size: 1rem; 397 border: 1px solid #FFFAFA; 398 text-align: center; 399 transition: all 0.2s ease-in-out 0s; 400 vertical-align: middle; 401 white-space: nowrap; 402 }*/ 403 .btn_grp{ 404 width:100% !important; 405 font-size: 14px !important; 406 background-color: #fff; 407 padding: 0rem; 408 } 409 410 .btn_grp2{ 411 padding-left: -50px; 412 margin-left: -112px; 413 } 414 415 .btn_regulation{ 416 border-color: 1px solid #ccc; 417 background-color: #fff; 418 /*-moz-user-select: none;*/ 419 border-radius: 0.25rem; 420 /*display: inline-block;*/ 421 width:100% !important; 422 height: 22px !important; 423 line-height: 1.25 !important; 424 padding: 0rem !important; 425 font-size: 1rem !important; 426 text-align: center !important; 427 /*transition: all 0.2s ease-in-out 0s;*/ 428 vertical-align: middle !important; 429 white-space: nowrap !important; 430 } 431 432 .btn_regulation:hover, .btn_regulation:focus, .btn_regulation:active, .btn_regulation.active { 433 background-color: #98FB98; 434 border-color: #90EE90; /*set the color you want here*/ 435 } 436 437 .btn_grp:hover, .btn_grp:focus, .btn_grp:active, .btn_grp.active { 438 background-color: #98FB98; 439 border-color: #90EE90; /*set the color you want here*/ 440 } 441 442 button.btn.dropdown-toggle { 443 background-color: #fff; 444 height: 22px !important; 445 } 446 447 448 449 /*jQuery autocomplete */ 450 .ui-helper-hidden-accessible{ 451 padding-top: 108px; 452 margin-top: 108px; 453 } 454 455 .ui-menu-item-wrapper{ 456 border: 1px solid #333; 457 } 458 459 .ui-menu-item-wrapper:hover { 460 background-color: #98FB98; 461 border-color: #90EE90; /*set the color you want here*/ 462 } 463 464 .ui-autocomplete { 465 position: absolute; 466 top: 100%; 467 left: 0; 468 z-index: 1000; 469 float: left; 470 display: none; 471 min-width: 160px; 472 _width: 160px; 473 padding: 4px 0; 474 margin: 2px 0 0 0; 475 list-style: none; 476 background-color: #ffffff; 477 border-color: #ccc; 478 border-color: rgba(0, 0, 0, 0.2); 479 border-style: solid; 480 border-width: 1px; 481 -webkit-border-radius: 5px; 482 -moz-border-radius: 5px; 483 border-radius: 5px; 484 -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); 485 -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); 486 box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); 487 -webkit-background-clip: padding-box; 488 -moz-background-clip: padding; 489 background-clip: padding-box; 490 *border-right-width: 2px; 491 *border-bottom-width: 2px; 492 493 .ui-menu-item > a.ui-corner-all { 494 display: block; 495 padding: 3px 15px; 496 clear: both; 497 font-weight: normal; 498 line-height: 18px; 499 color: #555555; 500 white-space: nowrap; 501 502 &.ui-state-hover, &.ui-state-active { 503 color: #ffffff; 504 text-decoration: none; 505 background-color: #0088cc; 506 border-radius: 0px; 507 -webkit-border-radius: 0px; 508 -moz-border-radius: 0px; 509 background-image: none; 510 } 511 } 512 } 513 514 /* PROFILE */ 515 .lvl_1 { 516 background-color: #DEB887; 517 } 518 519 .lvl_2 { 520 background-color: #C0C0C0; 521 } 522 523 .lvl_3 { 524 background-color: #B8860B; 525 } 526 527 a, a:active, a:hover, a:hover .span_link { 528 text-decoration: none; 529 } 530 531 532 /* main */ 533 .green_numbers { 534 color: #008000; 535 font-weight: bold; 536 display: inline; 537 } 538 539 .red_numbers { 540 color: #8B0000; 541 font-weight: bold; 542 display: inline; 543 } 544 545 546 .red{ 547 color:red; 548 } 549 .form-area 550 { 551 background-color: #FAFAFA; 552 padding: 10px 40px 60px; 553 margin: 10px 0px 60px; 554 border: 1px solid GREY; 555 } 556 557 558 .puncture { 559 /*stroke: #333;*/ 560 stroke-width: 1px;
561 stroke-dasharray: 0, 2, 0; 562 } 563 564 .carousel .img-fluid{ 565 display: block; 566 width: auto; 567 /*height: 100%;*/ 568 /* width:100%; 569 height:100%;*/ 570 } 571 572 573 .carousel-control .icon-prev, .carousel-control .icon-next { 574 font-size: 100px; 575 margin-top: -50px; 576 color: #2F4F4F; 577 } 578 579 .carousel-control-prev-icona { 580 background-image: url("imgs/previous-24.png") 581 } 582 583 .carousel-control-next-icona { 584 background-image: url("imgs/next-24.png") 585 } 586 587 /*highlight input field*/ 588 .highlight_input { 589 outline: none; 590 border-width: 2px; 591 border-color: #9ecaed; 592 box-shadow: 0 0 20px #9ecaed; 593 } 594 595 .processes_tablo { 596 display: none; 597 } 598 599 .scope_table_link { 600 border-bottom: 1px #333 dotted; 601 display: inline; 602 } 603 604 .scope_table_link hover { 605 text-decoration: underline; 606 border-bottom: 1px #333; 607 display: inline; 608 } 609 610 611 612 /* offcanvas */ 613 614 /* Variables */ 615 616 /* Mixins*/ 617 @mixin transition($transition-property, $transition-time, $method) { 618 -webkit-transition: $transition-property $transition-time $method; 619 -moz-transition: $transition-property $transition-time $method; 620 -ms-transition: $transition-property $transition-time $method; 621 -o-transition: $transition-property $transition-time $method; 622 transition: $transition-property $transition-time $method; 623 } 624 625 /* Style tweaks */ 626 /*html, 627 body { 628 overflow-x: hidden; 629 height: 100%; 630 } 631 body { 632 padding-top: 70px; 633 }*/ 634 635 636 /* Off Canvas */ 637 638 @media screen { 639 .row-offcanvas { 640 right: 0; 641 position: relative; 642 @include transition(all, .3s, ease-out); 643 &.active { 644 right: 347px; 645 } 646 } 647 .sidebar-offcanvas { 648 position: absolute; 649 &.active { 650 position: none; 651 } 652 top: 0; 653 width: 347px; 654 right: -347px; 655 } 656 } 657 /* styling the sidebar and the toggle button */ 658 659 .content { 660 position: relative; 661 } 662 663 .sidebar { 664 background: #eceeef; /*rgba(51, 122, 183, 0.09)*/ 665 padding: 10px 15px; 666 margin-top:-20px; 667 border-radius: 0 0 0 5px; 668 } 669 .btn-collapse { 670 position: absolute; 671 padding: 8px 12px; 672 border-radius: 5px 5px 0 0; 673 top: 148px; 674 right: 20; 675 margin-right: -24px; 676 background: #eceeef; /*rgba(51, 122, 183, 0.09);*/ 677 transform: rotate(-90deg); 678 @include transition(all, .3s, ease-out); 679 } 680 .row-offcanvas.active .btn-collapse { 681 right: 0; 682 margin-right: -8px; 683 @include transition(all, .3s, ease-out); 684 685 i { 686 transform: rotate(180deg); 687 } 688 } 689 690 691 </style> 692 </head> 693 694 <body> 695 696 <div id="fb-root"></div> 697
697<script>(function(d, s, id) { 698 var js, fjs = d.getElementsByTagName(s)[0]; 699 if (d.getElementById(id)) return; 700 js = d.createElement(s); js.id = id; 701 js.src = "//connect.facebook.net/en_EN/sdk.js#xfbml=1&version=v2.9&appId=706557356197963"; 702 fjs.parentNode.insertBefore(js, fjs); 703 }(document, 'script', 'facebook-jssdk'));</script>
703 704 705 <!-- <div id="content"> --> 706 <!-- Fixed navbar --> 707 <div style = "padding-bottom: 74px;"> 708 <nav class="navbar navbar-toggleable-md navbar-inverse fixed-top bg-inverse"> 709 <!-- <div class="navbar navbar-inverse bg-inverse"> --> 710 <!-- <div class="container d-flex justify-content-between"> --> 711 <nav class="navbar navbar-toggleable-md navbar-inverse fixed-top bg-inverse"> 712 <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation"> 713 <span class="navbar-toggler-icon"></span> 714 </button> 715 <a class="navbar-brand" href="main.php"><img src = "imgs/onco.io.png" width="28"> ONCO.IO</a> 716 <div class="collapse navbar-collapse" id="navbarCollapse"> 717 <ul class="navbar-nav mr-auto"> 718 <li class="nav-item active"> 719 <a class="nav-link" href="help.php"> 720 Help 721 </a> 722 </li> 723 <li class="nav-item active"> 724 <a class="nav-link" href="#" data-toggle="modal" data-target="#contactsModal"> 725 Feedback 726 </a> 727 </li> 728 <li class="nav-item active"> 729 <a class="nav-link" href="#" data-toggle="modal" data-target="#loginModal"> 730 Login 731 </a> 732 </li> 733 <li class="nav-item active"> 734 <a class="nav-link" href="#" data-toggle="modal" data-target="#registerModal"> 735 Register 736 </a> 737 </li> 738 <li class="nav-item"> 739 <a href = "/profile.php"></a> 740 </li> 741 </ul> 742 743 <p id="project-description"></p> 744 745 </div> 746 </nav> 747 </div> 748 749 </nav> 750 751 <div id = "res"></div> 752 753
753<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js" charset="utf-8"></script>
753 754 <div class="container"> 755 <div class="row"> 756 <div class="col-md-12"> 757 <h3>About us (onco.io creators):</h3> 758 <ul> 759 <li>Alexey Kulikov</li> 760 <li>Stanislav Poyarkov</li> 761 <li>Svetlana Sorokina</li> 762 <li>Egor Veselovsky</li> 763 <li>Alexander Fokin</li> 764 </ul> 765 <p> 766 Koltzov Institute of Developmental Biology of Russian Academy of Sciences. 767 </p> 768 </div> 769 </div> 770 </div> 771 772 773 <!-- Modals --> 774 <div class="modal fade" id="loginModal" tabindex="-1" role="dialog" aria-labelledby="loginModalLabel" aria-hidden="true"> 775 <div class="modal-dialog" role="document"> 776 <div class="modal-content"> 777 <div class="modal-header"> 778 <h5 class="modal-title" id="loginModalLabel">Login</h5> 779 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 780 <span aria-hidden="true">×</span> 781 </button> 782 </div> 783 <form action="index.php" method="post"> 784 <div class="modal-body"> 785 <div class="row"> 786 <div class="col-md-12 well"> 787 788 <div class="form-group"> 789 <label for="exampleInputEmail1">Email address</label> 790 <input type="text" name="username" id="loginUsername" class="form-control" aria-describedby="emailHelp" placeholder="Enter email"> 791 <!--<small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>--> 792 </div> 793 <div class="form-group"> 794 <label for="exampleInputPassword1">Password</label> 795 <input type="password" name="password" class="form-control" id="exampleInputPassword1" placeholder="Password"> 796 </div> 797 </div> 798 </div> 799 </div> 800 <div class="modal-footer"> 801 <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> 802 <input type="submit" name="btnLogin" class="btn btn-primary" value="Login"/> 803 </div> 804 </form> 805 </div> 806 </div> 807 </div> 808 809 810 <!-- modal contacts --> 811 <div class="modal fade" id="contactsModal" tabindex="-1" role="dialog" aria-labelledby="contactsModalLabel" aria-hidden="true"> 812 <div class="modal-dialog" role="document"> 813 <div class="modal-content"> 814 815 <div id = "mail_result"></div> 816 <div class="modal-header"> 817 <h4>For any questions and suggestions, write to us by mail: [email protected]</h4> 818 <!-- <h5 class="modal-title" id="contactsModalLabel">Send feedback</h5> 819 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 820 <span aria-hidden="true">×</span> 821 </button> --> 822 </div> 823 <div class="form-area"> 824 [email protected] 825 <!-- <form id="feedback_form" role="form"> 826 <br style="clear:both"> 827 <div class="form-group"> 828 <input type="text" class="form-control" id="feedback_name" name="feedback_name" placeholder="Name" required> 829 </div> 830 <div class="form-group"> 831 <input type="email" class="form-control" id="feedback_email" name="feedback_email" placeholder="Email" required> 832 </div> 833 <div class="form-group"> 834 <textarea class="form-control" type="textarea" id="feedback_message" placeholder="Message" maxlength="1028" rows="7"></textarea> 835 <span class="help-block"><p id="characterLeft" class="help-block ">You have reached the limit</p></span> 836 </div> 837 838 <button type="button" id="submit_feedback" name="submit" class="btn btn-primary pull-right">Send</button> 839 </form> --> 840 </div> 841 </div> 842 </div> 843 </div> 844 845
845<script type="text/javascript"> 846 $(document).ready(function(){ 847 $('#characterLeft').text('828 characters left'); 848 $('#message').keydown(function () { 849 var max = 828; 850 var len = $(this).val().length; 851 if (len >= max) { 852 $('#characterLeft').text('You have reached the limit'); 853 $('#characterLeft').addClass('red'); 854 $('#btnSubmit').addClass('disabled'); 855 } 856 else { 857 var ch = max - len; 858 $('#characterLeft').text(ch + ' characters left'); 859 $('#btnSubmit').removeClass('disabled'); 860 $('#characterLeft').removeClass('red'); 861 } 862 }); 863 }); 864 865 866 $('#submit_feedback').click ( function () { 867 var name = $("#feedback_name").val(); 868 if (name.length > 0){ 869 var data = { 870 name: $("#feedback_name").val(), 871 email: $("#feedback_email").val(), 872 message: $("#feedback_message").val() 873 }; 874 $.ajax({ 875 type: "POST", 876 url: "email.php", 877 data: data, 878 success: function(d){ 879 console.dir(d); 880 console.log("email success"); 881 var msg = "<div class=\"alert alert-success\" role=\"alert\">\ 882 <strong>Your mail has been sent</a>.\ 883 </div>"; 884 document.getElementById('mail_result').innerHTML = msg; 885 $("#feedback_name").val(""); 886 $("#feedback_email").val(""); 887 $("#feedback_message").val(""); 888 //$('.success').fadeIn(1000); 889 } 890 }); 891 } else { 892 var msg = "<div class=\"alert alert-danger\" role=\"alert\">\ 893 <strong>Enter your name</a>.\ 894 </div>"; 895 document.getElementById('mail_result').innerHTML = msg; 896 } 897 }); 898 </script>
898 899 900 901 902 <div class="modal fade" id="registerModal" tabindex="-1" role="dialog" aria-labelledby="registerModalLabel" aria-hidden="true"> 903 <div class="modal-dialog" role="document"> 904 <div class="modal-content"> 905 <div class="modal-header"> 906 <h5 class="modal-title" id="registerModalLabel">Register</h5> 907 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 908 <span aria-hidden="true">×</span> 909 </button> 910 </div> 911 <form action="index.php" method="post"> 912 <div class="modal-body"> 913 <small>Registration is experimental! without email confirmation and password recovery!</small> 914 <div class="row"> 915 <div class="col-md-12 well"> 916 917 <div class="form-group"> 918 <label for="username">Name</label> 919 <input type="text" name="name" class="form-control" id="name"> 920 <!--<small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>--> 921 </div> 922 <div class="form-group"> 923 <label for="username">Email</label> 924 <input type="email" name="email" class="form-control" id="email"> 925 </div> 926 <div class="form-group"> 927 <label for="username">Username</label> 928 <input type="text" name="username" class="form-control" id="username"> 929 </div> 930 <div class="form-group"> 931 <label for="username">Password</label> 932 <input type="password" name="password" class="form-control" id="password"> 933 </div> 934 </div> 935 </div> 936 </div> 937 <div class="modal-footer"> 938 <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> 939 <input type="submit" name="btnRegister" class="btn btn-primary" value="Register"/> 940 </div> 941 </form> 942 </div> 943 </div> 944 </div> 945 946 <br /> 947 <footer class="footer"> 948 <hr /> 949 <div class="container"> 950 <br /> 951 <div class="row"> 952 <div class="col-2"> 953 ONCO.IO 2015-2020 ©<br /> 954 info/at/onco.io<br /> 955 <a href="about.php">about us</a> 956 </div> 957 <div class="col-2"> 958 <a href = "https://www.youtube.com/channel/UCH8di44kJg_HNFWsfQKoBlA"><img src = "imgs/youtube.png"></a> 959 <!--LiveInternet counter-->
959<script type="text/javascript"> 960 document.write("<a href='//www.liveinternet.ru/click' "+ 961 "target=_blank><img src='//counter.yadro.ru/hit?t38.1;r"+ 962 escape(document.referrer)+((typeof(screen)=="undefined")?"": 963 ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? 964 screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+ 965 ";"+Math.random()+ 966 "' alt='' title='LiveInternet' "+ 967 "border='0' width='31' height='31'><\/a>") 968 </script>
968<!--/LiveInternet--> 969 <!-- <a href = "http://sci-hub.tw/"><img src = "imgs/sci-hub.png" width="20"> sci-hub</a> --> 970 </div> 971 <div class="col-4"> 972 <div class="fb-like" data-href="http://onco.io" data-layout="standard" data-action="like" data-size="small" data-show-faces="true" data-share="true"></div><br /> 973 Squid head icon (in logo) by <a href = "http://lorcblog.blogspot.com/">Lorc</a> 974 </div> 975 </div> 976 <div class="row"> 977 <div class="col-12"> 978 <hr /> 979 </div> 980 </div> 981 <div class="row"> 982 <!-- <div class="col-2"> 983 <br /> 984
984<script type="text/javascript" data-id="2088" data-theme="green-badge" data-type="thumbnail" id="labworm_badge_script" src="https://labworm.com/new_js/widgets/labworm_badge.js"> 985 </script>
985 986 <div id="labworm_badge_holder"></div> 987 </div> --> 988 <!-- <div class="col-2"> 989 <br /> 990 <br /> 991 <div id="omictolls"><a href = "https://omictools.com/onco-io-tool"><img src = "imgs/omictools.png"></a></div> 992 </div> 993 <div class="col-2"> 994 <br /> 995 <br /> 996 <div id="Flag_of_Planet_Earth"><img width = "80" src = "International_Flag_of_Planet_Earth.png"></div> 997 </div> --> 998 999 1000 1001 <div class="col-12"> 1002 <hr /> 1003 </div> 1004 </div> 1005 <div class="row"> 1006 <div class="col-1"> 1007 <div style = "width: 80px; padding-top: 18px;"> 1008
1008<script type="text/javascript" id="clstr_globe" src="//cdn.clustrmaps.com/globe.js?d=8_1ePqu16WuhKEOww8r8BGcTPL8Cd_cHN0wFjqFZWTA"></script>
1008 1009 </div> 1010 </div> 1011 <div class="col-1"> 1012 <div style = "width: 120px;"> 1013
1013<script type="text/javascript" src="//ra.revolvermaps.com/0/0/6.js?i=0bvzhn7o0xr&m=7&c=e63100&cr1=ffffff&f=arial&l=0&bv=90&lx=-420&ly=420&hi=20&he=7&hc=a8ddff&rs=80" async="async"></script>
1013 1014 </div> 1015 </div> 1016 <!-- <div class="col-1"> 1017 <div style = "width: 80px; padding-top: 24px; padding-left: 24px;"> 1018 <a href = "http://thecostofknowledge.com/"><img alt="" title="" width = "74" src = "bad_elsevier.png"></a> 1019 </div> 1020 </div> 1021 <div class="col-1"> 1022 <div style = "width: 80px; padding-top: 24px; padding-left: 24px;"> 1023 <a href = "https://openaccess.engineering.oregonstate.edu/home"><img alt="" title="" width = "74" src = "imgs/nature_boycot.png"></a> 1024 </div> 1025 </div> 1026 <div class="col-1"> 1027 <div style = "width: 120px; padding-top: 24px; padding-left: 24px;"> 1028 <a href = "https://paywallthemovie.com/paywall"><img alt="" title="" width = "120" src = "paywalled.png"></a> 1029 </div> 1030 </div> --> 1031 </div> 1032 <!--<span class="text-muted"> 1033 1034 1035 </span> --> 1036 </div> 1037 </footer> 1038 1039 1040
1040<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script>
1040 1041
1041<script src="dist/js/bootstrap.min.js"></script>
1041 1042
1042<script id="dsq-count-scr" src="//onco-io.disqus.com/count.js" async></script>
1042 1043 1044</script>
1044 1045 </body> 1046</html> 1047
1048<script>
vendor: 345 bytes, lines 1048-1054
1048 1049 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 1050 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 1051 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 1052 })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); 1053 1054 ga('create', '
1054UA-100440262-1
vendor: 38 bytes, lines 1054-1055
1054', 'auto'); 1055 ga('send', 'pageview');
1056</script>
1056 1057
1058<script type="text/javascript"> 1059 //jquery regex extention 1060 jQuery.expr[':'].regex = function(elem, index, match) { 1061 var matchParams = match[3].split(','), 1062 validLabels = /^(data|css):/, 1063 attr = { 1064 method: matchParams[0].match(validLabels) ? 1065 matchParams[0].split(':')[0] : 'attr', 1066 property: matchParams.shift().replace(validLabels,'') 1067 }, 1068 regexFlags = 'ig', 1069 regex = new RegExp(matchParams.join('').replace(/^\s+|\s+$/g,''), regexFlags); 1070 return regex.test(jQuery(elem)[attr.method](attr.property)); 1071 } 1072 1073</script>
vendor: 1 bytes, line 1073
1073
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.