recherche multi-critères dans un formulaire de recherche

Salut!

Ca fait un bon moment que je n'ai plus fait de javascript (je ne suis pas un expert) et j'ai besoin de vos lumières.

Je suis en train de développer un widget pour interroger le catalogue de ma bibliothèque, que je souhaite pouvoir intégrer dans un netvibes, un facebook et d' autres outils.

J'ai donc une page web et un javascript.Pour l'instant, ce widget ne permet de faire une recherche que par auteur mais je souhaite pouvoir l'élargir au titre et au sujet. Dans l'url qui interroge la base (urlHIP), c'est la valeur de l'index qui change en fonction de ce que l'on recherche. Là où je bloque, c'est comment traduire au niveau du code une recherche multi-critères (par titre ou auteur ou sujet).

Je vous mets ci-dessous le code des 2 fichiers

widget2.html

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<?xml version="1.0" encoding="utf-8"?>
<!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" 
    xmlns:widget="http://www.netvibes.com/ns/">
  <head>
    <meta name="author" content="Samuel Desseaux, Mediatheque de Roubaix" />
    <meta name="description" content="Le catalogue general de la Mediatheque" />
 
    <link rel="stylesheet" type="text/css" href="http://www.netvibes.com/themes/uwa/style.css" />
    <script type="text/javascript" src="http://www.netvibes.com/js/UWA/load.js.php?env=Standalone"></script>
    <script type="text/javascript" src="rechercheBIUM.js" ></script>
 
    <title>Catalogue de la Médiathèque de Roubaix</title>
    <script type="text/javascript">
<!--
function MM_jumpMenu(targ,selObj,restore){ //v3.0
  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  if (restore) selObj.selectedIndex=0;
}
//-->
    </script>
  </head>
  <body>
 
     <div align="center">
        <form name="formRecherche" onSubmit="javascript:return rechercheBIUM();" method="POST">
        <p>Chercher :</p>
 
        <input type="hidden" name="index1" value="GW" />
        <input onfocus="javascript:this.value='';" value="Tapez votre recherche" class="rechercher" name="term" type="text" size="30" />
        <input type="hidden" name="urlHIP" value="http://catalogue.mediathequederoubaix.fr/ipac20/ipac.jsp?menu=search&amp;aspect=subtab242&amp;npp=10&amp;ipp=20&amp;spp=20&amp;profile=web&amp;ri=&amp;aspect=subtab242&amp;index=AUTHOR" />
        <select name="jumpMenu" size="1" id="jumpMenu" onchange="MM_jumpMenu('parent',this,0)">
          <option>Auteur</option>
          <option>Titre</option>
          <option>Sujet</option>
        </select>
        <input type="button" value="ok" onclick="javascript:rechercheBIUM();" class="ok"/>
        </form>
    </div>
    <div align="center">
	<a href="http://catalogue.mediathequederoubaix.fr/ipac20/ipac.jsp?&profile=web&menu=dsiTab&ts=1248605870984" target="blank">Nouveautés</a>|
	<a href="http://catalogue.mediathequederoubaix.fr/ipac20/ipac.jsp?&profile=web&menu=account&ts=1248605870984" target="blank">Ma carte </a>
    </div>
  </body>
</html>

rechercheBIUM.js

Code:

1
2
3
4
5
6
7
8
9
 
function rechercheBIUM() {
var index1 = document.forms["formRecherche"].elements["index1"].value;
	var term = document.forms["formRecherche"].elements["term"].value;
		var url = document.forms["formRecherche"].elements["urlHIP"].value;
		var urlRecherche = url+"&term="+encodeURI(term);
		window.open(urlRecherche);
return false;
}