Masque de saisie dans un input

**G_angel** · 29/11/2009, 18h33

Bonjour,

Ayant parcouru plusieurs forum, j'ai trouvé ce qui m'intérressait à ce sujet :

Dans mon head :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<script language="JavaScript1.2" src="masks.js"></script>

dans mon body :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
function initmask()
{
   // Création du masque date jj/mm/aaaa
   oDateMask = new Mask("jj/mm/aaaa", "date");
   // Création du masque montant en euro
   oEuroMask = new Mask("€#_###.00", "number");
   // Associer le oDateMask aux 2 champs
   oDateMask.attach(document.NewsEditor.Au);
   oDateMask.attach(document.NewsEditor.Du);
}

Contenu de la balise body :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<body  bgcolor="#A7A9AA" leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0" onload="MM_preloadImages('images/boutons/btn_home_o.png','images/boutons/btn_zones_o.png','images/boutons/btn_dates_o.png','images/boutons/btn_tarif_o.png','images/boutons/btn_anciens_numeros_o.png','images/boutons/btn_contact_o.png','images/boutons/btn_infos_o.png','images/boutons/btn_concours_o.png')">

Et enfin dans mon Formulaire

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
<form action="#" method="post" name="NewsEditor" id="NewsEditor"  onsubmit="return valid();">
...
<input type="text" name="Du" value="" onclick="var toto = new calendar(this);" onfocus="var toto = new calendar(this);" size="8" /> 
...

Fonction __preloadImages :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
function MM_preloadImages() { 
	initmask();
	//v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

Comme j'avais déjà un onload dans mon body, j'ai placé l'appel du Inbitmask dans la function loadée : preloadImages
Mais voila, le code ne fonctionne pas.
Avez-vous un soupson d'idée ? :-)

**loukoum82** · 30/11/2009, 08h03

oDateMask.attach(document.NewsEditor.Au);
oDateMask.attach(document.NewsEditor.Du);

Déjà ça serait plus propre de mettre un attribut id sur tes input et de les appeler comme ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
oDateMask.attach(document.getElementById('Au'));
oDateMask.attach(document.getElementById('Du'));

Et soit dit en passant, les exemples sur le site d'origine ne marche pas non plus... (ça à l'air de marcher seulement sous IE)

Masque de saisie dans un input

JavaScript

Discussions similaires

Partager

Partager