Frontend Development

help for search

Submitted by plignis, , Thread ID: 20074

Thread Closed
plignis
Member
Level:
0
Reputation:
2
Posts:
123
Likes:
3
Credits:
103
01-04-2016, 01:59 AM
This post was last modified: 01-04-2016, 02:03 AM by plignis
#1
Hi, i am trying to build a web site but i have problems with the search thing. I didn't do it but i can't get it to work
everytime I try to search something nothing'sshowing up :(
I tried a lot,help plz :noh:

here is my html
Code:
<form id="search" action="search.php" method="GET" accept-charset="utf-8" >
  <div class="clearfix">
    <input type="text" name="s" onBlur="if(this.value=='') this.value=''" onFocus="if(this.value =='' ) this.value=''" >
    <a href="#" onClick="document.getElementById('search').submit()" class="btn btn-1">Search</a>
  </div>
</form>

Here is a part of my search.php
Code:
<script type="text/javascript" src="search/search.js"></script>

<div class="span12">
  <h3>Search result:</h3>
  <div id="search-results"></div>
</div>

Here is my search.js
Code:
$(function(){
var s=location.search.replace(/^\?.*s=([^&]+)/,'$1')
,form=$('#search-form')
,input=$('input[type=text]',form)
,results=$('#search-results').height(0)
,src='search/results.php'
,ifr=$('<iframe width="100%" height="100%" frameborder="0" marginheight="0" marginwidth="0" allowTransparency="true"></iframe>')

if(results.length)
ifr
.attr({
src:src+'?s='+s
})
.appendTo(results)
,input
.val(decodeURI(s))

window._resize=function(h){
results
.height(h)
}
})

And finaly my result.php
Code:
<?php

if(!isset($_GET['s'])) {
die('You must define a search term!');
}

$highlight = true;//highlight results or not
$search_in = array('html', 'htm');//allowable filetypes to search in
$search_dir = '../';//starting directory
$recursive = true;//should it search recursively or not
define('SIDE_CHARS', 80);
$file_count = 0;
$search_term = mb_strtolower($_GET['s'], 'UTF-8');
//$search_term = $_GET['s'];
$search_term_length = strlen($search_term);
$final_result = array();

$files = list_files($search_dir);

foreach($files as $file){
$contents = file_get_contents($file);
preg_match("/\<title\>(.*)\<\/title\>/", $contents, $page_title); //getting page title
if (preg_match("#\<body.*\>(.*)\<\/body\>#si", $contents, $body_content)){ //getting content only between <body></body> tags
$clean_content = strip_tags($body_content[0]); //remove html tags
$clean_content = preg_replace( '/\s+/', ' ', $clean_content ); //remove duplicate whitespaces, carriage returns, tabs, etc

//$found = strpos_recursive($clean_content, $search_term);
$found = strpos_recursive(mb_strtolower($clean_content, 'UTF-8'), $search_term);
$final_result[$file_count]['page_title'][] = $page_title[1];
$final_result[$file_count]['file_name'][] = $file;
}
if($found && !empty($found)) {
for ($z = 0; $z < count($found[0]); $z++){
$pos = $found[0][$z][1];
$side_chars = SIDE_CHARS;
if ($pos < SIDE_CHARS){
$side_chars = $pos;
$pos_end = SIDE_CHARS + $search_term_length;
}else{
$pos_end = SIDE_CHARS*2 + $search_term_length;
}

$pos_start = $pos - $side_chars;
$str = substr($clean_content, $pos_start, $pos_end);
$result = preg_replace('#'.$search_term.'#ui', '<span class="search">\0</span>', $str);
//$result = preg_replace('#'.$search_term.'#ui', '<span class="search">'.$search_term.'</span>', $str);
$final_result[$file_count]['search_result'][] = $result;
}
} else {
$final_result[$file_count]['search_result'][] = '';
}
$file_count++;
}
?>
<!DOCTYPE HTML>
<html lang="en-US" class="iframe">
<head>
<title>Search results</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="../css/bootstrap.css" type="text/css" media="screen">
<link rel="stylesheet" href="../css/style.css" type="text/css" media="screen">
<link rel="stylesheet" href="search.css" type="text/css" media="screen">

</head>
<body>
<script type="text/javascript">
;(function(){
document.body.onload=resize
window.onresize=resize

function resize(){
parent._resize(document.getElementById('search-results').offsetHeight)
}
})()
</script>

<div id="search-results">
<ol class="search_list">
<?php
$match_count = 0;
for ($i=0; $i < count($final_result); $i++){
if (!empty($final_result[$i]['search_result'][0]) || $final_result[$i]['search_result'][0] !== ''){
$match_count++;
?>
<li>
<h3 class="search_title"><a target="_top" href="<?php echo $final_result[$i]['file_name'][0]; ?>" class="search_link"> <?php echo $final_result[$i]['page_title'][0]; ?> </a></h3>
...<?php echo $final_result[$i]['search_result'][0]; ?>...
<span class="match">Terms matched: <?php echo count($final_result[$i]['search_result']); ?> - URL: <?php echo $final_result[$i]['file_name'][0]; ?></span>
</li>
<?php
}
}
if ($match_count == 0) {
echo '<h3>No results found for <span class="search">'.$search_term.'</span></h3>';
}
?>
</ol>
</div>

</body>
</html>


<?php
//lists all the files in the directory given (and sub-directories if it is enabled)
function list_files($dir){
global $recursive, $search_in;

$result = array();
if(is_dir($dir)){
if($dh = opendir($dir)){
while (($file = readdir($dh)) !== false) {
if(!($file == '.' || $file == '..')){
$file = $dir.'/'.$file;
if(is_dir($file) && $recursive == true && $file != './.' && $file != './..'){
$result = array_merge($result, list_files($file));
}
else if(!is_dir($file)){
if(in_array(get_file_extension($file), $search_in)){
$result[] = $file;
}
}
}
}
}
}
return $result;
}

//returns the extention of a file
function get_file_extension($filename){
$result = '';
$parts = explode('.', $filename);
if(is_array($parts) && count($parts) > 1){
$result = end($parts);
}
return $result;
}

function strpos_recursive($haystack, $needle, $offset = 0, &$results = array()) {        
  $offset = stripos($haystack, $needle, $offset);
  if($offset === false) {
    return $results;      
  } else {
    $pattern = '/'.$needle.'/ui';
preg_match_all($pattern, $haystack, $results, PREG_OFFSET_CAPTURE);
return $results;
  }
}
?>

Thx for anyone helping me I am really bad in js/php :noh:
[Image: nCsHk36.png]

RE: help for search

plignis
Member
Level:
0
Reputation:
2
Posts:
123
Likes:
3
Credits:
103
OP
02-12-2016, 06:08 PM
#3
30-11-2016, 09:58 PM
Geo6200 Wrote:
Hello. I propose you a site (French) because yes, I am French that will surely help you to solve your problem. https://openclassrooms.com/courses/reali...r-son-site

thx for your help! I m french too so its alright Smile
[Image: nCsHk36.png]

RE: help for search

Geo6200
Novice
Level:
0
Reputation:
0
Posts:
36
Likes:
1
Credits:
3
09-12-2016, 05:58 PM
#4
There is no worry, to the pleasure Smile #GoogleTraduction

RE: help for search

moinnagani
Closed Account
Level:
0
Reputation:
0
Posts:
3
Likes:
0
Credits:
3
02-06-2019, 09:46 AM
Warned
#5
nice post can make beeterr or can edit or qadd some new contant aslsoo

Users browsing this thread: 1 Guest(s)