Programme partie ajax
asmaa
-
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
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
-
OK.
Mais quelle est la question ? Paske là y'en a pas ! -
-
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>
///////////////////////////////