Programme partie ajax

Bonjour,

je voudrais poser une question svp ,j'ai un programme contient partie ajax et contient pas les balises <html> et <head> just javascript et php mais pendant la creation de la patie javascript ne fonctionne pas dans le button
coordialement

3 réponses

  • Votes
  • Date
  • Date décroissante
  1. Modérateur
    OK.
    Mais quelle est la question ? Paske là y'en a pas !
    1. Reformule ta question avec des phrases complète et poste le code ;)
      1. ok
        donc je voudrais savoire pourquoi la partie javascript ca marche pas

        voila le code:
        cette function ca marche pas
        **
        function valueduree(){

        formulaire.DureeSession.value=formulaire.Heurdebut.value;

        }
        **
        l'apple en bas au niveau d'un input .
        ////////////////////////////////////////

        <script type='text/javascript' >

        function valueduree(){

        formulaire.DureeSession.value=formulaire.Heurdebut.value;

        }

        function getXhr(){
        var xhr = null;
        if(window.XMLHttpRequest){ // Firefox et autres
        xhr = new XMLHttpRequest();

        }
        else if(window.ActiveXObject){ // Internet Explorer
        try {
        xhr = new ActiveXObject("Msxml2.XMLHTTP");
        } catch (e) {
        xhr = new ActiveXObject("Microsoft.XMLHTTP");
        }
        }
        else { // XMLHttpRequest non supporté par le navigateur
        alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
        xhr = false;
        }
        return xhr;
        }
        // change annee
        function changefil(){

        var xhr = getXhr();
        // On défini ce qu'on va faire quand on aura la réponse
        xhr.onreadystatechange = function(){
        // On ne fait quelque chose que si on a tout reçu et que le serveur est ok
        if(xhr.readyState == 4 && xhr.status == 200){
        di = document.getElementById('fil');
        di.innerHTML = xhr.responseText;

        }
        }
        // Ici on va voir comment faire du post
        xhr.open("POST","include/ajaxfilaf.php",true);
        // ne pas oublier ça pour le post
        xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
        idannunv = document.getElementById('anneeuniv').options[document.getElementById('anneeuniv').selectedIndex].value;
        // ne pas oublier de poster les arguments
        xhr.send("idannunv="+idannunv);
        }

        /* function affiche cycle*/
        function changecyc(){

        var xhr = getXhr();

        // On défini ce qu'on va faire quand on aura la réponse
        xhr.onreadystatechange = function(){

        // On ne fait quelque chose que si on a tout reçu et que le serveur est ok
        if(xhr.readyState == 4 && xhr.status == 200){
        di = document.getElementById('cycle');
        di.innerHTML = xhr.responseText;

        }
        }

        // Ici on va voir comment faire du post
        xhr.open("POST","include/ajaxcycaf.php",true);
        // ne pas oublier ça pour le post
        xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
        idannunv = document.getElementById('anneeuniv').options[document.getElementById('anneeuniv').selectedIndex].value;
        idfiliere = document.getElementById('nomfiliere').options[document.getElementById('nomfiliere').selectedIndex].value;
        //alert(idauteur);
        xhr.send("idfiliere="+idfiliere+"&idannunv="+idannunv);
        }

        /**
        * affiche niveau
        */
        function changeniv(){

        var xhr1 = getXhr();

        // On défini ce qu'on va faire quand on aura la réponse
        xhr1.onreadystatechange = function(){

        // On ne fait quelque chose que si on a tout reçu et que le serveur est ok
        if(xhr1.readyState == 4 && xhr1.status == 200){
        dil = document.getElementById('cniveau');
        dil.innerHTML = xhr1.responseText;

        }
        }

        // Ici on va voir comment faire du post
        xhr1.open("POST","include/ajaxnivaf.php",true);
        // ne pas oublier ça pour le post
        xhr1.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
        idannunv = document.getElementById('anneeuniv').options[document.getElementById('anneeuniv').selectedIndex].value;
        idfiliere = document.getElementById('nomfiliere').options[document.getElementById('nomfiliere').selectedIndex].value;
        iddip = document.getElementById('diplome').options[document.getElementById('diplome').selectedIndex].value;
        //alert(idauteur);
        xhr1.send("iddip="+iddip+"&idfiliere="+idfiliere+"&idannunv="+idannunv);

        }

        /* affiche semestre */
        function changesem(){

        var xhr2 = getXhr();

        // On défini ce qu'on va faire quand on aura la réponse
        xhr2.onreadystatechange = function(){

        // On ne fait quelque chose que si on a tout reçu et que le serveur est ok
        if(xhr2.readyState == 4 && xhr2.status == 200){
        di2 = document.getElementById('csem');
        di2.innerHTML = xhr2.responseText;

        }
        }

        // Ici on va voir comment faire du post
        xhr2.open("POST","include/ajaxsemaf.php",true);
        // ne pas oublier ça pour le post
        xhr2.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
        idannunv = document.getElementById('anneeuniv').options[document.getElementById('anneeuniv').selectedIndex].value;
        idfiliere = document.getElementById('nomfiliere').options[document.getElementById('nomfiliere').selectedIndex].value;
        iddip = document.getElementById('diplome').options[document.getElementById('diplome').selectedIndex].value;
        idniv = document.getElementById('niveau').options[document.getElementById('niveau').selectedIndex].value;
        //alert(idauteur);
        xhr2.send("idniv="+idniv+"&iddip="+iddip+"&idfiliere="+idfiliere+"&idannunv="+idannunv);

        }

        /* affiche module */
        function changemod(){

        var xhr3 = getXhr();

        // On défini ce qu'on va faire quand on aura la réponse
        xhr3.onreadystatechange = function(){

        // On ne fait quelque chose que si on a tout reçu et que le serveur est ok
        if(xhr3.readyState == 4 && xhr3.status == 200){
        di3 = document.getElementById('cmod');
        di3.innerHTML = xhr3.responseText;

        }
        }

        // Ici on va voir comment faire du post
        xhr3.open("POST","include/ajaxmodaf.php",true);
        // ne pas oublier ça pour le post
        xhr3.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
        idannunv = document.getElementById('anneeuniv').options[document.getElementById('anneeuniv').selectedIndex].value;
        idfiliere = document.getElementById('nomfiliere').options[document.getElementById('nomfiliere').selectedIndex].value;
        iddip = document.getElementById('diplome').options[document.getElementById('diplome').selectedIndex].value;
        idniv = document.getElementById('niveau').options[document.getElementById('niveau').selectedIndex].value;
        idsem = document.getElementById('semestre').options[document.getElementById('semestre').selectedIndex].value;
        //alert(idauteur);
        xhr3.send("idsem="+idsem+"&idniv="+idniv+"&iddip="+iddip+"&idfiliere="+idfiliere+"&idannunv="+idannunv);

        }

        /* affiche matiere */
        function changemat(){

        var xhr3 = getXhr();

        // On défini ce qu'on va faire quand on aura la réponse
        xhr3.onreadystatechange = function(){

        // On ne fait quelque chose que si on a tout reçu et que le serveur est ok
        if(xhr3.readyState == 4 && xhr3.status == 200){
        di3 = document.getElementById('cmat');
        di3.innerHTML = xhr3.responseText;
        }
        }

        // Ici on va voir comment faire du post
        xhr3.open("POST","include/ajaxmatpl.php",true);
        // ne pas oublier ça pour le post
        xhr3.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
        // ne pas oublier de poster les arguments
        // ici, l'id de l'auteur
        idmod = document.getElementById('code').options[document.getElementById('code').selectedIndex].value;
        //alert(idauteur);
        xhr3.send("idmod="+idmod);

        }

        /* affiche plan mat */
        function planmat(){

        var xhr3 = getXhr();

        // On défini ce qu'on va faire quand on aura la réponse
        xhr3.onreadystatechange = function(){

        // On ne fait quelque chose que si on a tout reçu et que le serveur est ok
        if(xhr3.readyState == 4 && xhr3.status == 200){
        di3 = document.getElementById('planmat');
        di3.innerHTML = xhr3.responseText;
        }
        }

        // Ici on va voir comment faire du post
        xhr3.open("POST","include/ajaxplanmat.php",true);
        // ne pas oublier ça pour le post
        xhr3.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
        // ne pas oublier de poster les arguments
        // ici, l'id de l'auteur
        idmat = document.getElementById('matiere').options[document.getElementById('matiere').selectedIndex].value;
        //alert(idauteur);
        xhr3.send("idmat="+idmat);

        }

        </script>

        <script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
        <link rel="stylesheet" href="css/validationEngine.jquery.css" type="text/css"/>
        <link rel="stylesheet" href="css/template.css" type="text/css"/>

        <script src="js/jquery.validationEngine-en.js" type="text/javascript" charset="utf-8">
        </script>
        <script src="js/jquery.validationEngine.js" type="text/javascript" charset="utf-8">
        </script>
        <script>
        jQuery(document).ready(function(){
        // binds form submission and fields to the validation engine
        jQuery("#formulaire").validationEngine();
        });

        /**
        *
        * @param {jqObject} the field where the validation applies
        * @param {Array[String]} validation rules for this field
        * @param {int} rule index
        * @param {Map} form options
        * @return an error string if validation failed
        */
        function checkHELLO(field, rules, i, options){
        if (field.val() != "HELLO") {
        // this allows to use i18 for the error msgs
        return options.allrules.validate2fields.alertText;
        }
        }

        </script>

        <link rel="stylesheet" media="screen" type="text/css" href="css/formetu.css" />
        <link rel="stylesheet" media="screen" type="text/css" href="css/tableaug.css" />

        <div id="centercoeurp">
        <?php
        require_once("squelettes/config.inc.php");
        if (!empty($_POST)) {
        mysql_connect($hostname,$username,$password);
        mysql_select_db($database);
        extract($_POST);

        $con=$Heurfin-$Heurdebut;

        if($Heurfin<$Heurdebut){

        echo ' Heurfin < Heurdebut ';
        }
        else{
        $sql="INSERT INTO consomcours(idcentre,idmat, idannunv, datesession, heurdebut, heurfin, dureesession) values('$idcentre', '$idmat','$idannunv','$DateSession','$Heurdebut','$Heurfin','$DureeSession')";

        $req=mysql_query($sql) or die('Erreur Sql !<br/>'.$sql.'<br/>'. mysql_error());

        echo '<h3>'.'La consommation des matieres a été Enregistré '.'</h3>';

        }

        }
        ?>
        <form id="formulaire" method="post" name="formulaire">
        <fieldset>
        <table align="center">

        <tr>
        <td > <label for="Name">Année Universitaire :</label> </td>
        <td>
        <select name='idannunv' id='anneeuniv' class="lang validate[required]" onchange="changefil()" >
        <option value='0'>Choisir une Année</option>
        <?php

        $res = mysql_query("select DISTINCT affectation.idannunv, anneeuniv.anneeuniv from affectation
        JOIN anneeuniv on affectation.idannunv=anneeuniv.idannunv
        where affectation.activaf='1' ");
        while($centre = mysql_fetch_assoc($res)){
        echo "<option value=".$centre["idannunv"].">".$centre["anneeuniv"]."</option>";
        }
        ?>

        </select>

        </td>

        </tr>
        <tr>
        <td > <label for="Name">Centre :</label> </td>
        <td>
        <select name='idcentre' id='nomcentre' class="lang validate[required]" >
        <option value=''>Choisir un Centre</option>
        <?php

        $res = mysql_query("select * from centre where centre.cactiv='1'");
        while($centre = mysql_fetch_assoc($res)){
        echo "<option value=".$centre["idcentre"].">".$centre["nomcentre"]."</option>";
        }
        ?>

        </select>

        </td>

        </tr>
        <tr>
        <td > <label for="Name">Filière :</label></td>
        <td>

        <div id="fil">
        <select name='idfiliere' id='nomfiliere' class="lang">
        <option value='0'>Choisir une Filieres</option>
        </select>
        </div>

        </td>

        </tr>
        <tr>

        <td> <label for="Name">Cycle :</label></td>
        <td>
        <div id="cycle">
        <select name='iddip' id='diplome' class="lang" onchange='change1()' >
        <option value='iddip'>Choisir un cycle</option>
        </select>
        </div>
        </td>

        </tr>
        <tr>

        <td> <label for="Name">Niveau :</label></td>
        <td >
        <div id="cniveau">
        <select name='idniv' id='niveau' class="lang" onchange='change2()' >
        <option value="niveau">Choisir un Niveau</option>

        </select>
        </div>
        </td>

        </tr>
        <tr>
        <td> <label for="Name">Semestre :</label></td>
        <td >
        <div id="csem">
        <select name="idsem" id="semestre" class="lang">
        <option value="idsem">Choisir un Semestre</option>

        </select>
        </div>
        </td>
        </tr>
        <tr>
        <td> <label for="Name">Module :</label></td>
        <td >
        <div id="cmod">
        <select name="idmod" id="" class="lang">
        <option value="idmod">Choisir un Module</option>
        </select>
        </div>
        </td>
        </tr>

        <tr>
        <td> <label for="Name">Matière & Prof :</label></td>
        <td >
        <div id="cmat">
        <select name="idmat" id="matiere" class="lang">
        <option value="idmat">Choisir une Matière</option>
        </select>

        </div>
        </td>
        </tr>

        <tr>
        <td> <label for="Name">Date Session :</label></td>
        <td >

        <input type="text" name="DateSession" class="pt">

        </td>
        </tr>
        <tr>
        <td> <label for="Name">Heurdebut :</label></td>
        <td >

        <input type="text" name="Heurdebut" class="pt">

        </td>
        </tr>

        <tr>
        <td> <label for="Name">Heurfin :</label></td>
        <td >

        <input type="text" name="Heurfin" class="pt" >

        </td>
        </tr>

        <tr>
        <td> <label for="Name">DureeSession :</label></td>
        <td >

        <input type="text" name="DureeSession" class="pt" onClick="valueduree()" >

        </td>
        </tr>

        </table>

        <input name="valider" type="submit" value="Valider" />
        </fieldset>
        </form>

        </div>

        ///////////////////////////////