What's new

PHP Need help about sa paggawa ng search bar

T

tadaki27

Honorary Poster
Established
Joined
Jan 24, 2017
Posts
592
Reaction
78
Points
185
About sa pag Search bar paano gumawa ng search bar na may drop down na list kung saan didisplay niya ang lahat ng names.
ito pala laman ng database ko.

first_name, middle_name at last_name

ang gusto ko sana sa search bar ko ay pag type ko ng name example:
ang kailangan ko name is Jane Doe

okay naman kapag 'Jane' lang ginamit ko. lalabas yun full name na Jane Doe
pero pag type ko na sa search ay 'Jane Doe' ay no record na lumalabas.

gusto ko sana lumabas na result is like kagaya sa Facebook na kahit full name eh dapat andun pa din sa results.

try ko mag search sa google at mostly talaga sa results na tutorial specific lang na first_name or last_name or middle_name lang lumilitaw
kapag full name na di na gumagana.
Please need help for our Capstone project
 
Para mabuo ang search bar na may dropdown list at mag-display ng lahat ng pangalan, kailangan mong gamitin ang JavaScript, PHP, at SQL. Narito ang mga hakbang na maaari mong sundin:

1. Buuin ang HTML ng search bar at dropdown list. Ito ang maaaring hitsura ng code:

HTML: 
<input type="text" id="searchBar" onkeyup="showDropdown()" placeholder="Search...">
<div id="dropdownList"></div>

2. Gumawa ng JavaScript function na magpapakita ng dropdown list habang sinusulat mo ang pangalan sa search bar:

JavaScript: 
function showDropdown() {
  var input = document.getElementById("searchBar").value;
  if (input.length > 0) {
    // Gumawa ng AJAX request para makuha ang mga pangalan sa database
    var xmlhttp = new XMLHttpRequest();
    xmlhttp.onreadystatechange = function() {
      if (this.readyState == 4 && this.status == 200) {
        document.getElementById("dropdownList").innerHTML = this.responseText;
      }
    };
    xmlhttp.open("GET", "get_names.php?input=" + input, true);
    xmlhttp.send();
  } else {
    // I-clear ang dropdown list kapag walang input
    document.getElementById("dropdownList").innerHTML = "";
  }
}

3. Gumawa ng PHP script na kukunan ng mga pangalan mula sa database at ipapakita sa dropdown list. Ito ang kailangang laman ng "get_names.php" file:

PHP: 
<?php
// Konektahin sa database
$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "database_name";
$conn = new mysqli($servername, $username, $password, $dbname);

// Kunin ang input mula sa search bar
$input = $_GET['input'];

// Query para sa mga pangalan na may katulad na input
$sql = "SELECT CONCAT(first_name, ' ', middle_name, ' ', last_name) AS full_name FROM table_name WHERE CONCAT(first_name, ' ', middle_name, ' ', last_name) LIKE '%$input%'";
$result = $conn->query($sql);

// Ipakita ang mga pangalan sa dropdown list
if ($result->num_rows > 0) {
  while ($row = $result->fetch_assoc()) {
    echo "<p onclick='selectName(\"" . $row['full_name'] . "\")'>" . $row['full_name'] . "</p>";
  }
} else {
  echo "<p>No results found</p>";
}
$conn->close();
?>

4. Gumawa ng JavaScript function na pipili ng pangalan mula sa dropdown list at ipapakita ito sa search bar:

JavaScript: 
function selectName(name) {
  document.getElementById("searchBar").value = name;
  document.getElementById("dropdownList").innerHTML = "";
}

Sa mga hakbang na ito, ang pagtatype ng "Jane Doe" sa search bar ay magbibigay sa iyo ng mga resultang naglalaman ng parehong "Jane" at "Doe". Kung mayroon kang ibang katanungan, huwag mag-atubiling magtanong. Good luck sa inyong Capstone project!
 
🤖 said:
Para mabuo ang search bar na may dropdown list at mag-display ng lahat ng pangalan, kailangan mong gamitin ang JavaScript, PHP, at SQL. Narito ang mga hakbang na maaari mong sundin:

1. Buuin ang HTML ng search bar at dropdown list. Ito ang maaaring hitsura ng code:

HTML: 
<input type="text" id="searchBar" onkeyup="showDropdown()" placeholder="Search...">
<div id="dropdownList"></div>

2. Gumawa ng JavaScript function na magpapakita ng dropdown list habang sinusulat mo ang pangalan sa search bar:

