DS

<html>
    <head>
        <title></title>
        <script>
        var xml=null;
        onload=function()
        {
            inp=document.getElementById("titre");
            inp.onkeyup=function()
            {
                xhr=null;
                if(window.XMLHttpRequest)
                    xhr=new XMLHttpRequest();
                else if(window.ActiveXObject)
                    xhr=new ActiveXObject("Microsoft.XMLHTTP");
                else
                    alert("Veuillez misez a jours votre navigateur.");
                if(xhr)
                {
                    xhr.onreadystatechange= function()
                    {
                        if(xhr.readyState ==4 && xhr.status==200)
                        {
                            xml=xhr.responseXML;
                            _traiter(xml);
                        }
                    }
                    xhr.open('POST','biblio.xml',true);
                    xhr.send();
                }
            };
        }
        function _traiter(xml)
        {
            fieldset=document.getElementsByTagName("fieldset")[1];
            inp=document.getElementById("titre");
            divp=document.getElementById("parent");
            if(divp!=null)
            {
                fieldset.removeChild(divp);
            }
            if(inp.value=="")return;
            divp=document.createElement("div");
            divp.setAttribute("id","parent");
            fieldset.appendChild(divp);
            livres=xml.getElementsByTagName("livre");
            for(i=0;i<livres.length;i++)
            {
                title=livres[i].children[0].firstChild.nodeValue;
                if(title.indexOf(inp.value)!=-1)
                {
                    t=document.createTextNode(title);
                    div=document.createElement("div");
                    div.appendChild(t);
                    div.setAttribute("onclick","saisir("+livres[i].getAttribute("id")+")");
                    div.setAttribute("name","divs");
                    divp.appendChild(div);
                }
            }
        }
        function saisir(id)
        {
            inprix=document.getElementById("prix");
            intitle=document.getElementById("titre");
            inauteur=document.getElementById("auteur");
            livres=xml.getElementsByTagName("livre");
            for(i=0;i<livres.length;i++)
            {
                if(id==livres[i].getAttribute("id"))
                {
                    inprix.value=livres[i].getAttribute("prix");
                    intitle.value=livres[i].children[0].firstChild.nodeValue;
                    inauteur.value=livres[i].children[1].firstChild.nodeValue;
                }
            }
            fieldset=document.getElementsByTagName("fieldset")[1];
            divp=document.getElementById("parent");
            if(divp!=null)
            {
                fieldset.removeChild(divp);
            }
        }
        </script>
        <style>
            form
            {
                width:700px;
            }
            div
            {
                cursor:pointer;
            }
        </style>
    </head>
    <body>
        <form action="traitement.php" method="POST">
            <fieldset>
                <legend>Informations clients</legend>
                Nom client: <input type="text" name="nom" id="nom" required/>
                Adresse: <input type="text" name="adresse" id="adresse" required />
            </fieldset>
            <fieldset>
                <legend>Informations clients</legend>
                Titre: <input type="text" name="titre" id="titre" required/>
                Auteur: <input type="text" name="auteur" id="auteur" readonly />
                Prix: <input type="text" name="prix" id="prix" readonly />
            </fieldset>
            <button name="add" >ajouter une commande</button>
        </form>
    </body>
</html>


<?xml version="1.0" ?>
<bibliotheque>
    <livre etat="mauvais" langue="francais" prix="500dh" id="1">
        <titre>Programmer en langage C</titre>
        <auteur>Claude Delannoy</auteur>
        <numberpage>275</numberpage>
    </livre>
    <livre etat="moyen" prix="400dh" id="2">
        <titre>JavaScript</titre>
        <auteur>Francois Pellerin</auteur>
        <numberpage>155</numberpage>
    </livre>
    <livre etat="neuf" prix="700dh" id="3">
        <titre>Programmer en langage Java</titre>
        <auteur>Claude Delannoy</auteur>
        <numberpage>677</numberpage>
    </livre>
    <livre etat="neuf" langue="francais" prix="200dh" id="4">
        <titre>Developpenebt logiciel</titre>
        <auteur>Jean-Francois Pillou</auteur>
        <numberpage>227</numberpage>
    </livre>
</bibliotheque>