mercredi 28 juin 2006
Comment faire apparaître et disparaître un bloc en javascript?
Ci-dessous, le bloc* à faire apparaître/disparaître :
<tr id='bloc' style="{visibility : hidden}">.....</tr>
Donc au départ ce bloc est invisible, notez qu'il ne faut oublier l'attribut id de l'élément tr.
Pour le faire apparaître/disparaître en fonction d'une checkbox cochée/décochée, voici le code :
<input type="checkbox" name="option" id="option" value="1" onclick="
if(this.checked == true)
document.getElementById('bloc').style.visibility = 'visible';
else
document.getElementById('bloc').style.visibility = 'hidden';">
*j'ai mis tr mais on aurait pu mettre aussi un div ou tout autre chose
Griser un contrôle d'un formulaire en javascript
Cet article se veut court et efficace, enfin c'est plus une astuce qu'un article.
Comment griser une checkbox en javascript? A vous ensuite de remplacer avec vos noms de variables.
document.forms["nomFormulaire"].nomCheckbox.disabled='TRUE';
dimanche 18 juillet 2004
Quelques contrôles en javascript
Il est nécessaire de mettre les fonctions javascript entre les balises <head> et </head> du document HTML
et appeler ensuite la fonction au sein de la balise <body>.
1. Contrôle de saisie d'un champ non vide
<script language = « javascript »>
<!--
function verif()
{
if (window.document.monform.monchamp.value=''){alert('champ vide')} ;
//-->
}
</script>
Trois actions possibles pour appeler ce script :
<form onSubmit = « verif() »>
<input type = "text" name = "monchamp" size="15" onBlur="verif()">
<a href = "javascript:verif()">Vérifiez la validité des champs</a>
2. Contrôle de format numérique.
<script language="Javascript">
<!-- Begin
function isNumeric(Data)
{
numChars = ".0123456789";
var isNum = true;
var index = 0;
while ((index < Data.length) && (isNum))
{
isNum = (numChars.indexOf(Data.charAt(index)) != -1);
index ++;
}
if (!isNum)
{
window.alert("Erreur ! Saisissez un nombre entier");
}
}
// end script -->
</script>
Appel de la fonction :
<input type="text" name=" monchamp " onblur = "isNumeric(this.value);">
3. Contrôle de format date.
<script language='JavaScript'>
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=1900; // 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) && (d!="")) {
alert("Le jour n'est pas correct."); ok=0;
}
if ( ((isNaN(m))||(m<1)||(m>12)) && (ok==1) && (d!="")) {
alert("Le mois n'est pas correct."); ok=0;
}
if ( ((isNaN(a))||(a<amin)||(a>amax)) && (ok==1) && (d!="")) {
alert("L'année n'est pas correcte."); ok=0;
}
if ( ((d.substring(2,3)!=separateur)||(d.substring(5,6)!=separateur)) && (ok==1) && (d!="")) {
alert("Les séparateurs doivent être des "+separateur); ok=0;
}
if (ok==1 && (d!="")) {
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;
}
}
return ok;
}
</script>
Appel de la fonction :
<input type="text" name="monchamp" onblur = "CheckDate(this.value);" >
4. Contrôle de format chaîne de caractères.
<script language = "JavaScript">
function isChar (Data)
{
varChars = "éèàùûôoöë'-abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";
var isChar = true;
var index = 0;
while ((index < Data.length) && (isChar))
{
isChar = (varChars.indexOf(Data.charAt(index)) != -1);
index ++;
}
if (!isChar)
{
window.alert("Erreur ! Saisissez une chaine de caractères");
}
}
</script>
Appel de la fonction :
<input type="text" name=" monchamp " onblur = "isChar (this.value);">
