goto.js 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145
  1. // $('.sec05-moblie-container').slick({
  2. // arrows: false,
  3. // slidesToShow: 1,
  4. // slidesToScroll: 1,
  5. // infinite: false,
  6. // centerMode: true,
  7. // });
  8. $(".sendbox").hide();
  9. $(document).on("click", ".collectcard", function (event) {
  10. $(".sendbox").toggle(500);
  11. $(this).toggleClass("select");
  12. });
  13. // 收藏頁面
  14. $(document).ready(function () {
  15. collecturl = location.search;
  16. getcollect = collecturl.split("?")
  17. console.log(getcollect[0]);
  18. console.log(getcollect[1]);
  19. var collectuserid = getcollect[1];
  20. $.ajax({
  21. method: "GET",
  22. url: "https://api.ptt.cx:8228/collection/" + collectuserid + "",
  23. // url:"https://api.ptt.cx:8228/collection/Uf161c92b16f84357987a78c2b4b47719",
  24. dataType: "json",
  25. })
  26. .done(function (msg) {
  27. console.log(msg);
  28. // console.log(Object.keys(msg).length);
  29. let msgLen =Object.keys(msg).length;
  30. console.log(msgLen)
  31. var collectcontent = '';
  32. for(var i = 0; i < msgLen; i++){
  33. collectcontent+='\
  34. <div class="collectcontent col">\
  35. <input style="display: none;" type="checkbox" value="'+msg[i].id+'" name="card1" id="'+msg[i].id+'">\
  36. <label for="'+msg[i].id+'">\
  37. <div class="collectcard card h-100">\
  38. <a target="_blank">\
  39. <img src="'+msg[i].imgurl+'"class="card-img-top" alt="...">\
  40. </a>\
  41. <div class="card-body p-2">\
  42. <a target="_blank">\
  43. <h5 class="card-title pt-3">'+msg[i].title+'</h5>\
  44. </a>\
  45. <p class="card-text">\
  46. '+msg[i].context+' \
  47. </p>\
  48. <p class="card-text row">\
  49. <small class="text-muted col-6 px-1">\
  50. <img class="mb-1 mx-1 d-inline" style="width: 10px; object-fit: cover; "\
  51. src="./img/sec05/Icon awesome-ethereum.png" alt=""><span>'+msg[i].cost+'</span>\
  52. </small>\
  53. <small class="price col-6 px-0 text-center">\
  54. <img class="mb-1 mx-1 d-inline" style="width: 12px; object-fit: cover; " src="./img/sec05/like.png" alt=""><span>'+msg[i].likes+'</span></small>\
  55. </p>\
  56. </div>\
  57. </div>\
  58. </label>\
  59. </div>';
  60. }
  61. $('.sec05-moblie-container').html(collectcontent);
  62. });
  63. });
  64. console.log(1);
  65. // $(document).ready(function () {
  66. // function get_data(){
  67. // $.ajax({
  68. // method: "GET",
  69. // // url:"https://api.ptt.cx:8228/collection/""+userid+",
  70. // url:"https://api.ptt.cx:8228/collection/U176663ce100ebb1f4c404d48749decb1_test_000_000_000",
  71. // dataType: "json",
  72. // })
  73. // .done(function (msg) {
  74. // console.log(msg);
  75. // });
  76. // }
  77. // get_data();
  78. // });
  79. // console.log(location.href);
  80. $(document).ready(function () {
  81. url = location.search;
  82. getSearch = url.split("?")
  83. console.log(getSearch[0]);
  84. console.log(getSearch[1]);
  85. var userid = getSearch[1];
  86. function get_data() {
  87. $.ajax({
  88. method: "GET",
  89. url: "https://api.ptt.cx:8228/receive/" + userid + "",
  90. dataType: "json",
  91. })
  92. .done(function (msg) {
  93. console.log(msg);
  94. console.log(msg.base)
  95. var Qrcodeimg = '';
  96. var useraddress = '';
  97. Qrcodeimg += '\
  98. <img src="data:image/png;base64,'+ msg.base + '" alt="">\
  99. ';
  100. useraddress += '\
  101. '+ msg.useraddress + '\
  102. ';
  103. $('#Qrcode').html(Qrcodeimg);
  104. $('#copy').html(useraddress);
  105. });
  106. }
  107. get_data();
  108. });
  109. function copyEvent(id) {
  110. var str = document.getElementById(id);
  111. window.getSelection().selectAllChildren(str);
  112. document.execCommand("Copy")
  113. toastr.options = {
  114. // 參數設定[註1]
  115. "closeButton": false, // 顯示關閉按鈕
  116. "debug": false, // 除錯
  117. "newestOnTop": false, // 最新一筆顯示在最上面
  118. "progressBar": false, // 顯示隱藏時間進度條
  119. "positionClass": "toast-top-center", // 位置的類別
  120. "preventDuplicates": false, // 隱藏重覆訊息
  121. "onclick": null, // 當點選提示訊息時,則執行此函式
  122. "showDuration": "300", // 顯示時間(單位: 毫秒)
  123. "hideDuration": "1000", // 隱藏時間(單位: 毫秒)
  124. "timeOut": "1000", // 當超過此設定時間時,則隱藏提示訊息(單位: 毫秒)
  125. "extendedTimeOut": "1000", // 當使用者觸碰到提示訊息時,離開後超過此設定時間則隱藏提示訊息(單位: 毫秒)
  126. "showEasing": "swing", // 顯示動畫時間曲線
  127. "hideEasing": "linear", // 隱藏動畫時間曲線
  128. "showMethod": "fadeIn", // 顯示動畫效果
  129. "hideMethod": "fadeOut" // 隱藏動畫效果
  130. }
  131. toastr.success("複製成功");
  132. }