Mettre une condition dans du code HTML

Version imprimable

06/11/2022, 17h40
irimi54

Mettre une condition dans du code HTML

Bonsoir,
je voudrais faire apparaitre un texte à la condition que un champ prenne une certaine valeur
par exemple faire apparaitre un texte si l'âge de mon adhèrent est inférieur à 18 ans et un autre texte si l'âge est supérieur

Merci
07/11/2022, 09h30
SpaceFrog

Pas en HTML, mais en JavaScript...
Javascript est un langages évènementiel, il faut donc savoir QUAND tu souhiates faire apparaitre le message ? A la validation du formulaire ?

Merci pour ta réponse.

je veux imprimer un document en cliquant sur un bouton adéquat et il faut que le texte, enfin, un paragraphe tienne compte de l'age de l'adhérent . Par exemple :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<div class="Text-En-tete-passeport">
	<p><img alt="" height="126" src="images/LOGO%20FFFJDA.jpg" width="138"></p>
	<p></p>
	<p><strong>ATTESTATION QUESTIONNAIRE MEDICAL</strong></p>
	<p>&nbsp;</p>
 
-----	Si age <18ans
 
Test pour les majeurs mineurs
 
 
	<p><strong>PRISE DE LICENCE&nbsp; :&nbsp;&nbsp; MAJEURS</strong></p>
	<p>&nbsp;</p>
<div class="Text-attestation">
	<p>Je soussigné <?php echo $le_nomprenom?></p>
	<p >atteste avoir renseigné le questionnaire médical et avoir répondu par la négative à l'ensemble des rubriques.</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p class="Text-signature-attestation">
		Date: 
		Signature du sportif:
	</p>
</div>
 
 
   --------- Sinon
 
 
	<p><strong>PRISE DE LICENCE&nbsp; :&nbsp;&nbsp; MINEURS</strong></p>
	<p>&nbsp;</p>
<div class="Text-attestation">
	<p>Je soussigné <?php echo $le_nom_repres ; ?></p>
	<p >en ma qualité de représentant légal de  <?php echo $le_nomprenom ; ?>  atteste avoir renseigné le questionnaire RELATIF A L'ETAT DE SANTE DU SPORTIF MINEUR (arrêté du 7 mai 2021) et avoir répondu par la négative à l'ensemble des rubriques.</p>
	<p>&nbsp;</p>
</div>
<div>
	<p>
		Date:
		Signature du sportif:
	</p>
</div>

de même dans un autre texte, il faudra mettre le nom de l'adhérent si il est majeur, et le nom du représentant légal si il est mineur.

j'espère répondre à ta question.

07/11/2022, 16h22
SpaceFrog

en testant les valuers saisies il suffit de modifier le display de blocks contenant les éléments à afficher ou masquer ...

https://jsfiddle.net/2rv039bq/

Bonjour,
J'ai retranscrit ton code dans mon fichier html

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<fieldset id='majeur' style="display:none">
		<p><strong>PRISE DE LICENCE : MAJEURS</strong></p>
		<p>&nbsp;</p>
		<div>
			<p>Je soussigné</p>
			<p >atteste avoir renseigné le questionnaire médical et avoir répondu par la négative à l'ensemble des rubriques.</p>
			 <p>date: 
				Signature du sportif:
			</p>
		</div>
		<p><img alt="" height="884" src="images/Questionnaire%20sante-Majeur.jpg" width="594"></p>
	</fieldset>
 
 
	<fieldset id='mineur' style="display:none">
 
		<div>
			<p><strong>PRISE DE LICENCE&nbsp; : MINEURS</strong></p>
			<p>Je soussigné</p>
			<p >en ma qualité de représentant légal de                    atteste avoir renseigné le questionnaire RELATIF A L'ETAT DE SANTE DU SPORTIF MINEUR (arrêté du 7 mai 2021) et avoir répondu par la négative à l'ensemble des rubriques.</p>
			<p >	Date: 
			Signature du sportif:
			</p>
			<p><img alt="" height="904" src="images/Questionnaire%20sante-mineur.jpg" width="597"></p>
		</div>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
<script>
document.getElementById('age').addEventListener('blur' , function(){ 
 age= this.value;
showblock ='mineur';
 if (age>=10) 
 	{  
 	showblock='majeur'; 
	}
 document.getElementById(showblock).style.display='block';
 
 }
</script>

mais cela ne marche pas, j'ai du faire une erreur ou une mauvaise compréhension du code

qu'en penses-tu?

10/11/2022, 11h56
mathieu

regardez dans la console, vous avez un message d'erreur.
je pense que vous n'avez pas fait un bon copier-coller du code de SpaceFrog.
10/11/2022, 13h44
Philcmoi

Bonjour il faut utiliser jquery. Attribué des id ou class exemple cliquezmoi

Après faire $('#cliquezmoi').click(funtion(){champaremplir.append(retour)});.
A voir sur jquery et voir les événements jquery.
10/11/2022, 13h53
mathieu

Philcmoi, je ne pense pas que ce soit un bon conseil, la plupart des fonctionnalités de jquery sont maintenant gérées par les navigateurs :
https://github.com/camsong/You-Dont-...r/README-fr.md
https://youmightnotneedjquery.com/