Hallo,
also erstmal zu dem was ich überhaupt vorhabe. Wie in der Überschrift schon deutlich wird, habe ich vor eine Suchfunktion auf meiner Website einzubauen. Dabei soll bereits während der Eingabe in das Suchfeld erste Treffer angezeigt werden.
So nun habe ich im Netz schon mal ein wenig geschaut und habe zu dem was ich suche auch schon ein Script gefunden das im wesentlichen aus drei Dateien besteht:
index.php
search.php
Java_Suche.js
index.php
search.php
Java_Suche.js
Soo aus rätselhaften Gründen aber will das ganze nicht so funktionieren wie ich mir das vorstelle. Die Echtzeit-Überprüfung der Eingabe funktioniert nicht und auch bei Klick auf den Button werden keine Ergebnisse angezeigt. Was übersehe ich ? Wie gesagt ich habe das Script aus dem Netz und einfach nur ein wenig angepasst.
Wer nochmal nachlesen möchte findet das Script unter folgendem Link:
https://advitum.de/2010/09/suchergebnisse-schon-beim-eintippen-mit-jquery/
Eventuell habe ich ja doch etwas falsch eingegeben :)
also erstmal zu dem was ich überhaupt vorhabe. Wie in der Überschrift schon deutlich wird, habe ich vor eine Suchfunktion auf meiner Website einzubauen. Dabei soll bereits während der Eingabe in das Suchfeld erste Treffer angezeigt werden.
So nun habe ich im Netz schon mal ein wenig geschaut und habe zu dem was ich suche auch schon ein Script gefunden das im wesentlichen aus drei Dateien besteht:
index.php
search.php
Java_Suche.js
index.php
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>Suche mit jQuery-Autocomplete</title>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.custom.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script type="text/javascript" src="Java_Suche.js"></script>
<link rel="stylesheet" type="text/css" href="Suche_design.css" />
</head>
<body>
<form action="search.php">
<input type="text" id="search" name="search" /> <input type="submit" name="submit" value="Suchen" />
</form>
<div id="results"></div>
</body>
</html>
search.php
Code:
<?php
mysql_connect("localhost","root","hund456") or die ("Keine Verbindung moeglich");
mysql_select_db("Datenbank_NEU") or die ("Die Datenbank existiert nicht");
mysql_query("SET NAMES 'utf8'");
$result = mysql_query("SELECT * FROM adressen WHERE vorname LIKE '%".$_GET['search']."%' LIMIT 5");
while($row = mysql_fetch_object($result))
{
echo '';
echo preg_replace('/(' . $_GET['search'] . ')/Usi', '<span class="result">\\1</span>', $row->text);
echo '';
}
?>
Java_Suche.js
Code:
$(document).ready(function()
{
$('#search').keyup(function()
{
if($(this).val().length >= 3)
{
$.get("search.php", {search: $(this).val()}, function(data)
{
$("#results").html(data);
});
}
});
});
Soo aus rätselhaften Gründen aber will das ganze nicht so funktionieren wie ich mir das vorstelle. Die Echtzeit-Überprüfung der Eingabe funktioniert nicht und auch bei Klick auf den Button werden keine Ergebnisse angezeigt. Was übersehe ich ? Wie gesagt ich habe das Script aus dem Netz und einfach nur ein wenig angepasst.
Wer nochmal nachlesen möchte findet das Script unter folgendem Link:
https://advitum.de/2010/09/suchergebnisse-schon-beim-eintippen-mit-jquery/
Eventuell habe ich ja doch etwas falsch eingegeben :)