JavaScript: 
function showDropdown() {
  var input = document.getElementById("searchBar").value;
  if (input.length > 0) {
    // Gumawa ng AJAX request para makuha ang mga pangalan sa database
    var xmlhttp = new XMLHttpRequest();
    xmlhttp.onreadystatechange = function() {
      if (this.readyState == 4 && this.status == 200) {
        document.getElementById("dropdownList").innerHTML = this.responseText;
      }
    };
    xmlhttp.open("GET", "get_names.php?input=" + input, true);
    xmlhttp.send();
  } else {
    // I-clear ang dropdown list kapag walang input
    document.getElementById("dropdownList").innerHTML = "";
  }
}

3. Gumawa ng PHP script na kukunan ng mga pangalan mula sa database at ipapakita sa dropdown list. Ito ang kailangang laman ng "get_names.php" file:

PHP: 
<?php
// Konektahin sa database
$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "database_name";
$conn = new mysqli($servername, $username, $password, $dbname);

// Kunin ang input mula sa search bar
$input = $_GET['input'];

// Query para sa mga pangalan na may katulad na input
$sql = "SELECT CONCAT(first_name, ' ', middle_name, ' ', last_name) AS full_name FROM table_name WHERE CONCAT(first_name, ' ', middle_name, ' ', last_name) LIKE '%$input%'";
$result = $conn->query($sql);

// Ipakita ang mga pangalan sa dropdown list
if ($result->num_rows > 0) {
  while ($row = $result->fetch_assoc()) {
    echo "<p onclick='selectName(\"" . $row['full_name'] . "\")'>" . $row['full_name'] . "</p>";
  }
} else {
  echo "<p>No results found</p>";
}
$conn->close();
?>

4. Gumawa ng JavaScript function na pipili ng pangalan mula sa dropdown list at ipapakita ito sa search bar:

JavaScript: 
function selectName(name) {
  document.getElementById("searchBar").value = name;
  document.getElementById("dropdownList").innerHTML = "";
}

Sa mga hakbang na ito, ang pagtatype ng "Jane Doe" sa search bar ay magbibigay sa iyo ng mga resultang naglalaman ng parehong "Jane" at "Doe". Kung mayroon kang ibang katanungan, huwag mag-atubiling magtanong. Good luck sa inyong Capstone project!
Click to expand...
salamat dito ngunit hindi din lumalabas sa akin ang mga result mula sa database.
may kailangan ba ako copy src na javascript like jquery.min.js?
 
tadaki27 said:
salamat dito ngunit hindi din lumalabas sa akin ang mga result mula sa database.
may kailangan ba ako copy src na javascript like jquery.min.js?
Click to expand...
Hindi mo kailangan magdagdag ng jQuery.min.js para sa simpleng search bar na ito. Gumagamit lamang ito ng JavaScript at AJAX para gumana.

Siguraduhin mo na nasunod mo ang mga sumusunod na hakbang:

1. Tiyaking tama ang mga detalye ng iyong database, tulad ng hostname, username, password, at database name. I-update ang mga ito sa "get_names.php" file.

2. Siguraduhin na ang mga field name sa iyong database ay tumpak. Halimbawa, kung ang mga field name ay "first_name", "middle_name", at "last_name", siguraduhin na tama ang mga ito sa "get_names.php" file.

3. Tiisin mong i-debug ang iyong code. I-check ang mga error sa network tab ng developer tools ng iyong browser. Makikita mo kung may mga error sa AJAX request o sa pagkuha ng mga pangalan mula sa database.

4. Matiyagang suriin ang PHP script. Maaaring mayroong mga error sa pagkonekta sa database o sa pagkuha ng mga pangalan mula dito. Maaari mong subukan ang mga query sa database management tool mo upang matiyak na nagbibigay ng tamang resulta.

5. Kung wala pa ring resulta, subukan ang mga alternatibong paraan. Maaari mong gamitin ang libraries tulad ng jQuery o ang iba pang mga framework na may mga built-in na mga function para sa AJAX at pagpapakita ng resulta. Maaari ka ring sumangguni sa mga online tutorials o dokumentasyon para sa karagdagang mga impormasyon.

Kung mayroon kang iba pang mga katanungan o kailangan pa ng tulong, huwag mag-atubiling magtanong. Good luck sa iyong Capstone project!
 
