Zend FR

Code html ( layout )

<nav id="menuPrincipal">
            <li id="lien1" class="lien"><a href="#"  onmouseover="afficherMenuFichesClients();setClass('lien1')"><img src="<?php echo $this->baseUrl().'./images/iconeFichesClients.png'; ?>" class="iconeMenu" /> Fiches SAV Clients</a></li>
            <li id="lien2" class="lien"><a href="#"  onmouseover="afficherFichesStockMag();setClass('lien2')" ><img src="<?php echo $this->baseUrl().'./images/iconeFichesMag.png'; ?>" class="iconeMenu" />Fiches SAV Stocks Mag</a></li>
            <li id="lien3" class="lien"><a href="#"  onmouseover="afficherFichesArchives();setClass('lien3')" ><img src="<?php echo $this->baseUrl().'./images/iconeArchives.png'; ?>" class="iconeMenu" />Archives</a></li>
            <li id="lien4" class="lien"><a href="#"  onmouseover="afficherGestion();setClass('lien4')" ><img src="<?php echo $this->baseUrl().'./images/iconeGestion.png'; ?>" class="iconeMenu" />Gestion</a></li>
        </nav>
       
        <section id="sectionPrincipale">
       
            <nav id="menuSection"></nav>
           
            <section id="contenuSection">
               
                <?php echo $this->layout()->content; ?>
           
            </section>
           
        </section>
Voici la fonction Javascript pour afficher le menu  :


// afficher menu sav clients
   
    function afficherMenuFichesClients(){

       
        var xhr = null;
       
        if (window.XMLHttpRequest){
            xhr = new XMLHttpRequest();
        }else if (window.ActiveXObject){
            xhr = new ActiveXObject('Microsoft.XMLHTTP');
        }
       
        xhr.onreadystatechange = function() {
               
            if (xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 0)) {
                document.getElementById('menuSection').style.display = '';
                document.getElementById('menuSection').innerHTML = xhr.responseText;
            }else{
                alert('erreur');
            }
        };
       
        xhr.open("POST", "fonctionsAjax.php", true);
        xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
        xhr.send('action=menuFichesClients');
       
    }
mon fichier fonctionsAjax.php :

<?php


    $action = (isset($_POST["action"])) ? $_POST["action"] : NULL;
   
    $action();
   
    /* affichage du menu des fiches clients */
   
    function menuFichesClients(){

        echo '
            <nav>
                <li><a href="/savLeclerc/public/Fiche/nouvelle-fiche" onClick="" >Nouvelle fiche client</a></li>
                <li><a href="#" onclick="afficherFichesClient()">voir les fiches clients</a></li>
            </nav>';

    }
   
    /* affichage d'un formulaire pour une nouvelle fiche */
   
    function nouvelleFiche(){
        echo "nouvelle fiche";
       
        //$form = new Application_Form_NouvelleFiche();
        /*$form->envoyer->setLabel('Sauvegarder');

        echo $form;*/
       
    }
   
?>

en fait dans l'action : nouvelle-fiche, le onmouseover du menu principal va bien dans sa fonction mais l'Ajax ne fonctionne plus ..