depuis quelques jours, je bloque sur un site que je crée en html/css et php sans BDD. Je n'ai pas connaissances en js/ajax bien que j'en ai besoin ici.
Pour m'aider, je me suis servie de https://blog.pascal-martin.fr/post/scri ... ynamiques/
Voilà mon problème :
dans mon menu, je voudrais faire une barre de recherche sur une liste de protéines que je mets dans un tableau ET que lorsque j'entre la première lettre, une liste d'auto suggestions de protéines apparaisse
index.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<title>list of Proteins</title>
<meta charset="utf-8" />
<link rel="stylesheet" href="css/mystyle.css">
</head>
<body>
<header>
<div class id="bandeau">
<div class id="texteg">Proteins</font></div>
<?php include('menu.php'); ?>
</header>
<script type="text/javascript">
new Ajax.Autocompleter(
"search",
"menu_auto",
"serveur-search.php",
{
paramName: 'search',
minChars: 1
});
</script>
</body>
</html><form name="search" method="get" action="search.php"><div class='menu'>
<nav>
<ul>
<li><a href="index.php"><b>Home</b></a></li>
<li><a href="p1.php"><b>Page1</b></a></li>
<li><a href="p2.php"><b>Page2</b></a></li>
<li><a href="p3.php"><b>Page3</b></a></li>
<li><a href="p4.php"><b>Page2</b></a></li>
<li></li>
<li></li>
<li><input type="text" name="search" id="search" placeholder="Search protein" style="width:102px;height:25px;">
<div id='menu_auto' class='autocomplete'></div>
<button>Search</button>
<li><a href="p5.php"><b>p5</b></a></li>
</ul>
</nav>
</div>
</form><?php
$dossier="Proteins";
$new=array();
foreach (new DirectoryIterator($dossier) as $fileInfo) {
if($fileInfo->isDot()) continue;
$get_fn=$fileInfo->getFilename();
list($filename, $extension) = explode(".", $get_fn);
array_push($new,$filename);
}
echo "<ul>\n";
foreach ($new as $search)
{
if (stripos($search, $_POST['search'])
{
echo "<li>$search</li>\n";
}
}
echo "</ul>";
?>
)