REALISATIONS

recherchee

<table style="margin:auto; margin-bottom:2%"  >
    <tr>
        <td>Matricule</td>
        <td>Pr&eacute;nom</td>
        <td>Nom</td>
        <td>Date naiss. (jj/mm/AAAA)</td>
        <td></td>
    </tr>
    <tr>
        <td><input type="text" id="matricule"  name="matricule" /></td>
        <td><input type="text" id="prenom"  name="prenom" /></td>
        <td><input type="text" id="nom"  name="nom" /></td>
        <td><input type="text" id="date_naissance"  name="date_naissance" /></td>
        <td><input type="button" id="rechercher"  value="Rechercher" /></td>
    </tr>
</table>

<table cellpadding="0" cellspacing="0" border="0" class="display" id="example" width="70%">
    <thead>
        <tr>
            <th>Matricule</th>
            <th>Prenom</th>
            <th>Nom</th>
            <th>Date naissance</th>
            <th>Ministere</th>
            <th>Corps</th>
            <th>Statut</th>
            <th>Lieu d'audit</th>
        </tr>
    </thead>
    
</table>

<script type="text/javascript" language="javascript" src="/js/jquery.js"></script>
<script type="text/javascript" language="javascript" src="/js/jquery.dataTables.js"></script>

<script type="text/javascript" charset="utf-8">
    $(document).ready(function() {
        
        $('#example').dataTable({
            "bProcessing": true,
            "bSearch": false,
            "bPaginate": false,
            "bPaginate": false,
            "bLengthChange": false,
            "bFilter": false,
            "bInfo": false,
            
            "aoColumns": [
              { "mDataProp": "matricule" },
              { "mDataProp": "prenom" },
              { "mDataProp": "nom" },
              { "mDataProp": "date_naissance" },
              { "mDataProp": "ministere" },
              { "mDataProp": "corps" },
              { "mDataProp": "statut" },
              { "mDataProp": "infos" }
            ],
            "sAjaxSource": "controller_recherche_agent.php?matricule="+$("#matricule").val()+"&prenom="+$("#prenom").val()+"&nom="+$("#nom").val()+"&datenaissance="+$("#date_naissance").val()
        });

        function RefreshTable(tableId, urlData)
        {
          $.getJSON(urlData, null, function( json )
          {
            table = $(tableId).dataTable();
            oSettings = table.fnSettings();
            
            table.fnClearTable(this);

            for (var i=0; i<json.aaData.length; i++)
            {
              table.oApi._fnAddData(oSettings, json.aaData[i]);
            }

            oSettings.aiDisplay = oSettings.aiDisplayMaster.slice();
            table.fnDraw();
          });
        }


        $("#rechercher").click(function(){
            RefreshTable("#example","controller_recherche_agent.php?matricule="+$("#matricule").val()+"&prenom="+$("#prenom").val()+"&nom="+$("#nom").val()+"&datenaissance="+$("#date_naissance").val());

        });
    } );
</script>