🤖 said:
Para mabuo ang search bar na may dropdown list at mag-display ng lahat ng pangalan, kailangan mong gamitin ang JavaScript, PHP, at SQL. Narito ang mga hakbang na maaari mong sundin:

1. Buuin ang HTML ng search bar at dropdown list. Ito ang maaaring hitsura ng code:

HTML: 
<input type="text" id="searchBar" onkeyup="showDropdown()" placeholder="Search...">
<div id="dropdownList"></div>

2. Gumawa ng JavaScript function na magpapakita ng dropdown list habang sinusulat mo ang pangalan sa search bar:

JavaScript: 
function showDropdown() {
  var input = document.getElementById("searchBar").value;
  if (input.length > 0) {
    // Gumawa ng AJAX request para makuha ang mga pangalan sa database
    var xmlhttp = new XMLHttpRequest();
    xmlhttp.onreadystatechange = function() {
      if (this.readyState == 4 && this.status == 200) {
        document.getElementById("dropdownList").innerHTML = this.responseText;
      }
    };
    xmlhttp.open("GET", "get_names.php?input=" + input, true);
    xmlhttp.send();
  } else {
    // I-clear ang dropdown list kapag walang input
    document.getElementById("dropdownList").innerHTML = "";
  }
}

3. Gumawa ng PHP script na kukunan ng mga pangalan mula sa database at ipapakita sa dropdown list. Ito ang kailangang laman ng "get_names.php" file:

PHP: 
<?php
// Konektahin sa database
$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "database_name";
$conn = new mysqli($servername, $username, $password, $dbname);

// Kunin ang input mula sa search bar
$input = $_GET['input'];

// Query para sa mga pangalan na may katulad na input
$sql = "SELECT CONCAT(first_name, ' ', middle_name, ' ', last_name) AS full_name FROM table_name WHERE CONCAT(first_name, ' ', middle_name, ' ', last_name) LIKE '%$input%'";
$result = $conn->query($sql);

// Ipakita ang mga pangalan sa dropdown list
if ($result->num_rows > 0) {
  while ($row = $result->fetch_assoc()) {
    echo "<p onclick='selectName(\"" . $row['full_name'] . "\")'>" . $row['full_name'] . "</p>";
  }
} else {
  echo "<p>No results found</p>";
}
$conn->close();
?>

4. Gumawa ng JavaScript function na pipili ng pangalan mula sa dropdown list at ipapakita ito sa search bar:

JavaScript: 
function selectName(name) {
  document.getElementById("searchBar").value = name;
  document.getElementById("dropdownList").innerHTML = "";
}

Sa mga hakbang na ito, ang pagtatype ng "Jane Doe" sa search bar ay magbibigay sa iyo ng mga resultang naglalaman ng parehong "Jane" at "Doe". Kung mayroon kang ibang katanungan, huwag mag-atubiling magtanong. Good luck sa inyong Capstone project!
Click to expand...
Maaari mo bang gawin ito sa PDO?
 
tadaki27 said:
Maaari mo bang gawin ito sa PDO?
Click to expand...
Oo, maaari kong gawin ang code na ito gamit ang PDO. Narito ang pagkakasunud-sunod ng mga hakbang:

1. Buuin ang HTML ng search bar at dropdown list. Ito ang maaaring hitsura ng code:

HTML: 
<input type="text" id="searchBar" onkeyup="showDropdown()" placeholder="Search...">
<div id="dropdownList"></div>

2. Gumawa ng JavaScript function na magpapakita ng dropdown list habang sinususlat mo ang pangalan sa search bar:

JavaScript: 
function showDropdown() {
  var input = document.getElementById("searchBar").value;
  if (input.length > 0) {
    // Gumawa ng AJAX request para makuha ang mga pangalan sa database
    var xmlhttp = new XMLHttpRequest();
    xmlhttp.onreadystatechange = function() {
      if (this.readyState == 4 && this.status == 200) {
        document.getElementById("dropdownList").innerHTML = this.responseText;
      }
    };
    xmlhttp.open("GET", "get_names.php?input=" + input, true);
    xmlhttp.send();
  } else {
    // I-clear ang dropdown list kapag walang input
    document.getElementById("dropdownList").innerHTML = "";
  }
}

3. Gumawa ng PHP script na kukunan ng mga pangalan mula sa database gamit ang PDO at ipapakita sa dropdown list. Ito ang kailangang laman ng "get_names.php" file:

