Programme partie ajax

Fermé
asmaa - Modifié par BmV le 1/12/2011 à 13:15
 asmaa - 1 déc. 2011 à 13:23
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

BmV Messages postés 90530 Date d'inscription samedi 24 août 2002 Statut Modérateur Dernière intervention 26 avril 2024 4 687
1 déc. 2011 à 13:16
OK.

Mais quelle est la question ? Paske là y'en a pas !


                
0
Reformule ta question avec des phrases complète et poste le code ;)
0
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