find animal update

Author: innie

find.php

@@ -1,10 +1,10 @@
 <?php include __DIR__. '/__connect_db.php';
 
-// $MBTI = isset($_GET['MBTI']) ? intval($_GET['MBTI']) :'';
+$MBTI = isset($_GET['mbti']) ? ($_GET['mbti']) :'';
+// $MBTI='EPST';
 
-
-$sql = "SELECT * FROM `products` WHERE `mbti`= 'EPST' AND `mottotype`='1'";	
-// echo($sql);
+$sql = "SELECT * FROM `products` WHERE `mbti`= '$MBTI' AND `mottotype`='1'";	
+echo($sql);
 $result = $mysqli->query($sql);
 $row = $result->fetch_assoc();
 
@@ -31,13 +31,20 @@
 	<div class="might_like">
 		<p>你可能會喜歡</p>
 		<div class="ani_item">
+			<div class="item" id="<?= $row['sid'] ?>" style="background-image: url(<?= $row['pic_id'].'00.png' ?>);"></div>
+
 			<?php  while($row = $result->fetch_assoc()): ?>
-			<div class="item" style="background-image: url(<?= $row['pic_id'].'00.png' ?>);"></div>
+			<div class="item" id="<?= $row['sid'] ?>" style="background-image: url(<?= $row['pic_id'].'00.png' ?>);"></div>
 			<?php endwhile; ?>
+			
 		</div>
 	</div>
 
-
+<script>
+  $('.item').click(function() {
+    location.href = 'single_product.php?sid=' + $(this).attr('id');
+  })
+</script>
 
 
 

js/inspire.js

@@ -57,101 +57,103 @@ $(window).resize(function(){
 // --------------------換動物圖
 
 // 存字串
-var MBTI='';
+var mbti='';
 // 字串長度
 var _MBTI_len=0;
 var $a=$('.down_text a');
 var $icon_img=$('.find_bg ul li.step5 .ani_icon_img');
 
 $a.click(function(){
     // 組字串
-    MBTI+= $(this).attr('data-MBTI');
-    // alert(MBTI);
+    mbti+= $(this).attr('data-MBTI');
+    console.log(mbti);
 
     // 更新長度
-    _MBTI_len =MBTI.length; 
+    _MBTI_len =mbti.length; 
 
-    //  判斷是哪種動物
-    if(_MBTI_len==4){
-
-        // 呼叫ajax
-        $('.group').load("find.php?MBTI=" + MBTI);
-        
-        switch(MBTI){
-        case "IPNT":
-            $icon_img.addClass('owl');
-            break;
-
-        case "EPST":
-            $icon_img.addClass('fox');
-            break;
-
-        case "IPSF":
-            $icon_img.addClass('rabbit');
-            break;
-
-        case "EPST":
-            $icon_img.addClass('fox');
-            break;
-
-        case "EJNT":
-            $icon_img.addClass('lion');
-            break;
-
-        case "IJSF":
-            $icon_img.addClass('deer');
-            break;
-
-        case "IJNT":
-            $icon_img.addClass('eagle');
-            break;
-
-        case "IPST":
-            $icon_img.addClass('cat');
-            break;
-
-        case "EPSF":
-            $icon_img.addClass('bird');
-            break;
 
-        case "IJNF":
-            $icon_img.addClass('wolf');
-            break;
-
-        case "EPNF":
-            $icon_img.addClass('monkey');
-            break;
-
-        case "EJST":
-            $icon_img.addClass('bee');
-            break;
-
-        case "IJST":
-            $icon_img.addClass('squirrel');
-            break;
-
-        case "EJNF":
-            $icon_img.addClass('dog');
-            break;
-
-        case "IPNF":
-            $icon_img.addClass('porcupine');
-            break;
-
-        case "EPNT":
-            $icon_img.addClass('parrot');
-            break;
-
-        case "EJSF":
-            $icon_img.addClass('elephant');
-            break;
-        }
-
-    
 
+    if(_MBTI_len==4){
+        
+        // 呼叫ajax
+        $('.group').load("find.php?mbti=" + mbti ,function(){
+            
+            //  判斷是哪種動物
+            var $icon_img=$('.find_bg ul li.step5 .ani_icon_img');
+            // console.log(mbti);
+            switch(mbti){
+                case "IPNT":
+                    $icon_img.addClass('owl');
+                    break;
+
+                case "EPST":
+                    $icon_img.addClass('fox');
+                    break;
+
+                case "IPSF":
+                    $icon_img.addClass('rabbit');
+                    break;
+
+                case "EPST":
+                    $icon_img.addClass('fox');
+                    break;
+
+                case "EJNT":
+                    $icon_img.addClass('lion');
+                    break;
+
+                case "IJSF":
+                    $icon_img.addClass('deer');
+                    break;
+
+                case "IJNT":
+                    $icon_img.addClass('eagle');
+                    break;
+
+                case "IPST":
+                    $icon_img.addClass('cat');
+                    break;
+
+                case "EPSF":
+                    $icon_img.addClass('bird');
+                    break;
+
+                case "IJNF":
+                    $icon_img.addClass('wolf');
+                    break;
+
+                case "EPNF":
+                    $icon_img.addClass('monkey');
+                    break;
+
+                case "EJST":
+                    $icon_img.addClass('bee');
+                    break;
+
+                case "IJST":
+                    $icon_img.addClass('squirrel');
+                    break;
+
+                case "EJNF":
+                    $icon_img.addClass('dog');
+                    break;
+
+                case "IPNF":
+                    $icon_img.addClass('porcupine');
+                    break;
+
+                case "EPNT":
+                    $icon_img.addClass('parrot');
+                    break;
+
+                case "EJSF":
+                    $icon_img.addClass('elephant');
+                    break;
+                }
+
+        });
     }
 
-
 })