API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Oct 29th, 2017
111
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 49.84 KB | None | 0 0
raw download clone embed print report
  1. <?php
  2.     if(!is_user_logged_in())
  3.     {
  4.         ?>
  5. <html>
  6.     <body>
  7.         <h2>กรุณาล็อกอินเข้าระบบก่อนเข้าร่วมโหวตรูปถ่าย</h2>
  8.         <h4><br><a href="http://tsvd.org/login/">ไปยังหน้าล็อกอิน</a></h4>
  9.  
  10.         <h2>สำหรับผู้ที่ยังไม่ได้ลงทะเบียนเป็นสมาชิก ส.น.ท.ย. ขอความกรุณาลงทะเบียนก่อนนะครับ</h2>
  11.         <h4><br><a href="http://tsvd.org/register">ไปยังหน้าลงทะเบียน</a></h4>
  12.     </body>
  13. </html>
  14.         <?php
  15.     } else {
  16.         if(!empty($_POST))
  17.         {
  18.             // process request
  19.             $DB_HOST = "tsvdregis.db.12971319.hostedresource.com";
  20.             $DB_USER = "tsvdregis";
  21.             $DB_PASS = "FJI%808g9a2r";
  22.             $DB_NAME = "tsvdregis";
  23.  
  24.             $db = new mysqli($DB_HOST, $DB_USER, $DB_PASS, $DB_NAME);
  25.  
  26.             mysqli_set_charset($db, "utf8");
  27.  
  28.             if($db->connect_errno > 0)
  29.             {
  30.                 die("Unable to connect to database [" . $db->connect_error . "]");
  31.             }
  32.  
  33.             $ballots = explode(",", $_POST["chosenPics"]);
  34.  
  35.             if(sizeof($ballots) != 5)
  36.             {
  37.                 die("ข้อมูลผิดนะฮะแหม่ จะแกล้งเลาหลอ :3");
  38.             }
  39.  
  40.             for($i = 0; $i < 5; $i++)
  41.             {
  42.                 $ballots[$i] = intval($ballots[$i]);
  43.  
  44.                 if(0 >= $ballots[$i] || $ballots[$i] > 99)
  45.                 {
  46.                     die("ข้อมูลผิดนะฮะแหม่ จะแกล้งเลาหลอ :3");
  47.                 }
  48.             }
  49.  
  50.             $date = date('Y-m-d H:i:s');
  51.  
  52.             for($i = 0; $i < 5; $i++)
  53.             {
  54.                 $sql = "INSERT INTO d_17_10_28_photo_contest (userID, ballot, register_time)" .
  55.                    " VALUES (" . get_current_user_id() . ", " . $ballots[$i] . ", '" . $date . "')";
  56.  
  57.                 if(!$db->query($sql))
  58.                 {
  59.                     die("Unable to insert data [" . $sql . "]<br>[" . $db->error . "]");
  60.                 }
  61.             }
  62.  
  63.             $sql = "INSERT INTO d_17_10_28_photo_contest_voted (userID, register_time)" .
  64.                " VALUES (" . get_current_user_id() . ", '" . $date . "')";
  65.  
  66.             $db->query($sql);
  67.             ?>
  68. <html>
  69.     <body>
  70.         <h2>ลงคะแนนโหวตเรียบร้อย</h2>
  71.     </body>
  72. </html>
  73.             <?php
  74.         } else {
  75.             $DB_HOST = "tsvdregis.db.12971319.hostedresource.com";
  76.             $DB_USER = "tsvdregis";
  77.             $DB_PASS = "FJI%808g9a2r";
  78.             $DB_NAME = "tsvdregis";
  79.  
  80.             $db = new mysqli($DB_HOST, $DB_USER, $DB_PASS, $DB_NAME);
  81.  
  82.             mysqli_set_charset($db, "utf8");
  83.  
  84.             if($db->connect_errno > 0)
  85.             {
  86.                 die("Unable to connect to database [" . $db->connect_error . "]");
  87.             }
  88.  
  89.             $sql = "SELECT * FROM d_17_10_28_photo_contest_voted WHERE userID = " . get_current_user_id();
  90.             $res = $db->query($sql);
  91.  
  92.             if(!$res)
  93.             {
  94.                 die("Unable to query data [" . $sql . "]<br>[" . $db->error . "]");
  95.             } else if($res->num_rows != 0) {
  96. ?>
  97. <html>
  98.     <body>
  99.         <h2>คุณได้ลงคะแนนโหวตไปเรียบร้อยแล้ว</h2>
  100.     </body>
  101. </html>    
  102. <?php
  103.             } else {
  104.                 $pics = array("<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img1\" src=\" \" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"1\"></div>",
  105. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img2\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0UGRiNGNUWGtUbEU\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"2\"></div>",
  106. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img3\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0ZmlUNXRKb3g4OVU\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"3\"></div>",
  107. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img4\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0M0lQUmFoU3R2bzg\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"4\"></div>",
  108. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img5\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0QWVCR0gwVzkwSlk\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"5\"></div>",
  109. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img6\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0ZjlVUFV5dVQ0YlE\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"6\"></div>",
  110. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img7\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0bTRlZF9TRnhRaE0\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"7\"></div>",
  111. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img8\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0QXBUNGdyeWpCbVE\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"8\"></div>",
  112. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img9\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0ZW8xRkhQUEZyakE\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"9\"></div>",
  113. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img10\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0MHNlekQtUVNJb3M\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"10\"></div>",
  114. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img11\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0Q1lRVVNtZVBVazg\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"11\"></div>",
  115. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img12\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0SjJGUUlYckhPclU\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"12\"></div>",
  116. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img13\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0ZlNmcmV4eFlzNDg\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"13\"></div>",
  117. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img14\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0Y2JFMnRHYXJmQzA\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"14\"></div>",
  118. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img15\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0cWNCRWJZX0llN1E\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"15\"></div>",
  119. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img16\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0cVVXSF9JNmhUdWs\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"16\"></div>",
  120. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img17\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0V3NIQnc5Q2JfSDQ\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"17\"></div>",
  121. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img18\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0ZWFvUGlkdmpqd0U\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"18\"></div>",
  122. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img19\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0cG52YWtTdWJGUjA\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"19\"></div>",
  123. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img20\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0MkZkczFoUUluTVE\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"20\"></div>",
  124. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img21\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0emExSElOUDFYMnc\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"21\"></div>",
  125. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img22\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0ejIzaDFtWGdvVnc\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"22\"></div>",
  126. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img23\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0NG1kblRaWUt5a0U\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"23\"></div>",
  127. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img24\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0U2pMUDI1b3BweVk\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"24\"></div>",
  128. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img25\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0aHRLX2dONDNUM2s\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"25\"></div>",
  129. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img26\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0YVZnVmtOMEJMUDQ\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"26\"></div>",
  130. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img27\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0MGpSWERra3BZM0U\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"27\"></div>",
  131. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img28\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0N29WNTN5VUs2ZVk\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"28\"></div>",
  132. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img29\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0TmRLT2ZFODJNZk0\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"29\"></div>",
  133. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img30\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0U3lZZVZLRXpYc3M\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"30\"></div>",
  134. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img31\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0Uy1vWkhMSkJSam8\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"31\"></div>",
  135. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img32\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0M2U3Mkw0dEZlUmM\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"32\"></div>",
  136. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img33\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0TnEtemFLTlNrOEE\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"33\"></div>",
  137. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img34\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0MGt4SnNBZmd1MVk\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"34\"></div>",
  138. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img35\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0X3ZKQy1vVFAtbkU\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"35\"></div>",
  139. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img36\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0U2FRN0J1RENhdUU\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"36\"></div>",
  140. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img37\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0NHBiLWFmcGR5NEk\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"37\"></div>",
  141. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img38\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0Z0ZUQU5fOUpqUHc\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"38\"></div>",
  142. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img39\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0emdIdnNUUGVIYU0\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"39\"></div>",
  143. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img40\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0WG0wbktWd3ExLTQ\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"40\"></div>",
  144. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img41\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0OUhGRlgxN1dSRDg\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"41\"></div>",
  145. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img42\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0bVFvS2w5OWZibHc\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"42\"></div>",
  146. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img43\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0cHJQYXRDbkU3djA\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"43\"></div>",
  147. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img44\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0QWwwLVBMRjNLX0k\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"44\"></div>",
  148. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img45\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0TkVUMnBnd3RUWkE\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"45\"></div>",
  149. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img46\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0b193YXpFSU9ub0E\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"46\"></div>",
  150. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img47\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0OXpYVTc3MkV3cE0\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"47\"></div>",
  151. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img48\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0WlB1RUdNNjVLSkU\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"48\"></div>",
  152. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img49\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0MUtkNlRJYTNRTTg\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"49\"></div>",
  153. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img50\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0Rkc2Q0MtakxYTkU\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"50\"></div>",
  154. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img51\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0RlpWaG1DUm1NWG8\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"51\"></div>",
  155. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img52\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0UVJzVHkybjdaaHM\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"52\"></div>",
  156. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img53\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0RHRDZFdqM1hUeWs\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"53\"></div>",
  157. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img54\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0VTRlNmRKMG4xVVk\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"54\"></div>",
  158. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img55\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0VGJSQXV5LWdxdEU\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"55\"></div>",
  159. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img56\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0SWFaWjFSNTB5Sjg\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"56\"></div>",
  160. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img57\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0WWRjZEZPdlFjUVk\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"57\"></div>",
  161. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img58\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0dEpSZTVTRlE5d2M\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"58\"></div>",
  162. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img59\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0dlNXZEt5RGVvaEE\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"59\"></div>",
  163. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img60\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0N0xqa3NuUV9ORXc\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"60\"></div>",
  164. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img61\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0VW9sdV9BZlRvTEk\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"61\"></div>",
  165. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img62\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0bTJ0Wi0zZC0tM1U\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"62\"></div>",
  166. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img63\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0VkJtbXhXeXRlQTA\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"63\"></div>",
  167. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img64\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0YVIzLWhLV3dIaUE\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"64\"></div>",
  168. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img65\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0ekRDM0ktR3lzTnc\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"65\"></div>",
  169. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img66\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0THhzTU1ubW5TblU\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"66\"></div>",
  170. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img67\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0SDZ0MTJURVJTMUU\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"67\"></div>",
  171. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img68\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0c2lRbTVETDE3eWc\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"68\"></div>",
  172. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img69\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0ekRRQk41OEtrbmc\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"69\"></div>",
  173. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img70\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0Q1pjRzlJXzN5Smc\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"70\"></div>",
  174. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img71\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0a2JTWklEdXRjZG8\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"71\"></div>",
  175. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img72\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0NWdQdEdVbTlkeDQ\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"72\"></div>",
  176. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img73\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0cHhxMkhoeTNsaDQ\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"73\"></div>",
  177. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img74\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0Nm1wYlF4OVliMTg\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"74\"></div>",
  178. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img75\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0M0txNG9CWW5aSW8\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"75\"></div>",
  179. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img76\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0VXpqRDJtYVlkZ3M\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"76\"></div>",
  180. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img77\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0R0tRRmZyckVfV0E\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"77\"></div>",
  181. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img78\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0UVBBOXJhQUZGb2s\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"78\"></div>",
  182. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img79\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0XzFvUG0zXzJpTGs\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"79\"></div>",
  183. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img80\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0eGJXck9XekpDaEU\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"80\"></div>",
  184. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img81\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0NFlsZEhUSlpjckU\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"81\"></div>",
  185. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img82\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0S3JGVVhzdE5jQW8\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"82\"></div>",
  186. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img83\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0cFNBZnRYLTVsSzA\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"83\"></div>",
  187. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img84\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0ZGdDUVZUbzRHUVU\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"84\"></div>",
  188. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img85\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0YkYxWWs4dlJMV1U\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"85\"></div>",
  189. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img86\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0b2FxWHZoSGpxUFU\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"86\"></div>",
  190. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img87\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0SGUxdzB0Uk01V1E\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"87\"></div>",
  191. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img88\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0TzM2dER2bjY5MVE\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"88\"></div>",
  192. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img89\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0emEzczJlRWt4bXc\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"89\"></div>",
  193. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img90\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0MWNXOXZpSlBxWDQ\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"90\"></div>",
  194. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img91\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0SEhkZy16NDVNbWc\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"91\"></div>",
  195. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img92\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0dnFfdjFLcFg4bWc\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"92\"></div>",
  196. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img93\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0Q1FPNGJvN0xweUE\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"93\"></div>",
  197. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img94\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0Q3hZa3NLdHo4d0k\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"94\"></div>",
  198. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img95\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0NTl6MkhZcEhuM1E\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"95\"></div>",
  199. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img96\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0dXNHV1pqZDUxb2M\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"96\"></div>",
  200. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img97\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0YjdCLWdEVjBuNzA\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"97\"></div>",
  201. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img98\" src=\"https://drive.google.com/uc?id=0B1TncXHm-4L0cFhydG5MdHNuLWc\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"98\"></div>",
  202. "<div class=\"modal-img-div\"><img class=\"modal-img\" id=\"img99\" src=\"https://drive.google.com/uc?id=0B7Vi3piMPcgAMkR5T2FOUDA3SGM\" alt=\"\"></div><div style=\"clear: both; padding-top: 10px; padding-bottom: 10px; height: 63px;\"><img class=\"checkbox\" src=\"https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png\" idx=\"99\"></div>");
  203.  
  204.                 shuffle($pics);
  205.             ?>
  206. <html>
  207.     <head>
  208.         <meta http-equiv=Content-Type content="text/html; charset=utf-8">
  209.  
  210.         <style>
  211.             .form-control
  212.             {
  213.                 display: block;
  214.                 width: 70%;
  215.                 height: 34px;
  216.                 padding: 6px 12px;
  217.                 font-size: 14px;
  218.                 line-height: 1.42857;
  219.                 color: #555;
  220.                 background-color: #fff;
  221.                 border: 1px solid #ccc;
  222.                 border-radius: 4px;
  223.                 .box-shadow(inset 0 1px 1px rgba(0,0,0,.075));
  224.             }
  225.  
  226.             .form-textarea
  227.             {
  228.                 display: block;
  229.                 width: 70%;
  230.                 height: 76px;
  231.                 padding: 6px 12px;
  232.                 font-size: 14px;
  233.                 line-height: 1.42857;
  234.                 color: #555;
  235.                 background-color: #fff;
  236.                 border: 1px solid #ccc;
  237.                 border-radius: 4px;
  238.                 .box-shadow(inset 0 1px 1px rgba(0,0,0,.075));
  239.             }
  240.  
  241.             .form-group {
  242.                 margin-bottom: 15px;
  243.             }
  244.  
  245.             .container
  246.             {
  247.                 width: 100%;   
  248.             }
  249.  
  250.             .btn {
  251.                 display: inline-block;
  252.                 padding: 6px 12px;
  253.                 margin-bottom: 0;
  254.                 font-size: 14px;
  255.                 font-weight: 400;
  256.                 line-height: 1.42857;
  257.                 text-align: center;
  258.                 vertical-align: middle;
  259.                 cursor: pointer;
  260.                 background-image: none;
  261.                 border: 1px solid transparent;
  262.                 border-radius: 4px;
  263.                 white-space: nowrap;
  264.             }
  265.  
  266.             .column-img {
  267.                 float: left;
  268.                 width: 33%;
  269.                 text-align: center;
  270.             }
  271.  
  272.             .modal {
  273.                 display: none;
  274.                 position: fixed;
  275.                 z-index: 1;
  276.                 padding-top: 4%;
  277.                 left: 0;
  278.                 top: 0;
  279.                 width: 100%;
  280.                 height: 100%;
  281.                 overflow: auto;
  282.                 background-color: rgb(0,0,0);
  283.                 background-color: rgba(0,0,0,0.9);
  284.             }
  285.  
  286.             .modal-content {
  287.                 margin: auto;
  288.                 display: block;
  289.                 max-width: 80%;
  290.                 max-height: 80%;
  291.             }
  292.  
  293.             #caption {
  294.                 margin: auto;
  295.                 display: block;
  296.                 width: 80%;
  297.                 max-width: 700px;
  298.                 text-align: center;
  299.                 color: #ccc;
  300.                 padding: 10px 0;
  301.                 height: 150px;
  302.             }
  303.  
  304.             .modal-content, #caption {
  305.                 -webkit-animation-name: zoom;
  306.                 -webkit-animation-duration: 0.5s;
  307.                 animation-name: zoom;
  308.                 animation-duration: 0.5s;
  309.             }
  310.  
  311.             @-webkit-keyframes zoom {
  312.                 from {-webkit-transform:scale(0)}
  313.                 to {-webkit-transform:scale(1)}
  314.             }
  315.  
  316.             @keyframes zoom {
  317.                 from {transform:scale(0)}
  318.                 to {transform:scale(1)}
  319.             }
  320.  
  321.             .close {
  322.                 position: absolute;
  323.                 top: 15px;
  324.                 right: 35px;
  325.                 color: #f1f1f1;
  326.                 font-size: 40px;
  327.                 font-weight: bold;
  328.                 transition: 0.3s;
  329.             }
  330.  
  331.             .close:hover,
  332.             .close:focus {
  333.                 color: #bbb;
  334.                 text-decoration: none;
  335.                 cursor: pointer;
  336.             }
  337.  
  338.             .modal-img-div
  339.             {
  340.                 float: left;
  341.                 width: 90%;
  342.                 margin-left: 5%;
  343.                 margin-right: 5%;
  344.  
  345.                 overflow: hidden;
  346.                 position: relative;
  347.  
  348.                 clear: both;
  349.  
  350.                 .modal-img
  351.                 {
  352.                     display: block;
  353.                     min-width: 100%;
  354.                     min-height: 100%;
  355.                     margin: auto;
  356.                 }
  357.             }
  358.         </style>
  359.  
  360.         <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  361.     </head>
  362.  
  363.     <body>
  364.         <div class="container">
  365.             <div style="clear: both;">
  366.                 <h3>กติกาการโหวตรูปภาพ</h3>
  367.  
  368.                 <span>
  369.                     สำหรับการลงคะแนนรางวัลขวัญใจมวลชน สมาชิกสมาคมแต่ละท่านมีสิทธิ์โหวตเลือกรูปภาพที่ถูกใจจากลิสต์ด้านล่างได้จำนวน 5 รูป โดยทั้งนี้จำเป็นต้องเลือกให้ครบทั้ง 5 รูป จึงจะสามารถกดส่งผลคะแนนได้ (สมาชิกแต่ละท่านสามารถทำการโหวตทางเว็บไซต์ได้เพียงครั้งเดียว) คะแนนโหวตออนไลน์นี้จะถูกนำไปรวมกับคะแนนโหวตในวันงาน Full Moon Fest 2017 โดยผู้ที่โหวตในเว็บไซต์แล้วยังสามารถโหวตได้อีกครั้งในวันงาน ผู้ได้รับคะแนนโหวตรวมสูงสุดจะเป็นผู้ชนะเลิศการประกวดประเภทขวัญใจมวลชน และได้รับรางวัลจากทางสมาคมฯ
  370.                 </span>
  371.             </div>
  372.  
  373.             <h4 id="remDisplay" style="margin: 13px 0px">เหลือคะแนนโหวตอีก 5 คะแนน</h4>
  374.  
  375.             <div class="column-img">
  376.                 <?php
  377.                     for($i = 0; $i < 33; $i++)
  378.                     {
  379.                         echo $pics[$i] . "\n";
  380.                     }
  381.                 ?>
  382.             </div>
  383.  
  384.             <div class="column-img">
  385.                 <?php
  386.                     for($i = 33; $i < 66; $i++)
  387.                     {
  388.                         echo $pics[$i] . "\n";
  389.                     }
  390.                 ?>
  391.  
  392.                 <form id="picsForm" action="" method="POST">
  393.                     <input id="chosenPics" type="hidden" name="chosenPics">
  394.                     <center>
  395.                         <button id="submitButton" type="submit" value="Submit" style="background-color: #FFFFFF; border: none; width: 100%; display: flex; justify-content: center; overflow: hidden;" disabled>
  396.                             <img src="http://tsvd.org/wp-content/uploads/2017/10/Photo-Button-FADE.png" style="flex: none; width: 110%;">
  397.                         </button>
  398.                     </center>
  399.                 </form>
  400.             </div>
  401.  
  402.             <div class="column-img">
  403.                 <?php
  404.                     for($i = 66; $i < 99; $i++)
  405.                     {
  406.                         echo $pics[$i] . "\n";
  407.                     }
  408.                 ?>
  409.             </div>
  410.  
  411.             <div id="footer" style="clear: both;"></div>
  412.  
  413.             <div id="modal" class="modal">
  414.                 <span id="close" class="close">&times;</span>
  415.                 <img class="modal-content" id="modal-img-content">
  416.                 <div id="caption"></div>
  417.             </div>
  418.         </div>
  419.  
  420.         <script type="text/javascript">
  421.             function hideButtons()
  422.             {
  423.                 $(".checkbox").each(function() {
  424.                     if($(this).data("checked") == 0)
  425.                     {
  426.                         $(this).fadeOut();
  427.                     }
  428.                 });
  429.  
  430.                 $("#submitButton > img").attr("src", "http://tsvd.org/wp-content/uploads/2017/10/Photo-Button-WHITE.png");
  431.                 $("#submitButton").prop("disabled", false);
  432.             }
  433.  
  434.             function showButtons()
  435.             {
  436.                 $(".checkbox").each(function() {
  437.                     if($(this).data("checked") == 0)
  438.                     {
  439.                         $(this).fadeIn();
  440.                     }
  441.                 });
  442.  
  443.                 $("#submitButton > img").attr("src", "http://tsvd.org/wp-content/uploads/2017/10/Photo-Button-FADE.png");
  444.                 $("#submitButton").prop("disabled", true);
  445.             }
  446.  
  447.             chosenPics = [];
  448.             remaining = 5;
  449.  
  450.             modal = $("#modal");
  451.             modalImg = $("#modal-img-content");
  452.             caption = $("#caption");
  453.  
  454.             $("#close").click(function() {
  455.                 modal.css("display", "none");
  456.             });
  457.  
  458.             $("#modal").click(function() {
  459.                 modal.css("display", "none");
  460.             });
  461.  
  462.             $(window).on("load", function() {
  463.                 setTimeout(function() {
  464.                     $(".modal-img-div").height($(".modal-img-div").width());
  465.  
  466.                     $(".modal-img").each(function() {
  467.                         ratio = $(this).height() / $(this).width();
  468.  
  469.                         if($(this).height() < $(this).width())
  470.                         {
  471.                             $(this).height($(this).parent().width());
  472.                             $(this).width($(this).parent().width() / ratio);
  473.                             $(this).css("position", "relative");
  474.                             $(this).css("left", -($(this).width() - $(this).height()) / 2);
  475.                             $(this).css("top", 0);
  476.                         } else {
  477.                             $(this).width($(this).parent().width());
  478.                             $(this).height($(this).parent().width() * ratio);
  479.                             $(this).css("position", "relative");
  480.                             $(this).css("top", -($(this).height() - $(this).width()) / 2);
  481.                             $(this).css("left", 0);
  482.                         }
  483.  
  484.                         $(this).click(function() {
  485.                             modal.css("display", "block");
  486.                             modalImg.attr("src", $(this).attr("src"));
  487.                             caption.html($(this).attr("alt"));
  488.                         });
  489.                     });
  490.                 }, 1000);
  491.  
  492.                 $(".modal-img").each(function() {
  493.                     $(this).click(function() {
  494.                         modal.css("display", "block");
  495.                         modalImg.attr("src", $(this).attr("src"));
  496.                         caption.html($(this).attr("alt"));
  497.                     });
  498.                 });
  499.  
  500.                 $(".checkbox").each(function() {
  501.                     $(this).data("checked", 0);
  502.                     $(this).data("idx", parseInt($(this).attr("idx")));
  503.                 });
  504.  
  505.                 $(".checkbox").each(function() {
  506.                     $(this).click(function() {
  507.                         if($(this).data("checked") == 0)
  508.                         {
  509.                             $(this).data("checked", 1);
  510.                             $(this).attr("src", "https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-checked.png");
  511.                             chosenPics.push($(this).attr("idx"));
  512.                             remaining--;
  513.  
  514.                             if(remaining == 0)
  515.                             {
  516.                                 hideButtons();
  517.                             }
  518.                         } else {
  519.                             $(this).data("checked", 0);
  520.                             $(this).attr("src", "https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/32/checkbox-unchecked.png");
  521.                             idx = chosenPics.indexOf($(this).attr("idx"));
  522.                             chosenPics.splice(idx, 1);
  523.                             remaining++;
  524.  
  525.                             if(remaining == 1)
  526.                             {
  527.                                 showButtons();
  528.                             }
  529.                         }
  530.  
  531.                         $("#remDisplay").html("เหลือคะแนนโหวตอีก " + remaining.toString() + " คะแนน");
  532.                     });
  533.                 });
  534.  
  535.                 $("#picsForm").submit(function() {
  536.                     $("#chosenPics").val(chosenPics.toString());
  537.                 });
  538.             });
  539.  
  540.             $(window).resize(function() {
  541.                 $(".modal-img-div").height($(".modal-img-div").width());
  542.  
  543.                 $(".modal-img").each(function() {
  544.                     ratio = $(this).height() / $(this).width();
  545.  
  546.                     if($(this).height() < $(this).width())
  547.                     {
  548.                         $(this).height($(this).parent().width());
  549.                         $(this).width($(this).parent().width() / ratio);
  550.                         $(this).css("position", "relative");
  551.                         $(this).css("left", -($(this).width() - $(this).height()) / 2);
  552.                         $(this).css("top", 0);
  553.                     } else {
  554.                         $(this).width($(this).parent().width());
  555.                         $(this).height($(this).parent().width() * ratio);
  556.                         $(this).css("position", "relative");
  557.                         $(this).css("top", -($(this).height() - $(this).width()) / 2);
  558.                         $(this).css("left", 0);
  559.                     }
  560.                 });
  561.             });
  562.  
  563.             $("#submitButton").hover(function() {
  564.                 if($("#submitButton").prop("disabled") == false)
  565.                 {
  566.                     $("#submitButton > img").attr("src", "http://tsvd.org/wp-content/uploads/2017/10/Photo-Button-RED.png");
  567.                 }
  568.             }, function() {
  569.                 if($("#submitButton").prop("disabled") == false)
  570.                 {
  571.                     $("#submitButton > img").attr("src", "http://tsvd.org/wp-content/uploads/2017/10/Photo-Button-WHITE.png");
  572.                 }
  573.             });
  574.         </script>
  575.     </body>
  576. </html>
  577.             <?php
  578.             }
  579.         }
  580.     }
  581. ?>
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!