We use cookies to ensure you get the best experience on our website
Home Explore Help
Register Sign In
0ct0pu5
/
Make-Google-Search-Clone-with-php-and-mysql
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

updated

musheabdulhakim 3 years ago
parent
7623219b1d
commit
9761b8b412
2 changed files with 100 additions and 150 deletions
Unified View Show Diff Stats
  1. 10 23
      index.php
  2. 90 127
      search.php

+ 10 - 23
index.php
View File 

@@ -1,45 +1,32 @@
 
 <!DOCTYPE html>
 
 <!DOCTYPE html>
 
-<html>
 
+<html lang="en">
 
 <head>
 
 <head>
 
-	<title>Welcome to Google</title>
 
-	<meta name="google-site-verification" content="8Cq7MUoxNNcJTJOSI6R9zKbshGtz80jpd9eLJaG2Wrk" />
 
-	<meta name="description" content="Search the web for sites and images.">
 
-	<meta name="keywords" content="Search engine, doodle, websites">
 
-	<meta name="author" content="Reece Kenney">
 
-	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 
-
 
-	<link rel="stylesheet" type="text/css" href="assets/css/style.css">
 
-
 
+    <meta charset="UTF-8">
 
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+    <title>Welcom to doodle search</title>
 
+    <link rel="stylesheet" href="assets/css/style.css">
 
 </head>
 
 </head>
 
 <body>
 
 <body>
 
-
 
-	<div class="wrapper indexPage">
 
+    <div class="wrapper indexPage">
 
 	
 	
-
 
 		<div class="mainSection">
 
 		<div class="mainSection">
 
-
 
 			<div class="logoContainer">
 
 			<div class="logoContainer">
 
-				<img src="assets/images/googleLogo.png" title="Logo of our site" alt="Site logo">
 
+				<img src="assets/images/logo.png" title="Logo of our site" alt="Site logo">
 
 			</div>
 
 			</div>
 
-
 
-
 
 			<div class="searchContainer">
 
 			<div class="searchContainer">
 
 
 
 				<form action="search.php" method="GET">
 
 				<form action="search.php" method="GET">
 
 
 
 					<input class="searchBox" type="text" name="term" autocomplete="off">
 
 					<input class="searchBox" type="text" name="term" autocomplete="off">
 
-					<input class="searchButton" type="submit" value="Search">
 
-
 
 
 
+					<button class="searchButton" type="submit">Search</button>
 
 				</form>
 
 				</form>
 
 
 
 			</div>
 
 			</div>
 
-
 
-
 
 		</div>
 
 		</div>
 
 
 
 
 
 	</div>
 
 	</div>
 
-
 
 </body>
 
 </body>
 
-</html>
 
+</html>

+ 90 - 127
search.php
View File 

@@ -1,133 +1,111 @@
 
 <?php
 
 <?php
 
-include("config.php");
 
-include("classes/SiteResultsProvider.php");
 
-include("classes/ImageResultsProvider.php");
 
+    include_once 'includes/config.php';
 
+    include_once 'includes/ResultsProvider.php';
 
 
 
-if(isset($_GET["term"])) {
 
-	$term = $_GET["term"];
 
-}
 
-else {
 
-	exit("You must enter a search term");
 
-}
 
+    if(isset($_GET['term'])){
 
+        $term = $_GET['term'];
 
+    }else{
 
+        exit("You must enter a search term");
 
+    }
 
+    $type = isset($_GET["type"]) ? $_GET["type"] : "sites";
 
+    $page = isset($_GET["page"]) ? $_GET["page"] : 1;
 
 
 
-$type = isset($_GET["type"]) ? $_GET["type"] : "sites";
 
-$page = isset($_GET["page"]) ? $_GET["page"] : 1;
 
+    $resultsProvider = new ResultsProvider($db);
 
 
 
-
 
-	
 ?>
 
 ?>
 
+
 
 <!DOCTYPE html>
 
 <!DOCTYPE html>
 
-<html>
 
+<html lang="en">
 
 <head>
 
 <head>
 
-	<title>Welcome to Google</title>
 
-
 
-	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.3.5/jquery.fancybox.min.css" />
 
+    <meta charset="UTF-8">
 
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+    <title>Search results</title>
 
+    <link rel="stylesheet" href="assets/css/jquery.fancybox.min.css">
 
 	<link rel="stylesheet" type="text/css" href="assets/css/style.css">
 
 	<link rel="stylesheet" type="text/css" href="assets/css/style.css">
 
+	<script src="assets/js/jquery.min.js"></script>
 
 
 
-	<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
 
 </head>
 
 </head>
 
 <body>
 
 <body>
 
-
 
-	<div class="wrapper">
 
+<div class="wrapper">
 
 	
 	
-		<div class="header">
 
-
 
-
 
-			<div class="headerContent">
 
-
 
-				<div class="logoContainer">
 
-					<a href="index.php">
 
-						<img src="assets/images/googleLogo.png">
 
-					</a>
 
-				</div>
 
-
 
-				<div class="searchContainer">
 
-
 
-					<form action="search.php" method="GET">
 
-
 
-						<div class="searchBarContainer">
 
-							<input type="hidden" name="type" value="<?php echo $type; ?>">
 
-							<input class="searchBox" type="text" name="term" value="<?php echo $term; ?>" autocomplete="off">
 
-							<button class="searchButton">
 
-								<img src="assets/images/icons/search.png">
 
-							</button>
 
-						</div>
 
-
 
-					</form>
 
-
 
-				</div>
 
-
 
-			</div>
 
-
 
-
 
-			<div class="tabsContainer">
 
