ÇáãÓÇÚÏ ÇáÔÎÕí ÇáÑÞãí

ãÔÇåÏÉ ÇáäÓÎÉ ßÇãáÉ : Mise à jour en javascript



emanW
08-02-2008, 06:53 PM
ÇáÓáÇã Úáíßã æÑÍãÉ Çááå æÈÑßÇÊå
Code en javascript réaliser pour le mise à jour d'un fichier fonctionnaire essayez le et n'oublier pas vos commentaires
****************************le code************************
<html>
<head>
<title></title>
<script language="javascript">
var nb = 1;var choixTypeFct;
var mav;var a = new Array(nb,8);a[0] = new Array(nb,8);
var se=0;var sm=0;var smp=0;var sc=0;var scs=0;var sh=0;
a[0][0] ="Nom : ";
a[0][1] ="Preom : ";
a[0][2] ="Sexe : ";
a[0][3] ="Catégorie : ";
a[0][4] ="Echelle : ";
a[0][5] ="Echelon : ";
a[0][6] ="Date recrutement : ";
a[0][7] ="Profile : ";
var str="";var sex;var s;var t;
function ajout(){nb+=1;
for (var i = nb-1; i < nb; i++) {
a[i] = new Array(nb);ctrl_sex();ctrl_dpt();
a[i][0] = f.n.value ;
a[i][1] = f.p.value;
a[i][2] = sex;
a[i][3] = s;
a[i][4] =f.sel1.value;
a[i][5] =f.sel2.value;
a[i][6] =f.da.value;
a[i][7] =f.sel3.value;
}
initial();
alert(nb);
}
function initial(){
f.n.value="";f.p.value="";f.elements[0].checked=false;f.sel1.value="1";f.sel2.value="1";f.sel3.value="Informatique";f.da.value="";}
function ctrl_sex() {
if (document.f.r1[0].checked)
{ sex="feminin";
}
else
{ sex="masculin";
}
}
function affic(){
var str="";
for (var i = 1; i < nb; i++) {
for (var j = 0; j < 8; j++) {
str = a[0][j]+a[i][j]+" ";document.write(str+"<br>");
str="";
}
document.write("************************************************************<br>");
}
}
function ctrl_dpt()
{ s="";
case_cochee=false;
i=0;
while (i<f.length)
{
if (f.elements[i].type=="checkbox")
{
if (f.elements[i].checked)
{
case_cochee=true;nb_cat(f.elements[i].name);
s+=f.elements[i].value+",";alert(s);
}
}s
i++;
}

}
function CheckDate(d) {
// Cette fonction vérifie le format JJ/MM/AAAA saisi et la validité de la date.
// Le séparateur est défini dans la variable separateur
var amin=1999; // année mini
var amax=2005; // année maxi
var separateur="/"; // separateur entre jour/mois/annee
var j=(d.substring(0,2));
var m=(d.substring(3,5));
var a=(d.substring(6));
var ok=1;
if ( ((isNaN(j))||(j<1)||(j>31)) && (ok==1) ) {
alert("Le jour n'est pas correct."); ok=0;
}
if ( ((isNaN(m))||(m<1)||(m>12)) && (ok==1) ) {
alert("Le mois n'est pas correct."); ok=0;
}
if ( ((isNaN(a))||(a<amin)||(a>amax)) && (ok==1) ) {
alert("L'année n'est pas correcte."); ok=0;
}
if ( ((d.substring(2,3)!=separateur)||(d.substring(5,6)!=separateur)) && (ok==1) ) {
alert("Les séparateurs doivent être des "+separateur); ok=0;
}
if (ok==1) {
var d2=new Date(a,m-1,j);
j2=d2.getDate();
m2=d2.getMonth()+1;
a2=d2.getYear();
if (a2<=100) {a2=1900+a2}
if ( (j!=j2)||(m!=m2)||(a!=a2) ) {
alert("La date "+d+" n'existe pas !");
ok=0;f.da.value="";
}
}
return ok;s
}
function supp(){
var bol=false;
var nn=f.n.value;var pp=f.p.value;
for (var i = 1; i < nb; i++) {
if ((nn==a[i][0]) && (pp==a[i][1])){bol=true;alert("bol");alert(bol);}
if (bol==true){
if(i!=(nb-1)){alert("ii"+i);
for (var j = 0; j < 8; j++) {
a[i][j] = a[i+1][j];}
}}
if(i==(nb-1) && (bol==true))
{nb-=1;alert("nnnnb"+nb);}
}
if(bol==false){
alert("ce fonctionnaire n'existe pas");}
}
function modf(){
var bol=false;
var nn=f.n.value;var pp=f.p.value;
for (var i = 1; i < nb; i++) {
if ((nn==a[i][0]) && (pp==a[i][1])){bol=true;ctrl_sex();ctrl_dpt();
a[i][0] = f.n.value ;
a[i][1] = f.p.value;
a[i][2] = sex;
a[i][3] = s;
a[i][4] =f.sel1.value;
a[i][5] =f.sel2.value;
a[i][6] =f.da.value;
a[i][7] =f.sel3.value;alert("modifier");
}}
if(bol==false){
alert("ce fonctionnaire n'existe pas");}
}
function nb_cat(z){alert(z);
if(z =="ex"){
se+=1;}
if(z =="mt"){
sm+=1;}
if(z =="mp"){
smp+=1;}
if(z =="ca"){
sc+=1;}
if(z =="cs"){
scs+=1;}
if(z =="cah"){
sh+=1;}
}
function nb_aff(){
alert("Exécution: "+se+", Maîtrise: "+sm+", Maîtrise principale: "+smp+", Cadre: "+sc+", Cadre supérieur: "+scs+", Haut cadre: "+sh);}
</script>
<body><centrer>
<form name="f"><b>Mese à jour du fichier fonctionnaire</b><br>
Nom : <input type=text name="n" size=20><br>
<br>
Prenom : <input type=text name="p" size=20><br>
sexe : <br>
<dd><input type=radio name="r1" value="f" CHECKED>feminin<br>
<dd><input type=radio name="r1" value="m">masculin<br>
Catégorie : <br>
<dd><input type=CHECKBOX name="ex" value="Exécution">Exécution<br><dd><input type=CHECKBOX name="mt" value="Maîtrise">Maîtrise<br>
<dd><input type=CHECKBOX name="mp" value="Maîtrise principale">Maîtrise principale<br><dd><input type=CHECKBOX name="ca" value="Cadre">Cadre<br>
<dd><input type=CHECKBOX name="cs" value="Cadre supérieur">Cadre supérieur<br><dd><input type=CHECKBOX name="cah" value="Haut cadre">Haut cadre<br><pre>
Echelle : <select name="sel1"><dd>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
</select><br>
Echelon : <select name="sel2"><dd>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
</select><br>
Profile : <select name="sel3"><dd>
<option value="Informatique">Informatique</option>
<option value="Gestion">Gestion</option>
<option value="Economie">Economie</option>
<option value="Génie civil">Génie civil</option>
<option value="Génie électrique">Génie électrique</option>
</select><br>
Date recrutement : <input type=text name="da" size=20 OnChange="CheckDate(this.form.da.value)"><br>
<dd><INPUT TYPE=button VALUE="ajouter un fonctionnaire" name="ajouter" Onclick="ajout()"> <INPUT TYPE=button VALUE="afficher le contenu du tableau" name="aff" Onclick="affic()"> <INPUT TYPE=RESET VALUE="Annuler"><dd>
<INPUT TYPE=button VALUE="Supprimer" name="supprimer" Onclick="supp()"> <INPUT TYPE=button VALUE="Modifier" name="mod" Onclick="modf()"> <INPUT TYPE=button VALUE="Nombre de chaque Categorie" name="cat" Onclick="nb_aff()">
</form></centrer>
</body>
</html>
**********************************************************************

