Javascript debutant
Résolu/Fermé
mohcultiv
Messages postés
48
Date d'inscription
vendredi 9 février 2007
Statut
Membre
Dernière intervention
19 juin 2007
-
20 mars 2007 à 10:02
thifoolish Messages postés 79 Date d'inscription jeudi 11 janvier 2007 Statut Membre Dernière intervention 11 juillet 2008 - 9 juil. 2008 à 11:08
thifoolish Messages postés 79 Date d'inscription jeudi 11 janvier 2007 Statut Membre Dernière intervention 11 juillet 2008 - 9 juil. 2008 à 11:08
salut à tous.
j'essaye d'écrire une fonction javascript qui va cacher des lignes lorsque je clique sur un bouton
for (i=1, n=form.elements.length; i<n; i++){
form.elements[i].id.indexOf('fam').style.display='none';}
j'ai un problème sur cette derniere ligne mais comme je connait pas grand chose au javascript (je découvre), je ne sais pas du tout ce qui ne vas pas
j'essaye d'écrire une fonction javascript qui va cacher des lignes lorsque je clique sur un bouton
for (i=1, n=form.elements.length; i<n; i++){
form.elements[i].id.indexOf('fam').style.display='none';}
j'ai un problème sur cette derniere ligne mais comme je connait pas grand chose au javascript (je découvre), je ne sais pas du tout ce qui ne vas pas
A voir également:
- Javascript debutant
- Telecharger javascript - Télécharger - Langages
- Logiciel de programmation pour débutant - Guide
- Logiciel montage vidéo débutant - Guide
- Javascript echo ✓ - Forum PHP
- Formation sap débutant pdf - Forum compta / gestion
3 réponses
mohcultiv
Messages postés
48
Date d'inscription
vendredi 9 février 2007
Statut
Membre
Dernière intervention
19 juin 2007
8
21 mars 2007 à 14:10
21 mars 2007 à 14:10
merci dem'avoir répondu lol!
Bref, j'ai remplacé la ligne qui posait pb par:
document.getElementById("fam"+i).syle.display
et ça marche nickel.
Bref, j'ai remplacé la ligne qui posait pb par:
document.getElementById("fam"+i).syle.display
et ça marche nickel.
Hello à tous voila mon script :
<html><head>
<script language="javascript">
moisX=["","Janvier","Fevrier","Mars","Avril"","Mai","Juin","Juillet","Aout","Septembre","Octobre","Novembre","Decembre"];
JourM=["Di","Lu","Ma","Me","Je","Ve","Sa"];
var fermable_microcal=true;
var select_old= null;
var startWeek=0;//debut de la semaine 0=dim,1=lun,...
var jourPause={0:true,6:true}; //jour de pause de la semaine
var jourFeriee={"1-1":"jour an","1-5":"fête du travail","8-5":"armistice","14-7":"fête nationale","15-8":"ascencion","1-11":"armistice"","11-11":"toussain","25-12":"noel"};
//structure la date
function strucDate(dateX){
return {"pos":dateX.getDay(),"jour":dateX.getDate(),"mois":dateX.getMonth()+1,"annee":dateX.getFullYear()};}
var dateS= strucDate(new Date());//date Selectionné
var dnow= strucDate(new Date());//date actuelle
//retourne le ième jour du 1er du mois
function premJourMois(mois,annee){
return (new Date(annee,mois-1,1).getDay());}
//retourne le jour max du mois
function JmaxMois(mois,annee){
return (new Date(annee,mois,0).getDate());}
/* Test une date si elle est correct...spécial killer*/
function testTypeDate(dateEntree){
tst=false;
try{
rc=dateEntree.split("/");nd=new Date(rc[2],(rc[1]-1),rc[0]);
tst=(rc[2]>1800&&rc[2]<2200&&rc[2]==nd.getFullYear()&&rc[1]==(nd.getMonth()+1)&&rc[0]==nd.getDate());}
catch(e) {}
return tst;
}
//selection de la zone avec la souris
function choix(koi,code){
if (code){
select_old= koi.style.background;
koi.style.background ='#c0c0FF';}
else{
koi.style.background =select_old;}
}
function testTravail(oldX,xx,jj,mm,aa){
styleX="font-family:Tahoma;font-size:10px;text-align:center;";
styleX+=(oldX)?"":"color:#e0e0e0;";
styleX+="cursor:hand;border-right:1px #e0e0e0 solid;border-bottom:1px #e0e0e0 solid;";
if (jourPause[xx]||jourFeriee[jj+"-"+mm]!=null) styleX+="background:#f0f0f0;";
if (jj==dnow.jour&&mm==dnow.mois&&aa==dnow.annee) styleX+="border:2px solid;";
return styleX;
}
//test si année bissextile
function bissextile(annee) {
return (annee%4==0 && annee %100!=0 || annee%400==0);}
//Retourne le nombre de jour depuis le 1er janvier (num de semaine)
function nbJAnnee(dateX){
var nb_mois=[,0,31,59,90,120,151,181,212,243,273,304,334];
j=dateX.jour ; m=dateX.mois ; a=dateX.annee;
nb=nb_mois[m]+j-1 ;
if (bissextile(a) && m>2) nb++;
return nb;
}
//affiche le calendrier
function view_microcal(actif,ki,source,mxS,axS){
if (actif){
//decalage du mois su on clique sur -/+
if (mxS!=-1){
clearTimeout(cc);
document.getElementById(ki).focus();
fermable_microcal=true;
dateS.mois=mxS;
dateS.annee=axS;
if (dateS.mois<1) {dateS.annee--;dateS.mois+=12;}
if (dateS.mois>12) {dateS.annee++;dateS.mois-=12;}}
//init
Dstart=(premJourMois(dateS.mois,dateS.annee)+7-startWeek)%7;
jmaxi=JmaxMois(dateS.mois,dateS.annee);
jmaxiAvant=JmaxMois((dateS.mois-1),dateS.annee);
//si on veux ajouter le numero de la semaine ...
//idxWeek=parseInt(nbJAnnee(strucDate(new Date(dateS.mois+'-01-'+dateS.annee)))/7,10)+1;
ymaxi=parseInt((jmaxi+Dstart+1)/7,10);
//generation du tableau
//--entête
htm="<table><tr style='font-size:10px;font-family:Tahoma;text-align:center;'>";
htm+="<td style='cursor:hand;' onclick=\"view_microcal(true,'"+ki+"','"+source+"',"+(dateS.mois-1)+","+dateS.annee+");\">-</td>";
htm+="<td colspan='5'> <b> "+moisX[dateS.mois]+"</b> "+dateS.annee+"</td>";
htm+="<td style='cursor:hand;' onclick=\"view_microcal(true,'"+ki+"','"+source+"',"+(dateS.mois+1)+","+dateS.annee+")\">+</td></tr>";
//--corps
htm+="<tr>";
//affichage des jours DLMMJVS
for (x=0;x<7;x++)
htm+="<td style='font-size:10px;font-family:Tahoma;'><b>"+JourM[(x+startWeek)%7]+";</b></td>";
htm+="</tr>"
for (y=0;y<=ymaxi;y++){
htm+="<tr>";
for (x=0;x<7;x++){
idxP=y*7+x-Dstart+1; //numero du jour
aa=dateS.annee;
xx=(x+startWeek)%7;
//jour du mois précedent
if (idxP<=0){
jj=idxP+jmaxiAvant;mm=dateS.mois-1;
if (mm==0){mm=12;aa--;}
htm+="<td style='"+testTravail(false,xx,jj,mm,aa)+"' onmouseover='choix(this,true)' onmouseout='choix(this,false)' onclick=\""+ki+".value='"+aa+"-";
htm+=((mm<10)?"0":"")+mm+"-"+((jj<10)?"0":"")"+jj+"';"+ki+".style.color='black';\">"+jj+"</td>";}
else if (idxP>jmaxi){ //jour du mois suivant
jj=idxP-jmaxi;mm=dateS.mois+1;
if (mm==13){mm=1;aa++;}
htm+="<td style='"+testTravail(false,xx,jj,mm,aa)+"' onmouseover='choix(this,true)' onmouseout='choix(this,false)' onclick=\"document.getElementById('";
htm+=ki+"').value='"+aa+"-"+((mm<10)?"0":"")+mm+"-"+((jj<10)?"0":"")"+jj+"';document.getElementById('"+ki+"').style.color='black';\">"+jj+"</td>";}
else{ //jour du mois en cours
jj=idxP;mm=dateS.mois;
htm+="<td style='"+testTravail(true,xx,jj,mm,aa)+"' onmouseover='choix(this,true)' onmouseout='choix(this,false)' onclick=\"document.getElementById('";
htm+=ki+"').value='"+aa+"-"+((mm<10)?"0":"")+mm+"-"+((jj<10)?"0":"")"+jj+"';document.getElementById('"+ki+"').style.color='black';\">"+jj+"</td>";}
}
htm+="</tr>"
}//-------------------------
htm+="</table>"
//affiche le tableau
document.getElementById(source).innerHTML=htm;
document.getElementById(source).style.visibility="";
}
else{
//ferme le calendrier
if (fermable_microcal)
cc=setTimeout("document.getElementById('"+source+"').style.visibility='hidden'",500);
}
}
</script>
</head><body><center>
<form action="#" enctype="multipart/form-data" method="post" name="teste">
<input type="text" id="date" name="date" onClick="view_microcal(true,'date','microcal',-1,0);" size="12" />
<div id="microcal" name="microcal" style="visibility:hidden;position:absolute;border:1px gray dashed;background:#ffffff; margin-left: 70px;"></div>
</form></center>
</body></html>
Quand je le teste ca me met l'erreur objet attendu.
Voila si qqun peut m'aider ca serai hyper cool
Merci d'avence.
<html><head>
<script language="javascript">
moisX=["","Janvier","Fevrier","Mars","Avril"","Mai","Juin","Juillet","Aout","Septembre","Octobre","Novembre","Decembre"];
JourM=["Di","Lu","Ma","Me","Je","Ve","Sa"];
var fermable_microcal=true;
var select_old= null;
var startWeek=0;//debut de la semaine 0=dim,1=lun,...
var jourPause={0:true,6:true}; //jour de pause de la semaine
var jourFeriee={"1-1":"jour an","1-5":"fête du travail","8-5":"armistice","14-7":"fête nationale","15-8":"ascencion","1-11":"armistice"","11-11":"toussain","25-12":"noel"};
//structure la date
function strucDate(dateX){
return {"pos":dateX.getDay(),"jour":dateX.getDate(),"mois":dateX.getMonth()+1,"annee":dateX.getFullYear()};}
var dateS= strucDate(new Date());//date Selectionné
var dnow= strucDate(new Date());//date actuelle
//retourne le ième jour du 1er du mois
function premJourMois(mois,annee){
return (new Date(annee,mois-1,1).getDay());}
//retourne le jour max du mois
function JmaxMois(mois,annee){
return (new Date(annee,mois,0).getDate());}
/* Test une date si elle est correct...spécial killer*/
function testTypeDate(dateEntree){
tst=false;
try{
rc=dateEntree.split("/");nd=new Date(rc[2],(rc[1]-1),rc[0]);
tst=(rc[2]>1800&&rc[2]<2200&&rc[2]==nd.getFullYear()&&rc[1]==(nd.getMonth()+1)&&rc[0]==nd.getDate());}
catch(e) {}
return tst;
}
//selection de la zone avec la souris
function choix(koi,code){
if (code){
select_old= koi.style.background;
koi.style.background ='#c0c0FF';}
else{
koi.style.background =select_old;}
}
function testTravail(oldX,xx,jj,mm,aa){
styleX="font-family:Tahoma;font-size:10px;text-align:center;";
styleX+=(oldX)?"":"color:#e0e0e0;";
styleX+="cursor:hand;border-right:1px #e0e0e0 solid;border-bottom:1px #e0e0e0 solid;";
if (jourPause[xx]||jourFeriee[jj+"-"+mm]!=null) styleX+="background:#f0f0f0;";
if (jj==dnow.jour&&mm==dnow.mois&&aa==dnow.annee) styleX+="border:2px solid;";
return styleX;
}
//test si année bissextile
function bissextile(annee) {
return (annee%4==0 && annee %100!=0 || annee%400==0);}
//Retourne le nombre de jour depuis le 1er janvier (num de semaine)
function nbJAnnee(dateX){
var nb_mois=[,0,31,59,90,120,151,181,212,243,273,304,334];
j=dateX.jour ; m=dateX.mois ; a=dateX.annee;
nb=nb_mois[m]+j-1 ;
if (bissextile(a) && m>2) nb++;
return nb;
}
//affiche le calendrier
function view_microcal(actif,ki,source,mxS,axS){
if (actif){
//decalage du mois su on clique sur -/+
if (mxS!=-1){
clearTimeout(cc);
document.getElementById(ki).focus();
fermable_microcal=true;
dateS.mois=mxS;
dateS.annee=axS;
if (dateS.mois<1) {dateS.annee--;dateS.mois+=12;}
if (dateS.mois>12) {dateS.annee++;dateS.mois-=12;}}
//init
Dstart=(premJourMois(dateS.mois,dateS.annee)+7-startWeek)%7;
jmaxi=JmaxMois(dateS.mois,dateS.annee);
jmaxiAvant=JmaxMois((dateS.mois-1),dateS.annee);
//si on veux ajouter le numero de la semaine ...
//idxWeek=parseInt(nbJAnnee(strucDate(new Date(dateS.mois+'-01-'+dateS.annee)))/7,10)+1;
ymaxi=parseInt((jmaxi+Dstart+1)/7,10);
//generation du tableau
//--entête
htm="<table><tr style='font-size:10px;font-family:Tahoma;text-align:center;'>";
htm+="<td style='cursor:hand;' onclick=\"view_microcal(true,'"+ki+"','"+source+"',"+(dateS.mois-1)+","+dateS.annee+");\">-</td>";
htm+="<td colspan='5'> <b> "+moisX[dateS.mois]+"</b> "+dateS.annee+"</td>";
htm+="<td style='cursor:hand;' onclick=\"view_microcal(true,'"+ki+"','"+source+"',"+(dateS.mois+1)+","+dateS.annee+")\">+</td></tr>";
//--corps
htm+="<tr>";
//affichage des jours DLMMJVS
for (x=0;x<7;x++)
htm+="<td style='font-size:10px;font-family:Tahoma;'><b>"+JourM[(x+startWeek)%7]+";</b></td>";
htm+="</tr>"
for (y=0;y<=ymaxi;y++){
htm+="<tr>";
for (x=0;x<7;x++){
idxP=y*7+x-Dstart+1; //numero du jour
aa=dateS.annee;
xx=(x+startWeek)%7;
//jour du mois précedent
if (idxP<=0){
jj=idxP+jmaxiAvant;mm=dateS.mois-1;
if (mm==0){mm=12;aa--;}
htm+="<td style='"+testTravail(false,xx,jj,mm,aa)+"' onmouseover='choix(this,true)' onmouseout='choix(this,false)' onclick=\""+ki+".value='"+aa+"-";
htm+=((mm<10)?"0":"")+mm+"-"+((jj<10)?"0":"")"+jj+"';"+ki+".style.color='black';\">"+jj+"</td>";}
else if (idxP>jmaxi){ //jour du mois suivant
jj=idxP-jmaxi;mm=dateS.mois+1;
if (mm==13){mm=1;aa++;}
htm+="<td style='"+testTravail(false,xx,jj,mm,aa)+"' onmouseover='choix(this,true)' onmouseout='choix(this,false)' onclick=\"document.getElementById('";
htm+=ki+"').value='"+aa+"-"+((mm<10)?"0":"")+mm+"-"+((jj<10)?"0":"")"+jj+"';document.getElementById('"+ki+"').style.color='black';\">"+jj+"</td>";}
else{ //jour du mois en cours
jj=idxP;mm=dateS.mois;
htm+="<td style='"+testTravail(true,xx,jj,mm,aa)+"' onmouseover='choix(this,true)' onmouseout='choix(this,false)' onclick=\"document.getElementById('";
htm+=ki+"').value='"+aa+"-"+((mm<10)?"0":"")+mm+"-"+((jj<10)?"0":"")"+jj+"';document.getElementById('"+ki+"').style.color='black';\">"+jj+"</td>";}
}
htm+="</tr>"
}//-------------------------
htm+="</table>"
//affiche le tableau
document.getElementById(source).innerHTML=htm;
document.getElementById(source).style.visibility="";
}
else{
//ferme le calendrier
if (fermable_microcal)
cc=setTimeout("document.getElementById('"+source+"').style.visibility='hidden'",500);
}
}
</script>
</head><body><center>
<form action="#" enctype="multipart/form-data" method="post" name="teste">
<input type="text" id="date" name="date" onClick="view_microcal(true,'date','microcal',-1,0);" size="12" />
<div id="microcal" name="microcal" style="visibility:hidden;position:absolute;border:1px gray dashed;background:#ffffff; margin-left: 70px;"></div>
</form></center>
</body></html>
Quand je le teste ca me met l'erreur objet attendu.
Voila si qqun peut m'aider ca serai hyper cool
Merci d'avence.
thifoolish
Messages postés
79
Date d'inscription
jeudi 11 janvier 2007
Statut
Membre
Dernière intervention
11 juillet 2008
18
9 juil. 2008 à 11:08
9 juil. 2008 à 11:08
Bonjour,
Une méthode qui vaut ce qu'elle vaut...
Il s'agit de commenter tour à tour des blocs de code javascript pour isoler l'erreur...
Sinon la console d'erreur javascript de Firefox est bien plus bavarde pour ce genre d'erreur. Si tu as la possiblité d'y accéder ou d'installer ce navigateur, fais-le... tu gagneras des heures de débogage pas terribles...
Bonne journée !
Une méthode qui vaut ce qu'elle vaut...
Il s'agit de commenter tour à tour des blocs de code javascript pour isoler l'erreur...
Sinon la console d'erreur javascript de Firefox est bien plus bavarde pour ce genre d'erreur. Si tu as la possiblité d'y accéder ou d'installer ce navigateur, fais-le... tu gagneras des heures de débogage pas terribles...
Bonne journée !