Problème de calcul de dates...

Tsunade-sama -  
 Tsunade-sama -
Bonjour,

J'ai réalisé une petite fonction qui calcule la date d'une prochaine formation à réaliser.
Cette fonction fonctionne très bien sur Firefox, mais pas sur ie..
Rien ne s'affiche... et je ne trouve pas le problème...
Voici le code php :

<?php

echo'<div id="titre_calcul" align="center"><h2 align="center">Calculez la durée de validité de votre formation</h2></div>
<div align="left">

<form method="post" name="form1" id="form1">
	<div align="center">
	 Formation :
	  <select name="regleForm" id="formation" size="1">
	    <option>Select</option>
        <option value="1"> SST </option>
        <option value="2"> SSIAP </option>
        <option value="3"> CHSCT </option>
	  </select><br/><br/>
      Date de votre formation:
      <strong>
	  <select name="regleMois" size="1">
        <option value="1"> Janvier </option>
        <option value="2"> Février </option>
        <option value="3"> Mars </option>
        <option value="4"> Avril </option>
        <option value="5"> Mai </option>
        <option value="6"> Juin </option>
        <option value="7"> Juillet </option>
        <option value="8"> Aout </option>
        <option value="9"> Septembre </option>
        <option value="10"> Octobre </option>
        <option value="11"> Novembre </option>
        <option value="12"> Décembre </option>
      </select> 
	  <input type="text" size="4" name="regleAnnee"> &nbsp; </strong></div>
  <div align="center"><center><p>&nbsp; <input type="reset" name="B2" value="Effacer" onclick="effacer()"> <input
  type="button" name="B1" value="Valider" onclick="date()">
  </p>
  </center></div>
  <center><div id="console" style="position: absolute;left:40%; width: 400px; height: 250px; color: black;"></div></center>
</form>
</div>';
?>


et voici le code javascript :

function date() {

var listeMois = document.form1.regleMois.options;
var mois = listeMois[listeMois.selectedIndex].value;
var annee = document.form1.regleAnnee.value;
var maDuree = 0;
var maDate = new Date(annee, mois);
var nbMoisDsAnnee = 12;
console = document.getElementById("console");

if(document.form1.formation.options[document.form1.formation.selectedIndex].value == 1) maDuree = 36;
else if(document.form1.formation.options[document.form1.formation.selectedIndex].value == 2) maDuree = 12;
else  maDuree = 1;

var nouveau_mois = (maDate.getMonth() + maDuree) % nbMoisDsAnnee;

var nouvelle_annee = maDate.getFullYear() + Math.round(maDuree/nbMoisDsAnnee);
if((maDate.getMonth() + maDuree) % nbMoisDsAnnee == 0){
	nouveau_mois = 12;
	nouvelle_annee-=1;
}

console.innerHTML = "<br><br>Date de la formation : "+annee+"-"+mois+"<br><br>Nouvelle date:"+nouvelle_annee+"-"+nouveau_mois;
}

function effacer(){
	document.getElementById('console').innerHTML="";
}


Merci de votre aide...
A voir également:

2 réponses

Christounet Messages postés 1266 Statut Membre 1 393
 
Bonjour,

Dans ton code Javascript, remplace
console = document.getElementById("console");

par
var console = document.getElementById("console");

Cela devrait fonctionner (je l'ai testé avec IE)
A plus
0
Tsunade-sama
 
merci beaucoup !
0