Equivalent d'une fonction pour des lignes html

**awalter1** · 26/02/2023, 18h25

Bonjour,
J'ai du code html/css qui affichent un image comme prévu avec la décoration prévu.
J'ai des dizaines d'images à montrer. Ce code va être donc dupliqué et ne va se distinguer des autres que par le nom du fichier de l'image, pour faire court.
Y a t'il un moyen équivalent à une fonction dans d'autres langages pour répondre au besoin?
J'ai regardé avec php, mais j'ai un paramètre donc ça ne fera pas le job.
J'ai regardé js, c'est plus pour des traitements hors affichage de page et décoration.

Merci de vos propositions

**mathieu** · 26/02/2023, 20h32

le code coté serveur comme php peut éviter de répéter du code.
et s'il y a un paramètre comme un nom de fichier par exemple, cela ne pose pas de souci avec une fonction ou une boucle :

Code html :

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
<?php
// définition de la fonction
function conteneur_image($nom_image)
{
        $nom_fichier = "$nom_image.png";
        
        ?>
		<div class="conteneur_image">
			<img src="repertoire_images/<?= htmlspecialchars($nom_fichier)?>" alt=""/>
		</div>
	<?php
}
 
 
// utilisation avec 2 images
conteneur_image("accueil");
conteneur_image("TEST2_b");

**awalter1** · 27/02/2023, 10h42

Bonjour Mathieu,
Merci de ta réponse rapide.

J'ai des questions complémentaires sur ta solution :
- je ne comprends pas la position des balises ?> et <?php par rapport aux {} de la fonction!

- Le code php et les appels à la fonction conteneur_image sont ils bien dans le même fichier source?
- si oui, mon fichier doit avoir une extension php, non?

- Si le code est exécuté coté serveur, cela n'implique t'il pas que je ne peux pas le tester en local : il me faut un serveur (wampserver par exemple) ou alors directement chez mon hébergeur web?

Merci

**ThomasR** · 27/02/2023, 13h13

Bonjour awalter,

Pour compléter la réponse de @mathieu, tu peux effectivement mettre le code PHP et ton code HTML dans la même page.

<?php sert à commencer l'execution de code PHP
?> sert à terminer l'execution de code PHP

Dans la fonction conteneur_image. @mathieu sort de l'execution de PHP après la déclaration de $nom_fichier, cela revient à écrire du texte. C'est plus élégant qu'un print ou echo dans ce cas là car cela permet de conserver un HTML propre dans la fonction, avec la coloration synthaxique etc.

Code html :

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
18
19
20
21
22
23
24
25
<?php 
function conteneur_image($nom_image)
{
        $nom_fichier = "$nom_image.png";        
        ?>
	<div class="conteneur_image">
		<img src="repertoire_images/<?php print htmlspecialchars($nom_fichier) ?>" alt="">
	</div>
	<?php
}
?><!DOCTYPE html>
<html>
	<head>
		<title>Nom de la page</title>
 
	</head>
	<body>
		<div>
			<?php conteneur_image('accueil') ?>
		</div>
		<div>
			<?php conteneur_image('TEST2_b') ?>
		</div>
	</body>
</html>

Mais effectivement la fonction conteneur_image() aurait pu être écrite comme ceci, cela revient au même, à chacun sa préférence.

Code javascript :

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

1
2
3
4
5
6
7
function conteneur_image($nom_image)
{
	$nom_fichier = "$nom_image.png";
	print '<div class="conteneur_image">
		<img src="repertoire_images/' . htmlspecialchars($nom_fichier) . '" alt="">
	</div>';
}

**awalter1** · 27/02/2023, 14h28

Oui, je comprends mieux.
L'exécution de l'exemple chez mon hébergeur fonctionne

, mais en local je n'ai pas l'image (ce qui est, je pense, normal puisque je n'ai pas de serveur), mais les caractères '; } ?> s'affiche dans la page.
Normal ou pas normal ?

Merci

**awalter1** · 27/02/2023, 18h04

Comment puis je passer en paramètre de ma fonction php un texte contenant des retours à la ligne : omment ces retours de ligne doivent ils être représentés? faut t'il mettre le code hexa du crlf dans le texte ?
Merci

Equivalent d'une fonction pour des lignes html

Vue hybride

Discussions similaires

Partager

Partager