1(function() { 2 3 // $("#welcome").velocity({ 4 // opacity: "1", 5 // }, { 6 // duration: 500, 7 // easing: "easeInOutQuint", 8 // delay: 1000, 9 // }); 10 // 11 // $("#player").velocity({ 12 // opacity: "1", 13 // }, { 14 // duration: 500, 15 // easing: "easeInOutQuint", 16 // delay: 1200, 17 // }); 18 19 // ----- RC show title ------- 20 const updateShowTitle = (newTitle) => { 21 document.getElementsByClassName('show-title')[0].children[0].innerText = 22 newTitle; 23 }; 24 25 const apiKey = 'pk_733b5fdbfd084acf8a00828b2f22d4df'; 26 27 const fetchLiveNow = async () => { 28 const res = await fetch( 29 'https://api.radiocult.fm/api/station/Mouthfull%20Radio/schedule/live', 30 { 31 credentials: 'include', 32 headers: { 33 'x-api-key': apiKey, 34 }, 35 } 36 ); 37 38 if (!res.ok) { 39 return; 40 } 41 42 const json = await res.json(); 43 44 const { result } = json; 45 46 const { status } = result; 47 48 if (status === 'offAir') { 49 updateShowTitle('Off air'); 50 } 51 52 if (status === 'defaultPlaylist') { 53 updateShowTitle(result.content.name); 54 } 55 56 if (status === 'schedule') { 57 updateShowTitle(result.content.title); 58 } 59 }; 60 61 const setUpShowTitleCheck = () => { 62 setInterval(() => { 63 const date = new Date(); 64 65 if (date.getMinutes() % 15 === 0) { 66 fetchLiveNow(); 67 } 68 }, 60000); 69 }; 70 71 setUpShowTitleCheck(); 72 73 fetchLiveNow(); 74 75 // ---- RC show title end ----- 76 77 var swiper = new Swiper(".mySwiper", { 78 slidesPerView: 1, 79 loop: true, 80 speed: 1000, 81 clickable: false, 82 autoplay: { 83 autoplay: 15000, 84 disableOnInteraction: false, 85 }, 86 }); 87 88 89 $(document).ready(function() { 90 var playing = false; 91 // player play/pause button 92 $("#playpause").click(function() { 93 console.log('hello'); 94 $("#playBtn").toggleClass('is-active'); 95 96 // playing audio 97 if (playing == false) { 98 document.getElementById('radioPlayer').play(); 99 playing = true; 100 console.log('playing'); 101 102 } else { 103 document.getElementById('radioPlayer').pause(); 104 playing = false; 105 console.log('pause'); 106 } 107 108 }); 109 }); 110 111 112 113 114 // fullscreen section ::::::::::::::::::::::::::::::::::::::::: 115 $("#fullscreenExpand").click(function() { 116 117 118 // animates the plus/minus button 119 120 $("#fullscreenSection").toggleClass("check"); 121 122 $('#fullscreenSection').css("z-index", "100"); 123 124 125 $("#fullscreenSection").velocity({ 126 width: "100%", 127 height: "100vh", 128 top: "0", 129 right: "0", 130 borderRadius: "0", 131 opacity: "1", 132 }, { 133 duration: 300, 134 easing: "easeInOutQuint", 135 delay: 0, 136 }); 137 138 $("#aboutSection").velocity({ 139 opacity: "1", 140 marginTop: "50px" 141 }, { 142 duration: 1000, 143 easing: "easeInOutQuint", 144 delay: 1000, 145 }); 146 147 $("#buyMusic, #shopBtn, #homeBtn").velocity({ 148 opacity: "1", 149 marginTop: "-50px" 150 }, { 151 duration: 1000, 152 easing: "easeInOutQuint", 153 delay: 1000, 154 }); 155 156 }); 157 158 159 160 $("#fullscreenMinimize").click(function() { 161 162 // decrease size 163 $("#fullscreenSection").toggleClass("check"); 164 165 166 $('#fullscreenBtn').css("z-index", "1"); 167 168 $("#fullscreenSection").velocity({ 169 width: "40px", 170 height: "40px", 171 top: "4%", 172 right: "2%", 173 borderRadius: "60px", 174 }, { 175 duration: 200, 176 easing: "easeInOutQuint", 177 delay: 400, 178 }); 179 180 $("#fullscreenSection").velocity({ 181 opacity: "0", 182 zIndex: "0" 183 }, { 184 duration: 100, 185 easing: "easeInOutQuint", 186 delay: 200, 187 }); 188 189 $("#aboutSection").velocity({ 190 opacity: "0", 191 marginTop: "100px" 192 }, { 193 duration: 400, 194 easing: "easeInOutQuint", 195 delay: 0, 196 }); 197 198 $("#buyMusic, #shopBtn, #homeBtn").velocity({ 199 opacity: "0", 200 }, { 201 duration: 400, 202 easing: "easeInOutQuint", 203 delay: 0, 204 }); 205 206 207 }); 208 209 $('#buyMusic').click(function() { 210 $("<a>").prop({ 211 target: "_blank", 212 href: "https://buymusic.club/user/mouthfullradio" 213 })[0].click(); 214 }); 215 216 $('#shopBtn').click(function() { 217 $("<a>").prop({ 218 target: "_blank", 219 href: "https://mouthfullradio.bigcartel.com/" 220 })[0].click(); 221 }); 222 223 $('#homeBtn').click(function() { 224 $("<a>").prop({ 225 target: "_blank", 226 href: "https://www.mouthfull.live" 227 })[0].click(); 228 }); 229 230 231 232 233 234 var mq = window.matchMedia("(max-width: 860px)"); 235 if (mq.matches) { 236 // window width is at less than 480px 237
238 $("#welcomeExpand").click(function() { 239 240 $(this).toggleClass('end-closed'); 241 // animates the plus/minus button 242 243 if ($("#welcome").hasClass("check")) { 244 // increase size 245 246 $("#welcome").toggleClass("check") 247 248 $("#welcome").velocity({ 249 width: "300px", 250 }, { 251 duration: 500, 252 easing: "easeInOutQuint", 253 delay: 0, 254 }); 255 256 $("#welcome").velocity({ 257 height: "115px", 258 }, { 259 duration: 500, 260 easing: "easeInOutQuint", 261 delay: 0, 262 }); 263 264 } else { 265 // decrease size 266 267 $("#welcome").toggleClass("check") 268 269 $("#welcome").velocity({ 270 height: "35px", 271 }, { 272 duration: 500, 273 easing: "easeInOutQuint", 274 delay: 0, 275 }); 276 277 $("#welcome").velocity({ 278 width: "250px", 279 }, { 280 duration: 500, 281 easing: "easeInOutQuint", 282 delay: 0, 283 }); 284 285 } 286 287 }); 288 289 // PLAYER SECTION :::::::::::::::::::::::::::::::::::::::::::::::::::: 290 $("#playerExpand").click(function() { 291 292 $(this).toggleClass('end-closed'); 293 // animates the plus/minus button 294 295 if ($("#player").hasClass("check")) { 296 // increase size 297 298 $("#player").toggleClass("check") 299 300 $("#player").velocity({ 301 width: "300px", 302 }, { 303 duration: 500, 304 easing: "easeInOutQuint", 305 delay: 0, 306 }); 307 308 $("#player").velocity({ 309 height: "150px", 310 }, { 311 duration: 500, 312 easing: "easeInOutQuint", 313 delay: 0, 314 }); 315 316 } else { 317 // decrease size 318 319 $("#player").toggleClass("check") 320 321 $("#player").velocity({ 322 height: "35px", 323 }, { 324 duration: 500, 325 easing: "easeInOutQuint", 326 delay: 0, 327 }); 328 329 $("#player").velocity({ 330 width: "250px", 331 }, { 332 duration: 500, 333 easing: "easeInOutQuint", 334 delay: 0, 335 }); 336 337 } 338 339 }); 340 341 // CHATROOM SECTION BEGINS :::::::::::::::::::::::::::::::::::::::::::: 342 343 $("#chatroomExpand").click(function() { 344 345 $(this).toggleClass('end-opened'); 346 // animates the plus/minus button 347 348 if ($("#chatroom").hasClass("check")) { 349 // increase size 350 351 $("#chatroom").toggleClass("check") 352 353 $("#chatroom").velocity({ 354 width: "350px", 355 }, { 356 duration: 500, 357 easing: "easeInOutQuint", 358 delay: 0, 359 }); 360 361 $("#chatroom").velocity({
362 height: "550px", 363 }, { 364 duration: 500, 365 easing: "easeInOutQuint", 366 delay: 0, 367 }); 368 369 } else { 370 // decrease size 371 372 $("#chatroom").toggleClass("check") 373 374 $("#chatroom").velocity({ 375 height: "35px", 376 }, { 377 duration: 500, 378 easing: "easeInOutQuint", 379 delay: 0, 380 }); 381 382 $("#chatroom").velocity({ 383 width: "250px", 384 }, { 385 duration: 500, 386 easing: "easeInOutQuint", 387 delay: 0, 388 }); 389 390 } 391 392 }); 393 394 395 // SCHEDULE SECTION BEGINS :::::::::::::::::::::::::::::::::::::::::::: 396 397 $("#scheduleExpand").click(function() { 398 console.log('clicked'); 399 $(this).toggleClass('end-opened'); 400 // animates the plus/minus button 401 402 if ($("#schedule").hasClass("check")) { 403 // increase size 404 405 $("#schedule").toggleClass("check") 406 407 $("#schedule").velocity({ 408 width: "330px", 409 }, { 410 duration: 500, 411 easing: "easeInOutQuint", 412 delay: 0, 413 }); 414 415 $("#schedule").velocity({ 416 height: "450px", 417 }, { 418 duration: 500, 419 easing: "easeInOutQuint", 420 delay: 0, 421 }); 422 423 } else { 424 // decrease size 425 426 $("#schedule").toggleClass("check") 427 428 $("#schedule").velocity({ 429 height: "35px", 430 }, { 431 duration: 500, 432 easing: "easeInOutQuint", 433 delay: 0, 434 }); 435 436 $("#schedule").velocity({ 437 width: "250px", 438 }, { 439 duration: 500, 440 easing: "easeInOutQuint", 441 delay: 0, 442 }); 443 444 } 445 446 }); 447 448 449 // ARCHIVE SECTION BEGINS :::::::::::::::::::::::::::::::::::::::::::: 450 451 $("#archiveExpand").click(function() { 452 453 $(this).toggleClass('end-opened'); 454 // animates the plus/minus button 455 456 if ($("#archive").hasClass("check")) { 457 // increase size 458 459 $("#archive").toggleClass("check") 460 461 $("#archive").velocity({ 462 width: "330px", 463 }, { 464 duration: 500, 465 easing: "easeInOutQuint", 466 delay: 0, 467 }); 468 469 $("#archive").velocity({ 470 height: "350px", 471 }, { 472 duration: 500, 473 easing: "easeInOutQuint", 474 delay: 0, 475 }); 476 477 } else { 478 // decrease size 479 480 $("#archive").toggleClass("check") 481 482 $("#archive").velocity({ 483 height: "35px", 484 }, { 485 duration: 500, 486 easing: "easeInOutQuint", 487 delay: 0, 488 }); 489 490 $("#archive").velocity({ 491 width: "250px", 492 }, { 493 duration: 500, 494 easing: "easeInOutQuint", 495 delay: 0, 496 }); 497 498 } 499 500 }); 501 502 503 } else { 504 // window width is greater than 570px 505 // WELCOME SECTION :::::::::::::::::::::::::::::::::::::::::::::::::::: 506 $("#welcomeExpand").click(function() { 507 508 $(this).toggleClass('end-closed'); 509 // animates the plus/minus button 510 511 if ($("#welcome").hasClass("check")) { 512 // increase size 513 514 $("#welcome").toggleClass("check") 515 516 $("#welcome").velocity({ 517 width: "600px", 518 }, { 519 duration: 500, 520 easing: "easeInOutQuint", 521 delay: 0, 522 }); 523 524 $("#welcome").velocity({ 525 height: "190px", 526 }, { 527 duration: 500, 528 easing: "easeInOutQuint", 529 delay: 0, 530 }); 531 532 } else { 533 // decrease size 534 535 $("#welcome").toggleClass("check") 536 537 $("#welcome").velocity({ 538 height: "35px", 539 }, { 540 duration: 500, 541 easing: "easeInOutQuint", 542 delay: 0, 543 }); 544 545 $("#welcome").velocity({ 546 width: "250px", 547 }, { 548 duration: 500, 549 easing: "easeInOutQuint", 550 delay: 0, 551 }); 552 553 } 554 555 }); 556 557 // PLAYER SECTION :::::::::::::::::::::::::::::::::::::::::::::::::::: 558 $("#playerExpand").click(function() { 559 560 $(this).toggleClass('end-closed'); 561 // animates the plus/minus button 562 563 if ($("#player").hasClass("check")) { 564 // increase size 565 566 $("#player").toggleClass("check") 567 568 $("#player").velocity({ 569 width: "400px", 570 }, { 571 duration: 500, 572 easing: "easeInOutQuint", 573 delay: 0, 574 }); 575 576 $("#player").velocity({ 577 height: "170px", 578 }, { 579 duration: 500, 580 easing: "easeInOutQuint", 581 delay: 0, 582 }); 583 584 } else { 585 // decrease size 586 587 $("#player").toggleClass("check") 588 589 $("#player").velocity({ 590 height: "35px", 591 }, { 592 duration: 500, 593 easing: "easeInOutQuint", 594 delay: 0, 595 }); 596 597 $("#player").velocity({ 598 width: "250px", 599 }, { 600 duration: 500, 601 easing: "easeInOutQuint", 602 delay: 0, 603 }); 604 605 } 606 607 }); 608 609 610 611 612 613 614 615 616 617 618 619 // CHATROOM SECTION BEGINS :::::::::::::::::::::::::::::::::::::::::::: 620 621 $("#chatroomExpand").click(function() { 622 623 $(this).toggleClass('end-opened'); 624 // animates the plus/minus button 625 626 if ($("#chatroom").hasClass("check")) { 627 // increase size 628 629 $("#chatroom").toggleClass("check") 630 631 $("#chatroom").velocity({ 632 width: "470px", 633 }, { 634 duration: 500, 635 easing: "easeInOutQuint", 636 delay: 0, 637 }); 638 639 $("#chatroom").velocity({
640 height: "550px", 641 }, { 642 duration: 500, 643 easing: "easeInOutQuint", 644 delay: 0, 645 }); 646 647 } else { 648 // decrease size 649 650 $("#chatroom").toggleClass("check") 651 652 $("#chatroom").velocity({ 653 height: "35px", 654 }, { 655 duration: 500, 656 easing: "easeInOutQuint", 657 delay: 0, 658 }); 659 660 $("#chatroom").velocity({ 661 width: "250px", 662 }, { 663 duration: 500, 664 easing: "easeInOutQuint", 665 delay: 0, 666 }); 667 668 } 669 670 }); 671 672 673 674 675 676 // SCHEDULE SECTION BEGINS :::::::::::::::::::::::::::::::::::::::::::: 677 678 $("#scheduleExpand").click(function() { 679 console.log('clicked'); 680 $(this).toggleClass('end-opened'); 681 // animates the plus/minus button 682 683 if ($("#schedule").hasClass("check")) { 684 // increase size 685 686 $("#schedule").toggleClass("check") 687 688 $("#schedule").velocity({ 689 width: "500px", 690 }, { 691 duration: 500, 692 easing: "easeInOutQuint", 693 delay: 0, 694 }); 695 696 $("#schedule").velocity({ 697 height: "385px", 698 }, { 699 duration: 500, 700 easing: "easeInOutQuint", 701 delay: 0, 702 }); 703 704 } else { 705 // decrease size 706 707 $("#schedule").toggleClass("check") 708 709 $("#schedule").velocity({ 710 height: "35px", 711 }, { 712 duration: 500, 713 easing: "easeInOutQuint", 714 delay: 0, 715 }); 716 717 $("#schedule").velocity({ 718 width: "250px", 719 }, { 720 duration: 500, 721 easing: "easeInOutQuint", 722 delay: 0, 723 }); 724 725 } 726 727 }); 728 729 730 731 732 // ARCHIVE SECTION BEGINS :::::::::::::::::::::::::::::::::::::::::::: 733 734 $("#archiveExpand").click(function() { 735 736 $(this).toggleClass('end-opened'); 737 // animates the plus/minus button 738 739 if ($("#archive").hasClass("check")) { 740 // increase size 741 742 $("#archive").toggleClass("check") 743 744 $("#archive").velocity({ 745 width: "500px", 746 }, { 747 duration: 500, 748 easing: "easeInOutQuint", 749 delay: 0, 750 }); 751 752 $("#archive").velocity({ 753 height: "350px", 754 }, { 755 duration: 500, 756 easing: "easeInOutQuint", 757 delay: 0, 758 }); 759 760 } else { 761 // decrease size 762 763 $("#archive").toggleClass("check") 764 765 $("#archive").velocity({ 766 height: "35px", 767 }, { 768 duration: 500, 769 easing: "easeInOutQuint", 770 delay: 0, 771 }); 772 773 $("#archive").velocity({ 774 width: "250px", 775 }, { 776 duration: 500, 777 easing: "easeInOutQuint", 778 delay: 0, 779 }); 780 781 } 782 783 }); 784 785 786 787 788 789 790 // ROTATION SECTION BEGINS :::::::::::::::::::::::::::::::::::::::::::: 791 792 $("#rotationExpand").click(function() { 793 794 $(this).toggleClass('end-closed'); 795 // animates the plus/minus button 796 797 if ($("#rotation").hasClass("check")) { 798 // increase size 799 800 $("#rotation").toggleClass("check") 801 802 $("#rotation").velocity({ 803 width: "400px", 804 }, { 805 duration: 500, 806 easing: "easeInOutQuint", 807 delay: 0, 808 }); 809 810 $("#rotation").velocity({ 811 height: "580px", 812 }, { 813 duration: 500, 814 easing: "easeInOutQuint", 815 delay: 0, 816 }); 817 818 } else { 819 // decrease size 820 821 $("#rotation").toggleClass("check") 822 823 $("#rotation").velocity({ 824 height: "35px", 825 }, { 826 duration: 500, 827 easing: "easeInOutQuint", 828 delay: 0, 829 }); 830 831 $("#rotation").velocity({ 832 width: "250px", 833 }, { 834 duration: 500, 835 easing: "easeInOutQuint", 836 delay: 0, 837 }); 838 839 } 840 841 }); 842 843 // mq ends 844 } 845 846 847 848 849 850 851 852 853 // $(document).ready(function () { 854 // $('.flexslider').flexslider({ 855 // animation: 'fade', 856 // controlsContainer: '.flexslider' 857 // }); 858 // }); 859 // // slideshow 860 861 862 dragElement(document.getElementById("rotation")); 863 864 function dragElement(elmnt) { 865 var pos1 = 0, 866 pos2 = 0, 867 pos3 = 0, 868 pos4 = 0; 869 if (document.getElementById(elmnt.id + "rotationHeader")) { 870 // if present, the header is where you move the DIV from: 871 document.getElementById(elmnt.id + "rotationHeader").onmousedown = dragMouseDown; 872 } else { 873 // otherwise, move the DIV from anywhere inside the DIV: 874 elmnt.onmousedown = dragMouseDown; 875 } 876 877 function dragMouseDown(e) { 878 e = e || window.event; 879 e.preventDefault();
880 // get the mouse cursor position at startup: 881 pos3 = e.clientX; 882 pos4 = e.clientY; 883 document.onmouseup = closeDragElement; 884 // call a function whenever the cursor moves: 885 document.onmousemove = elementDrag; 886 } 887 888 function elementDrag(e) { 889 e = e || window.event; 890 e.preventDefault(); 891 // calculate the new cursor position: 892 pos1 = pos3 - e.clientX; 893 pos2 = pos4 - e.clientY; 894 pos3 = e.clientX; 895 pos4 = e.clientY; 896 // set the element's new position: 897 elmnt.style.top = (elmnt.offsetTop - pos2) + "px"; 898 elmnt.style.left = (elmnt.offsetLeft - pos1) + "px"; 899 } 900 901 function closeDragElement() { 902 // stop moving when mouse button is released: 903 document.onmouseup = null; 904 document.onmousemove = null; 905 } 906 } 907 908 909 dragElement(document.getElementById("welcome")); 910 911 function dragElement(elmnt) { 912 var pos1 = 0, 913 pos2 = 0, 914 pos3 = 0, 915 pos4 = 0; 916 if (document.getElementById(elmnt.id + "welcomeHeader")) { 917 // if present, the header is where you move the DIV from: 918 document.getElementById(elmnt.id + "welcomeHeader").onmousedown = dragMouseDown; 919 } else { 920 // otherwise, move the DIV from anywhere inside the DIV: 921 elmnt.onmousedown = dragMouseDown; 922 } 923 924 function dragMouseDown(e) { 925 e = e || window.event; 926 e.preventDefault(); 927 // get the mouse cursor position at startup: 928 pos3 = e.clientX; 929 pos4 = e.clientY; 930 document.onmouseup = closeDragElement; 931 // call a function whenever the cursor moves: 932 document.onmousemove = elementDrag; 933 } 934 935 function elementDrag(e) { 936 e = e || window.event; 937 e.preventDefault(); 938 // calculate the new cursor position: 939 pos1 = pos3 - e.clientX; 940 pos2 = pos4 - e.clientY; 941 pos3 = e.clientX; 942 pos4 = e.clientY; 943 // set the element's new position: 944 elmnt.style.top = (elmnt.offsetTop - pos2) + "px"; 945 elmnt.style.left = (elmnt.offsetLeft - pos1) + "px"; 946 } 947 948 function closeDragElement() { 949 // stop moving when mouse button is released: 950 document.onmouseup = null; 951 document.onmousemove = null; 952 } 953 } 954 955 956 957 dragElement(document.getElementById("schedule")); 958 959 function dragElement(elmnt) { 960 var pos1 = 0, 961 pos2 = 0, 962 pos3 = 0, 963 pos4 = 0; 964 if (document.getElementById(elmnt.id + "scheduleHeader")) { 965 // if present, the header is where you move the DIV from: 966 document.getElementById(elmnt.id + "scheduleHeader").onmousedown = dragMouseDown; 967 } else { 968 // otherwise, move the DIV from anywhere inside the DIV: 969 elmnt.onmousedown = dragMouseDown; 970 } 971 972 function dragMouseDown(e) { 973 e = e || window.event; 974 e.preventDefault(); 975 // get the mouse cursor position at startup: 976 pos3 = e.clientX; 977 pos4 = e.clientY; 978 document.onmouseup = closeDragElement; 979 // call a function whenever the cursor moves: 980 document.onmousemove = elementDrag; 981 } 982 983 function elementDrag(e) { 984 e = e || window.event; 985 e.preventDefault(); 986 // calculate the new cursor position: 987 pos1 = pos3 - e.clientX; 988 pos2 = pos4 - e.clientY; 989 pos3 = e.clientX; 990 pos4 = e.clientY; 991 // set the element's new position: 992 elmnt.style.top = (elmnt.offsetTop - pos2) + "px"; 993 elmnt.style.left = (elmnt.offsetLeft - pos1) + "px"; 994 } 995 996 function closeDragElement() { 997 // stop moving when mouse button is released: 998 document.onmouseup = null; 999 document.onmousemove = null; 1000 } 1001 } 1002 1003 1004 dragElement(document.getElementById("chatroom")); 1005 1006 function dragElement(elmnt) { 1007 var pos1 = 0, 1008 pos2 = 0, 1009 pos3 = 0, 1010 pos4 = 0; 1011 if (document.getElementById(elmnt.id + "chatroomHeader")) { 1012 // if present, the header is where you move the DIV from: 1013 document.getElementById(elmnt.id + "chatroomHeader").onmousedown = dragMouseDown; 1014 } else { 1015 // otherwise, move the DIV from anywhere inside the DIV: 1016 elmnt.onmousedown = dragMouseDown; 1017 } 1018 1019 function dragMouseDown(e) { 1020 e = e || window.event; 1021 e.preventDefault();
1022 // get the mouse cursor position at startup: 1023 pos3 = e.clientX; 1024 pos4 = e.clientY; 1025 document.onmouseup = closeDragElement; 1026 // call a function whenever the cursor moves: 1027 document.onmousemove = elementDrag; 1028 } 1029 1030 function elementDrag(e) { 1031 e = e || window.event; 1032 e.preventDefault(); 1033 // calculate the new cursor position: 1034 pos1 = pos3 - e.clientX; 1035 pos2 = pos4 - e.clientY; 1036 pos3 = e.clientX; 1037 pos4 = e.clientY; 1038 // set the element's new position: 1039 elmnt.style.top = (elmnt.offsetTop - pos2) + "px"; 1040 elmnt.style.left = (elmnt.offsetLeft - pos1) + "px"; 1041 } 1042 1043 function closeDragElement() { 1044 // stop moving when mouse button is released: 1045 document.onmouseup = null; 1046 document.onmousemove = null; 1047 } 1048 } 1049 1050 function changeSrc(obj) { 1051 document.getElementById("myiframe").src = obj.href; 1052 } 1053 1054 1055 1056 1057 dragElement(document.getElementById("archive")); 1058 1059 function dragElement(elmnt) { 1060 var pos1 = 0, 1061 pos2 = 0, 1062 pos3 = 0, 1063 pos4 = 0; 1064 if (document.getElementById("archiveHeader")) { 1065 // if present, the header is where you move the DIV from: 1066 document.getElementById("archiveHeader").onmousedown = dragMouseDown; 1067 } else { 1068 // otherwise, move the DIV from anywhere inside the DIV: 1069 elmnt.onmousedown = dragMouseDown; 1070 } 1071 1072 function dragMouseDown(e) { 1073 e = e || window.event; 1074 e.preventDefault(); 1075 // get the mouse cursor position at startup: 1076 pos3 = e.clientX; 1077 pos4 = e.clientY; 1078 document.onmouseup = closeDragElement; 1079 // call a function whenever the cursor moves: 1080 document.onmousemove = elementDrag; 1081 } 1082 1083 function elementDrag(e) { 1084 e = e || window.event; 1085 e.preventDefault(); 1086 // calculate the new cursor position: 1087 pos1 = pos3 - e.clientX; 1088 pos2 = pos4 - e.clientY; 1089 pos3 = e.clientX; 1090 pos4 = e.clientY; 1091 // set the element's new position: 1092 elmnt.style.top = (elmnt.offsetTop - pos2) + "px"; 1093 elmnt.style.left = (elmnt.offsetLeft - pos1) + "px"; 1094 } 1095 1096 function closeDragElement() { 1097 // stop moving when mouse button is released: 1098 document.onmouseup = null; 1099 document.onmousemove = null; 1100 } 1101 } 1102 1103 dragElement(document.getElementById("chatroom")); 1104 1105 function dragElement(elmnt) { 1106 var pos1 = 0, 1107 pos2 = 0, 1108 pos3 = 0, 1109 pos4 = 0; 1110 if (document.getElementById(elmnt.id + "chatroomHeader")) { 1111 // if present, the header is where you move the DIV from: 1112 document.getElementById(elmnt.id + "chatroomHeader").onmousedown = dragMouseDown; 1113 } else { 1114 // otherwise, move the DIV from anywhere inside the DIV: 1115 elmnt.onmousedown = dragMouseDown; 1116 } 1117 1118 function dragMouseDown(e) { 1119 e = e || window.event; 1120 e.preventDefault(); 1121 // get the mouse cursor position at startup: 1122 pos3 = e.clientX; 1123 pos4 = e.clientY; 1124 document.onmouseup = closeDragElement; 1125 // call a function whenever the cursor moves: 1126 document.onmousemove = elementDrag; 1127 } 1128 1129 function elementDrag(e) { 1130 e = e || window.event; 1131 e.preventDefault(); 1132 // calculate the new cursor position: 1133 pos1 = pos3 - e.clientX; 1134 pos2 = pos4 - e.clientY; 1135 pos3 = e.clientX; 1136 pos4 = e.clientY; 1137 // set the element's new position: 1138 elmnt.style.top = (elmnt.offsetTop - pos2) + "px"; 1139 elmnt.style.left = (elmnt.offsetLeft - pos1) + "px"; 1140 } 1141 1142 function closeDragElement() { 1143 // stop moving when mouse button is released: 1144 document.onmouseup = null; 1145 document.onmousemove = null; 1146 } 1147 } 1148 1149 dragElement(document.getElementById("player")); 1150 1151 function dragElement(elmnt) { 1152 var pos1 = 0, 1153 pos2 = 0, 1154 pos3 = 0, 1155 pos4 = 0; 1156 if (document.getElementById(elmnt.id + "playerHeader")) { 1157 // if present, the header is where you move the DIV from: 1158 document.getElementById(elmnt.id + "playerHeader").onmousedown = dragMouseDown; 1159 } else { 1160 // otherwise, move the DIV from anywhere inside the DIV: 1161 elmnt.onmousedown = dragMouseDown; 1162 } 1163 1164 function dragMouseDown(e) { 1165 e = e || window.event; 1166 e.preventDefault();
1167 // get the mouse cursor position at startup: 1168 pos3 = e.clientX; 1169 pos4 = e.clientY; 1170 document.onmouseup = closeDragElement; 1171 // call a function whenever the cursor moves: 1172 document.onmousemove = elementDrag; 1173 } 1174 1175 function elementDrag(e) { 1176 e = e || window.event; 1177 e.preventDefault(); 1178 // calculate the new cursor position: 1179 pos1 = pos3 - e.clientX; 1180 pos2 = pos4 - e.clientY; 1181 pos3 = e.clientX; 1182 pos4 = e.clientY; 1183 // set the element's new position: 1184 elmnt.style.top = (elmnt.offsetTop - pos2) + "px"; 1185 elmnt.style.left = (elmnt.offsetLeft - pos1) + "px"; 1186 } 1187 1188 function closeDragElement() { 1189 // stop moving when mouse button is released: 1190 document.onmouseup = null; 1191 document.onmousemove = null; 1192 } 1193 } 1194 1195 1196}()); 1197// IIFE ENDS
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.