Programme partie ajax

asmaa -  
 asmaa -
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

  1. BmV Messages postés 43706 Date d'inscription   Statut Modérateur Dernière intervention   4 964
     
    OK.
    Mais quelle est la question ? Paske là y'en a pas !
    0
  2. titus22
     
    Reformule ta question avec des phrases complète et poste le code ;)
    0
  3. asmaa
     
    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>

    ///////////////////////////////
    0