function getXMLHttpRequest()
{
	var xhr = null;
	
	if (window.XMLHttpRequest || window.ActiveXObject) {
		if (window.ActiveXObject) {
			try {
				xhr = new ActiveXObject("Msxml2.XMLHTTP");
			} catch(e) {
				xhr = new ActiveXObject("Microsoft.XMLHTTP");
			}
		} 
		else {
			xhr = new XMLHttpRequest(); 
		}
	} 
	else {
		alert("Votre navigateur ne supporte pas l'objet XMLHTTPRequest...");
		return null;
	}
	
	return xhr;
}

function request(callback) {
	var xhr = getXMLHttpRequest();
	
	xhr.onreadystatechange = function() {
		if (xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 0)) {
			callback(xhr.responseXML);
		}
	};
	
	xhr.open("GET", "bdd.xml", true);
	xhr.send(null);
}

function readData(oData) 
{
	var listeSchema = oData.getElementsByTagName("schema");
	var input = document.forms["recherche"].elements["src"].value;
	var resultats;
	var html = '<h1>Resultat de la recherche</h1><table id="gdimg">';
	
	resultats = Recherche(listeSchema, input);
	
	var j=0;	
	for (i in resultats) 
	{	
			
		var schema = oData.getElementById(i);
		
		if (j%3 == 0)
			html += "<tr>";
		
		if (schema != null) {
			var titre = schema.getElementsByTagName("titre");
			var image = schema.getElementsByTagName("image");
			//var sstitre = schema.getElementsByTagName("sstitre");
			var tag = schema.getElementsByTagName("tag");
				
			html += '<td><a href="schema-'+ image[0].firstChild.nodeValue +'.html">';
			html += '<img src="images/schema/petite/'+ image[0].firstChild.nodeValue +'.jpg" alt="'+ titre[0].firstChild.nodeValue +'" title="'+ titre[0].firstChild.nodeValue +'"/></a><br/>'; 
			html += '<em>'+ titre[0].firstChild.nodeValue +'</em></td>';
			
			j++;
				
		}
	}
			
	if ((j+1)%3 == 1)
		html += '<td></td><td></td>';
	if ((j+1)%3== 2)
		html += '<td></td>';
						
	html  += '</tr>';	
	html +='</table>';
	html += '<p style="clear:both"></p>';
	
	document.getElementById("contenu").innerHTML = html;
}

function Recherche(listeSchema, recherche)
{
	var rep = new Array();
	recherche = explode_recherche(recherche);
	
	for(var i=0, c=listeSchema.length; i<c; i++) // Parcour de tous les schemas
	{ 
		for (var j=0, d=recherche.length; j<d; j++) // Pour de tous les mots recherchés
		{
			var image = listeSchema[i].getElementsByTagName("image");
			var titre = listeSchema[i].getElementsByTagName("titre");
			//var sstitre = listeSchema[i].getElementsByTagName("sstitre");
			var tag = listeSchema[i].getElementsByTagName("tag");
				
			var string = image[0].firstChild.nodeValue + " "
						+ titre[0].firstChild.nodeValue + " "
						//+ sstitre[0].firstChild.nodeValue
						+ tag[0].firstChild.nodeValue;
							
			var occurences = Occurence(string, recherche[j]);
					
			if (occurences > 0)
			{
				var id = listeSchema[i].getAttribute("id");
								
				if (array_key_exists(id, rep)) 
					rep[id] = rep[id] + occurences; // On aditionne les occurences
				else
					rep[id] = occurences; // sinon on ajoute l'id
			}
		}
	}
	rep.sort();
	rep.reverse();
		
	return rep;
}
	
function Occurence(chaine, mot) 
{
	reg = new RegExp(mot,"i")
	
	var tableau = chaine.split(reg);
	var occurence = tableau.length-1;
	return occurence;
}

function array_key_exists(key, array) 
{
	var bool =  false;	
	for (i in array) {
		if (i == key)
			return true;
	}
	return false;
}

function explode_recherche(recherche)
{
	recherche = recherche.split(" ");
	var ref = ['le', 'la', 'les', 'du', 'de', 'a', 'à', 'et', '+', ','];
					
	for (var i=0, c=recherche.length; i<c; i++)
	{
		if (in_array(recherche[i], ref))
			delete recherche[i];
	}
	
	return recherche;
}

function in_array(needle, haystack, argStrict) 
{ 
    var key = '', strict = !!argStrict;
 
    if (strict) 
	{
        for (key in haystack) 
		{
            if (haystack[key] === needle)
                return true;
        }
    } 
	else 
	{
        for (key in haystack) 
		{
            if (haystack[key] == needle)
                return true;
        }
    }
 
    return false;
}

<form action="recherche-2.html" method="get" name="recherche">
   <p><input type="text" name="src" size="18" onkeypress="request(readData);" /><input type="submit" value="" title="Rechercher"/></p>							
</form>
<div id="contenu"></div>

<?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE bdd [
<!ELEMENT bdd (biocell , embryologie , genetique , biovegetale , physiologie , bioenergetique)+>
<!ELEMENT biocell (schema)*>
<!ELEMENT embryologie (schema)*>
<!ELEMENT genetique (schema)*>
<!ELEMENT biovegetale (schema)*>
<!ELEMENT physiologie (schema)*>
<!ELEMENT bioenergetique (schema)*>
<!ELEMENT schema (image , titre , sstitre , tag , categorie , vue)+>
<!ATTLIST schema id ID #REQUIRED>
<!ELEMENT image (#PCDATA)>
<!ELEMENT titre (#PCDATA)>
<!ELEMENT sstitre (#PCDATA)>
<!ELEMENT tag (#PCDATA)>
<!ELEMENT categorie (#PCDATA)>
<!ELEMENT vue (#PCDATA)>
<!ATTLIST vue vue CDATA #REQUIRED>
]>
<bdd>
  <bc/>
  <de/>
  <bg/>
  <bv/>
  <phy>
    <schema id="_7">
      <image>ct-muscle-strie-squeletique</image>
      <titre>Coupe tansversale de muscle strié squletique</titre>
      <sstitre/>
      <tag>muscle, aponevrose, myofibrille</tag>
      <vue vue="2"/>
    </schema>
    <schema id="_8">
      <image>fibre-musculaire-cellule-spe</image>
      <titre>La fibre musculaire striée squeletique, une cellule spécialisée</titre>
      <sstitre/>
      <tag>muscle, plaque motrice, sarcomère</tag>
      <vue vue="3"/>
    </schema>
    <schema id="_9">
      <image>fibre-musculaire-strie-mo</image>
      <titre>Fibre musculaire striée squeletique</titre>
      <sstitre/>
      <tag>muscle, strie Z, bande H, bande A</tag>
      <vue vue="1"/>
    </schema>
    <schema id="_10">
      <image>fonctionnement-plaque-motrice</image>
      <titre>Fonctionnement de la plaque motrice</titre>
      <sstitre/>
      <tag>Neurone, muscle</tag>
      <vue vue="4"/>
    </schema>
    <schema id="_11">
      <image>plaque-motrice</image>
      <titre>Plaque motrice</titre>
      <sstitre/>
      <tag>Neurone, muscle</tag>
      <vue vue="0"/>
    </schema>
  </phy>
  <be/>
  <divers>
    <schema id="_6">
      <image>acetylcholine-esterase</image>
      <titre>Acetylcholine estérase</titre>
      <sstitre/>
      <tag>neurotransmetteur, enzyme</tag>
      <vue vue="1"/>
    </schema>
  </divers>
</bdd>