Make a complete a-z article search column complete with images and articles with responsive style

The search field makes it easy for users to find words that the alphabet uses a-z which is included in the search program on the website page. The first stage for javascript code as below

javacript

Sample:

Connected files and folders
put in a separate folder

components

search.php

Sample:

<?php
    require '../_database/database.php';
    session_start();
    if($_POST){
        $q=$_POST['searchword'];
        $sql_res=mysqli_query($database,"select * from forum_topic where forum_topic_body like '%%' order by forum_topic_time LIMIT 25");
        //$result=  mysql_query($sql_res) or die(mysql_errno());
        $trws= mysqli_num_rows($sql_res);
        if($trws>0){             while($row=mysqli_fetch_array($sql_res)){             $fname=$row['forum_topic_body'];             $forum_topic_id=$row['forum_topic_id'];             $re_fname='<b>'.$q.'</b>';             $final_fname = str_ireplace($q, $re_fname, $fname); ?>   <a href="./forum-topic.php?forum_topic_id=<?php echo $forum_topic_id; ?>">         <div class="display_box" align="left">
  <?php
                                        if($row['forum_topic_image']){
                                    ?> <img class="img-circle" src="userfiles/uploads/<?php echo $row['forum_topic_image'];?>" class="" alt="<?php echo $row['forum_topic_image'];?>alt="Generic placeholder image" style="     width: 37px;  height: 37px;,  box-shadow:3px 3px 3px 3px #ADC2B3;        left: calc(50% - 7px);  top: calc(50% - 6px);  border: 2px solid;  background: none; " > <?php
}
?> <?php echo $final_fname; ?>      </div>
</a> <?php
            }
        }
        else{
?>         <div class="display_box" align="left">
     <?php echo "No results to show"; ?> </div>
<?php   
        }
    }
    else{
    }
?>

Connected files and folders
put in a separate folder

_database

database.php

Database connection saved

userfiles

uploads

calling an image file from the director's folder

Call data by writing text in the search field

It will look like the following picture with a magic call,

add to the overall results of the article search

search_result.php

<?php include 'components/authentication.php' ?>   <br />
<?php include 'components/session-check.php' ?><br />
<?php include 'controllers/base/head.php' ?><br />
<?php include 'controllers/navigation/first-navigation.php' ?> <br />
<?php
    if($_POST){
        $query=$_POST['search-form'];
        $sql=mysqli_query($database,"select * from forum_topic where forum_topic_body like '%$query%' order by forum_topic_time");
        $number=mysqli_num_rows($sql);
    }
?><br />
<div id="content">
                              <div class="row">
                                  <div class="col-md-12">
                                      <div class="panel panel-default" style="margin: 18px 0px;">
                                          <div class="panel-heading">
<?php 
    if($number > 1){ <br />
?><br />
<span class="panel-title"><?php echo $number; ?> Results for "<?php echo $query; ?>"</span><br />
<?php     
    }
    else{
?><br />
<h3 class="panel-title">
<?php echo $number; ?> Result for "<?php echo $query; ?>"</h3>
<?php     
    }
?><br />
<br />
</div>
<div class="panel-body">
                                              <div class="row">
                                                  <div class="container">
                                                      <div class="row clearfix">
                                                          <div class="col-md-12 column">
                                                              <div class="row clearfix">
<?php
    if($_POST){
        $query=$_POST['search-form'];
        $sql=mysqli_query($database,"select * from forum_topic where forum_topic_body like '%$query%' order by forum_topic_time");
        if( mysqli_num_rows($sql) > 0) {<br />
while($rws = mysqli_fetch_array($sql)){<br />
?><br />
<div class="panel-body">
                    <a href="forum-topic.php?forum_topic_id=<?php echo $rws['forum_topic_id'];?>">📄</i> <?php echo $rws['forum_topic_body'];?></a><br />
</div>
<?php 
            } 
        }
        else{
?><br />
<center>
                                                                                No Results to show<br />
</center>
<?php      
        }
    }                                                              
?>                                                                <br />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

all data from the search results using the keyword text in bold fonts in the context or articles in the js program that have been designed to show all data from the forum topic table. can just change the js program by calling data from video or image content.

what needs to be done to create the following file for example just call search results

search_results.php

full code result-searc.php

hopefully the above review is petrified. look forward to other interesting posts on upcoming reviews thank you

DATA BARU

Make a complete a-z article search column complete with images and articles with responsive style

Posting Komentar untuk "Make a complete a-z article search column complete with images and articles with responsive style"

Menu Halaman Statis