Discussion :

[Poussy-Puce]

Bonjour j'ai un problème avec un innerHTML dans un formulaire.

Je vais commencer par vous montrer mon code:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
function RegExpInteger(valeur,longueur,nomLabelData,divId)
{
	var strRetour = ''
	var expressionReguliere = new RegExp("^(([0-9]{0," + longueur + "})|()|([ ]*))*$")
	if (!expressionReguliere.test(valeur))
		{
		document.getElementById(divId).innerHTML = "<font color='Red'><b>" + nomLabelData + " doit être un nombre entier de maximum " + longueur + " caractère(s)</b></font>"; 
		strRetour = '1'
		}
	else 
		 document.getElementById(divId).innerHTML = '';
 
 
	return strRetour
}

Bon voici, cette fonction fait une validation d'une String de longueur x dans un formulaire. Mon problème c'est que en affectant une chaîne vide dans mon innerHTML, je vois comme une <br> dans mon formulaire et j'aimerais ne pas voir cette espace vide, qui esthétiquement parlant n'est pas très beau!!!

Je sais très bien que si je ne met pas le else, j'affecterai rien à ma balise <div>, donc pas d'espace blanc. Le problème est que lorsque l'utilisateur à corriger la faute qu'il à fait dans le formulaire, je veux réinitialiser mon <div> à rien, c'est d'ailleur pour cela que j'utilise le else.

Donc si y'a quelque qui c'est comment faire le contraire d'un innerHTML, votre aide sera la bienvenue...

Merci d'avance

[danyboy85]

essaye ca on sait jamais :

Code :

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

innerHtml = null

[devSet]

Bonjour,
Normalement ça devrait fonctionner!
N'y aurait-il pas une erreur dans ton code ? en effet la structure if/else se développe généralement comme suit (ou à peu près selon les habitudes)
if (condition) {
...
} else {
...
}

Dans ton cas il manque les parenthèses du bloc else !!!

Cordialement
devSet

---------------------------
Vivre pour créer - StartEdit.com

[denisC]

Bon voici, cette fonction fait une validation d'une String de longueur x dans un formulaire. Mon problème c'est que en affectant une chaîne vide dans mon innerHTML, je vois comme une <br> dans mon formulaire et j'aimerais ne pas voir cette espace vide, qui esthétiquement parlant n'est pas très beau!!!

Par un défaut, un div est suivi d'un saut de ligne. C'est ça que tu vois, et ça ne dépends pas du contenu du div (même si il est vide).

La solution la plus simple pour toi est de cacher le div quqnd tu ne veux pas le voir, et le montrer quand tu veux:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
function RegExpInteger(valeur,longueur,nomLabelData,divId) 
{ 
   var strRetour = '' 
   var expressionReguliere = new RegExp("^(([0-9]{0," + longueur + "})|()|([ ]*))*$") 
   if (!expressionReguliere.test(valeur)) 
      { 
      document.getElementById(divId).innerHTML = "<font color='Red'><b>" + nomLabelData + " doit être un nombre entier de maximum " + longueur + " caractère(s)</b></font>"; 
      document.getElementById(divId).style.display='block'
      strRetour = '1' 
      } 
   else 
       document.getElementById(divId).style.display='none'
 
 
   return strRetour 
}

Et dans ce cas, plus du retour à la ligne quand tu n'as plus de message.