-
 
-				<ul class="tabList">
 
-
 
-					<li class="<?php echo $type == 'sites' ? 'active' : '' ?>">
 
-						<a href='<?php echo "search.php?term=$term&type=sites"; ?>'>
 
-							Sites
 
-						</a>
 
-					</li>
 
-
 
-					<li class="<?php echo $type == 'images' ? 'active' : '' ?>">
 
-						<a href='<?php echo "search.php?term=$term&type=images"; ?>'>
 
-							Images
 
-						</a>
 
-					</li>
 
-
 
-				</ul>
 
-
 
-
 
-			</div>
 
-		</div>
 
-
 
-
 
+    <div class="header">
 
+        <div class="headerContent">
 
 
 
+            <div class="logoContainer">
 
+                <a href="index.php">
 
+                    <img src="assets/images/logo.png">
 
+                </a>
 
+            </div>
 
 
 
+            <div class="searchContainer">
 
+                <form action="search.php" method="GET">
 
+                    <div class="searchBarContainer">
 
+                        <input type="hidden" name="type" value="<?php echo $type; ?>">
 
+                        <input class="searchBox" type="text" name="term" value="<?php echo $term; ?>" autocomplete="off">
 
+                        <button class="searchButton">
 
+                            <img src="assets/images/search.png">
 
+                        </button>
 
+                    </div>
 
 
 
+                </form>
 
 
 
+            </div>
 
 
 
+        </div>
 
+        <div class="tabsContainer">
 
+            <ul class="tabList">
 
+                <li class="<?php echo $type == 'sites' ? 'active' : '' ?>">
 
+                    <a href='<?php echo "search.php?term=$term&type=sites"; ?>'>
 
+                        Sites
 
+                    </a>
 
+                </li>
 
 
 
+                <li class="<?php echo $type == 'images' ? 'active' : '' ?>">
 
+                    <a href='<?php echo "search.php?term=$term&type=images"; ?>'>
 
+                        Images
 
+                    </a>
 
+                </li>
 
 
 
+                <li  class="<?php echo $type == 'videos' ? 'active' : '' ?>">
 
+                    <a href="<?php echo "search.php?term=$term&type=videos"; ?>">Videos</a>
 
+                </li>
 
 
 
-		<div class="mainResultsSection">
 
+            </ul>
 
 
 
-			<?php
 
-			if($type == "sites") {
 
-				$resultsProvider = new SiteResultsProvider($con);
 
-				$pageSize = 20;
 
-			}
 
-			else {
 
-				$resultsProvider = new ImageResultsProvider($con);
 
-				$pageSize = 30;
 
-			}
 
 
 
-			$numResults = $resultsProvider->getNumResults($term);
 
+        </div>
 
+    </div>
 
 
 
-			echo "<p class='resultsCount'>$numResults results found</p>";
 
+    <div class="mainResultsSection">
 
 
 
+        <?php
 
 
 
+            $numResults = $resultsProvider->get_total_result($type,$term);
 
 
 
-			echo $resultsProvider->getResultsHtml($page, $pageSize, $term);
 
-			?>
 
-
 
-
 
-		</div>
 
-
 
-
 
-
 
-		<div class="paginationContainer">
 
+            echo "<p class='resultsCount'>$numResults results found</p>";
 
+            $pageSize = 20;
 
+            if($type=='sites'){
 
+                echo $resultsProvider->site_html_result($page,$pageSize,$term);
 
+            }
 
+            if($type == 'images'){
 
+                echo $resultsProvider->images_html_result($page,$pageSize,$term);
 
+            }
 
+            if($type == 'videos'){
 
+                echo 'under dev';
 
+            }
 
+        ?>
 
 
 
-			<div class="pageButtons">
 
+    </div>
 
 
 
+    <div class="paginationContainer">
 
 
 
+        <div class="pageButtons">
 
+            <div class="pageNumberContainer">
 
+                <img src="assets/images/pageStart.png">
 
+            </div>
 
 
 
-				<div class="pageNumberContainer">
 
-					<img src="assets/images/pageStart.png">
 
-				</div>
 
-
 
-				<?php
 
+            <?php
 
 
 
 				$pagesToShow = 10;
 
 				$pagesToShow = 10;
 
 				$numPages = ceil($numResults / $pageSize);
 
 				$numPages = ceil($numResults / $pageSize);
 
@@ -166,34 +144,19 @@ $page = isset($_GET["page"]) ? $_GET["page"] : 1;
 
 
 
 				}
 
 				}
 
 
 
+			?>
 
+            
+            <div class="pageNumberContainer">
 
+                <img src="assets/images/pageEnd.png">
 
+            </div>
 
 
 
+        </div>
 
 
 
+    </div>
 
 
 
-
 
-				?>
 
-
 
-				<div class="pageNumberContainer">
 
-					<img src="assets/images/pageEnd.png">
 
-				</div>
 
-
 
-
 
-
 
-			</div>
 
-
 
-
 
-
 
-
 
-		</div>
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-	</div>
 
-	<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.3.5/jquery.fancybox.min.js"></script>
 
-	<script src="https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.min.js"></script>
 
-	<script type="text/javascript" src="assets/js/script.js"></script>
 
+</div>
 
 </body>
 
 </body>
 
-</html>
 
+<script src="assets/js/jquery.fancybox.min.js"></script>
 
+<script src="assets/js/masonry.pkgd.min.js"></script>
 
+<script src="assets/js/script.js"></script>
 
+</html>

Contact | Legal | Takedown | Status
Self-hosted public services - About
NibbleSpot by 0ct0pu5