Bonjour,
Je suis entrain d'essayer de créer un moteur de recherche sans base de données. Et je suis sur la bonne voie ! Le seul problème est que... le moteur de recherche ne cherche pas !
Voici mon code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title></title>
<style type="text/css">
#divResult {
width: 640px;
height: 156px;
}
#divResult #txtSearchResult {
height: auto;
}
#divResult table tr #txtResult {
font-size: 35px;
}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #FFFFFF;
}
</style>
</head>
<body[orientation:portrait]>
<script language="javascript">
function add(varValue){
if (varValue=='-'){
var txt;
txt=document.getElementById("txtResult").innerHTML;
if (txt.length>0){
document.getElementById("txtResult").innerHTML=txt.substr(0,txt.length-1);//document.getElementById("txtResult").innerHTML.substr(0,document.getElementById("txtResult").innerHTML.innerHTML.length-1);
}
}else{
if (document.getElementById("txtResult").innerHTML.length<20){
document.getElementById("txtResult").innerHTML=document.getElementById("txtResult").innerHTML+varValue;
}
}
showResult();
}
function showResult(){
document.getElementById("txtSearchResult").style.backgroundColor='white';
document.getElementById("txtSearchResult").innerHTML="";
switch (document.getElementById("txtResult").innerHTML)
{
case 'BDE' :
case 'Lait' :
case '102' :
document.getElementById("txtSearchResult").innerHTML="<h2>Interdit</h2>" +document.getElementById(document.getElementById("txtResult").innerHTML).innerHTML;
document.getElementById("txtSearchResult").style.backgroundColor='red';
break;
default:
document.getElementById("txtSearchResult").innerHTML=document.getElementById(document.getElementById("txtResult").innerHTML).innerHTML;
document.getElementById("txtSearchResult").style.backgroundColor='white';
break;
}
}
function clearInfos(){
document.getElementById("txtResult").innerHTML='';
document.getElementById("txtSearchResult").innerHTML="";
showResult();
}
</script>
<div id="divResult" style="height:360">
<div style="display:none;" id='BDE'> <b>Code : </b> BDE <br>
<b>Nom : </b>Groupe Studio BDE <br>
<b>Catégorie : </b>STUDIO <br>
<b>Utilisation : </b> Joie <br> </div>
<div style="display:none;" id='Lait'> <b>Code : </b> Lait <br>
<b>Nom : </b>Lait <br>
<b>Catégorie : </b> Lactose <br>
<b>Utilisation : </b> Nombreux aliments <br> </div>
<div style="display:none;" id='102'> <b>Code : </b> 102 <br>
<b>Nom : </b>Tartrazine <br>
<b>Catégorie : </b>Colorant <br>
<b>Utilisation : </b> Nbreux alim. (boisson, merguez, bonbon, gâteau) et médicaments <br>
Risque Asthmatique à l'aspirine. Prévalence 4 à 6 % <br>
<b>Symptômes : </b>cutanéo-muqueux et respiratoires <br> </div>
<p>Moteur de recherche.</p>
<form action="rechercher.html">
<input type="text" name="requete" size="10">
<input type="submit" value="Ok">
</form>
<?
</tr>
</table>
<div align=" " id='txtSearchResult'></div>
<div align=" "><a href="http://www.zanzsoft.com/iphone/" target="_new"></a></div>
</div>
</body>
</html>
À cause de <form action="rechercher.html"> , quand j'effectue une recherche, le lien deviens site.com/rechercher.html
?requete=MOT_RECHERCHÉ
Moi j'ai besoins de modifier <form action="rechercher.html"> pour qu'il execute "divResult" (ou un autre, j'arrive pas à trouver) afin que quand je tappe par exemple BDE dans le moteur de recherche, je tombe sur le résultat indiqué dans le code ci-dessus, c'est-à-dire:
<b>Nom : </b>Groupe Studio BDE <br>
<b>Catégorie : </b>STUDIO <br>
<b>Utilisation : </b> Joie <br> </div>
Comment faire ?
Merci !
Afficher la suite