emanW
08-02-2008, 06:58 PM
<html>
<head>
<title></title>
<script language="javascript">
var nb = 1;var choixTypeFct;
var mav;var a = new Array(nb,8);a[0] = new Array(nb,8);
var se=0;var sm=0;var smp=0;var sc=0;var scs=0;var sh=0;
a[0][0] ="Nom : ";
a[0][1] ="Preom : ";
a[0][2] ="Sexe : ";
a[0][3] ="Catégorie : ";
a[0][4] ="Echelle : ";
a[0][5] ="Echelon : ";
a[0][6] ="Date recrutement : ";
a[0][7] ="Profile : ";
var str="";var sex;var s;var t;
function ajout(){nb+=1;
for (var i = nb-1; i < nb; i++) {
a[i] = new Array(nb);ctrl_sex();ctrl_dpt();
a[i][0] = f.n.value ;
a[i][1] = f.p.value;
a[i][2] = sex;
a[i][3] = s;
a[i][4] =f.sel1.value;
a[i][5] =f.sel2.value;
a[i][6] =f.da.value;
a[i][7] =f.sel3.value;
}
initial();
alert(nb);
}
function initial(){
f.n.value="";f.p.value="";f.elements[0].checked=false;f.sel1.value="1";f.sel2.value="1";f.sel3.value="Informatique";f.da.value="";}
function ctrl_sex() {
if (document.f.r1[0].checked)
{ sex="feminin";
}
else
{ sex="masculin";
}
}
function affic(){
var str="";
for (var i = 1; i < nb; i++) {
for (var j = 0; j < 8; j++) {
str = a[0][j]+a[i][j]+" ";document.write(str+"<br>");
str="";
}
document.write("************************************************************<br>");
}
}
function ctrl_dpt()
{ s="";
case_cochee=false;
i=0;
while (i<f.length)
{
if (f.elements[i].type=="checkbox")
{
if (f.elements[i].checked)
{
case_cochee=true;nb_cat(f.elements[i].name);
s+=f.elements[i].value+",";alert(s);
}
}s
i++;
}

}
function CheckDate(d) {
// Cette fonction vérifie le format JJ/MM/AAAA saisi et la validité de la date.
// Le séparateur est défini dans la variable separateur
var amin=1999; // année mini
var amax=2005; // année maxi
var separateur="/"; // separateur entre jour/mois/annee
var j=(d.substring(0,2));
var m=(d.substring(3,5));
var a=(d.substring(6));
var ok=1;
if ( ((isNaN(j))||(j<1)||(j>31)) && (ok==1) ) {
alert("Le jour n'est pas correct."); ok=0;
}
if ( ((isNaN(m))||(m<1)||(m>12)) && (ok==1) ) {
alert("Le mois n'est pas correct."); ok=0;
}
if ( ((isNaN(a))||(a<amin)||(a>amax)) && (ok==1) ) {
alert("L'année n'est pas correcte."); ok=0;
}
if ( ((d.substring(2,3)!=separateur)||(d.substring(5,6)!=separateur)) && (ok==1) ) {
alert("Les séparateurs doivent être des "+separateur); ok=0;
}
if (ok==1) {
var d2=new Date(a,m-1,j);
j2=d2.getDate();
m2=d2.getMonth()+1;
a2=d2.getYear();
if (a2<=100) {a2=1900+a2}
if ( (j!=j2)||(m!=m2)||(a!=a2) ) {
alert("La date "+d+" n'existe pas !");
ok=0;f.da.value="";
}
}
return ok;s
}
function supp(){
var bol=false;
var nn=f.n.value;var pp=f.p.value;
for (var i = 1; i < nb; i++) {
if ((nn==a[i][0]) && (pp==a[i][1])){bol=true;alert("bol");alert(bol);}
if (bol==true){
if(i!=(nb-1)){alert("ii"+i);
for (var j = 0; j < 8; j++) {
a[i][j] = a[i+1][j];}
}}
if(i==(nb-1) && (bol==true))
{nb-=1;alert("nnnnb"+nb);}
}
if(bol==false){
alert("ce fonctionnaire n'existe pas");}
}
function modf(){
var bol=false;
var nn=f.n.value;var pp=f.p.value;
for (var i = 1; i < nb; i++) {
if ((nn==a[i][0]) && (pp==a[i][1])){bol=true;ctrl_sex();ctrl_dpt();
a[i][0] = f.n.value ;
a[i][1] = f.p.value;
a[i][2] = sex;
a[i][3] = s;
a[i][4] =f.sel1.value;
a[i][5] =f.sel2.value;
a[i][6] =f.da.value;
a[i][7] =f.sel3.value;alert("modifier");
}}
if(bol==false){
alert("ce fonctionnaire n'existe pas");}
}
function nb_cat(z){alert(z);
if(z =="ex"){
se+=1;}
if(z =="mt"){
sm+=1;}
if(z =="mp"){
smp+=1;}
if(z =="ca"){
sc+=1;}
if(z =="cs"){
scs+=1;}
if(z =="cah"){
sh+=1;}
}
function nb_aff(){
alert("Exécution: "+se+", Maîtrise: "+sm+", Maîtrise principale: "+smp+", Cadre: "+sc+", Cadre supérieur: "+scs+", Haut cadre: "+sh);}
</script>
<body><centrer>
<form name="f"><b>Mese à jour du fichier fonctionnaire</b><br>
Nom : <input type=text name="n" size=20><br>
<br>
Prenom : <input type=text name="p" size=20><br>
sexe : <br>
<dd><input type=radio name="r1" value="f" CHECKED>feminin<br>
<dd><input type=radio name="r1" value="m">masculin<br>
Catégorie : <br>
<dd><input type=CHECKBOX name="ex" value="Exécution">Exécution<br><dd><input type=CHECKBOX name="mt" value="Maîtrise">Maîtrise<br>
<dd><input type=CHECKBOX name="mp" value="Maîtrise principale">Maîtrise principale<br><dd><input type=CHECKBOX name="ca" value="Cadre">Cadre<br>
<dd><input type=CHECKBOX name="cs" value="Cadre supérieur">Cadre supérieur<br><dd><input type=CHECKBOX name="cah" value="Haut cadre">Haut cadre<br><pre>
Echelle : <select name="sel1"><dd>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
</select><br>
Echelon : <select name="sel2"><dd>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
</select><br>
Profile : <select name="sel3"><dd>
<option value="Informatique">Informatique</option>
<option value="Gestion">Gestion</option>
<option value="Economie">Economie</option>
<option value="Génie civil">Génie civil</option>
<option value="Génie électrique">Génie électrique</option>
</select><br>
Date recrutement : <input type=text name="da" size=20 OnChange="CheckDate(this.form.da.value)"><br>
<dd><INPUT TYPE=button VALUE="ajouter un fonctionnaire" name="ajouter" Onclick="ajout()"> <INPUT TYPE=button VALUE="afficher le contenu du tableau" name="aff" Onclick="affic()"> <INPUT TYPE=RESET VALUE="Annuler"><dd>
<INPUT TYPE=button VALUE="Supprimer" name="supprimer" Onclick="supp()"> <INPUT TYPE=button VALUE="Modifier" name="mod" Onclick="modf()"> <INPUT TYPE=button VALUE="Nombre de chaque Categorie" name="cat" Onclick="nb_aff()">
</form></centrer>
</body>
</html>