```php
<?php
// Konektahin sa database gamit ang PDO
$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "database_name";

try {
$conn = new PDO("mysql:host=$servername;dbname=$dbname", $username, $password);
$conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);

// Kunin ang input mula sa search bar
$input = $_GET['input'];

// Query para sa mga pangalan na may katulad na input
$sql = "SELECT CONCAT(first_name, ' ', middle_name, ' ', last_name) AS full
 
🤖 said:
Oo, maaari kong gawin ang code na ito gamit ang PDO. Narito ang pagkakasunud-sunod ng mga hakbang:

1. Buuin ang HTML ng search bar at dropdown list. Ito ang maaaring hitsura ng code:

HTML: 
<input type="text" id="searchBar" onkeyup="showDropdown()" placeholder="Search...">
<div id="dropdownList"></div>

2. Gumawa ng JavaScript function na magpapakita ng dropdown list habang sinususlat mo ang pangalan sa search bar:

JavaScript: 
function showDropdown() {
  var input = document.getElementById("searchBar").value;
  if (input.length > 0) {
    // Gumawa ng AJAX request para makuha ang mga pangalan sa database
    var xmlhttp = new XMLHttpRequest();
    xmlhttp.onreadystatechange = function() {
      if (this.readyState == 4 && this.status == 200) {
        document.getElementById("dropdownList").innerHTML = this.responseText;
      }
    };
    xmlhttp.open("GET", "get_names.php?input=" + input, true);
    xmlhttp.send();
  } else {
    // I-clear ang dropdown list kapag walang input
    document.getElementById("dropdownList").innerHTML = "";
  }
}

3. Gumawa ng PHP script na kukunan ng mga pangalan mula sa database gamit ang PDO at ipapakita sa dropdown list. Ito ang kailangang laman ng "get_names.php" file:

```php
<?php
// Konektahin sa database gamit ang PDO
$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "database_name";

try {
$conn = new PDO("mysql:host=$servername;dbname=$dbname", $username, $password);
$conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);

// Kunin ang input mula sa search bar
$input = $_GET['input'];

// Query para sa mga pangalan na may katulad na input
$sql = "SELECT CONCAT(first_name, ' ', middle_name, ' ', last_name) AS full
Click to expand...
ang galing ng AI pero hintayin ko na mabuo mo ang iyong post. maraming salamat
 
tadaki27 said:
mas maiintindihan ko sana kung PDO pero maraming salamat sa tulong mo. susubukan ko na lang muna gamit mysqli pero sana maayos mo din gamit ang PDO
Click to expand...
Wala pong problema! Mas maiintindihan mo talaga ang PDO dahil ito ay mas moderno at nagbibigay ng mas malawak na mga function at mga feature. Subukan mo munang gamitin ang mysqli at pag-aralan ang PDO kapag may oras ka na. Kung may mga katanungan ka pa o
 
🤖 said:
Wala pong problema! Mas maiintindihan mo talaga ang PDO dahil ito ay mas moderno at nagbibigay ng mas malawak na mga function at mga feature. Subukan mo munang gamitin ang mysqli at pag-aralan ang PDO kapag may oras ka na. Kung may mga katanungan ka pa o
Click to expand...
nakatulong sa akin ang query na ginamit mo. dahil sa query na iyon nakuha ko na ang resulta na aking nais maraming salamat halos isang araw na ako nag sesearch para doon.
 
Isang nakitang kong approach TS ung magkaroon ng fullname field sa database, para sa query isasama ung field na "fullname" para sa searchbar
 
D I A B L O said:
Isang nakitang kong approach TS ung magkaroon ng fullname field sa database, para sa query isasama ung field na "fullname" para sa searchbar
Click to expand...
yes ginawa ko iyan pero may napansin din ako di accurate like example
Mary Jane Racor Platino
Pag type ko ng Mary Platino di na lalabas.
pero nakuha ko na yun SQL Query na binigay ng AI ay exakto na hinahanap ko paps.
 

Similar threads

Popular Tags

android api app arduino bot c c++ capstone capstone project code coding coding and programming css database developer development help how how to html in java javascript language laravel mag mysql need patulong php program programmer programming programming language project python question react script sql system thesis tutorial udemy vb.net visual basic web web development website with

About this Thread

  • 10
    Replies
  • 433
    Views
  • 3
    Participants
Last reply from:
tadaki27

New Topics

Popular On This Forum

Online statistics

Members online
1,088
Guests online
4,574
Total visitors
5,662
Back
Top