Discussion :

[Boz88]

Bonjour

Pour le site web que je suis actuellement en train de développer, je dois intregre la modale:lien

Cette modale doit etre appelé pour chacun des médias que je génère qui ont des id different et qui ne se suivent pas forcement

J'ai tester la solution je boucle pour creer la modal et reboucle pour l'appel.
Problème ca ralentis beaucoup le site.

Code php :

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
26
<?php 
$j=1;
while($j<10)
{
?>
<div class="md-modal md-effect-1" id="modal-<?php echo $j?>"">
    <div class="md-content">
        <?php echo $j?>"
        <button class="md-close">Fermez Moi!</button>
    </div>
</div>
<?php
$j++;
}
?>
 
<?php 
$j=1;
while($j<10)
{
?>
<a class="md-trigger" data-modal="modal-<?php echo $j?>"><i class="icon-plus-2"></i></a>
<?php
$j++;
}
?>

Auriez vous une solution?
Et idéalement y aura til une solution pour éviter de boucler.
Merci

Exemple ici

[sabotage]

Ce n'est sûrement pas l’exécution des 2 boucles PHP jusqu'à 10 qui ralentit le rendu de ta page.

Tu devrais déjà travailler en HTML sans PHP pour voir les limites de ce que tu peux faire.

[Boz88]

J'ai mis 10 dans ma simplification de mon code mais par exemple dans la page donnée dans mon post j'en suis a 31.(le nombre de video dependant des programmes que j'appel.)

[gmarsay]

Je pense que ce que Sabotage veut dire c'est que le PHP n'est surement pas en cause dans le temps de génération de la page.

Il faudrait faire un test, uniquement avec du HTML/CSS/JS, avec une trentaine de boites modal pour voir si les ralentissements sont toujours aussi important ou non.

[Boz88]

Effectivement je me rend que mes requetes sql sont conséquences SELECT * au lieu de precisé les colonnes et en plus ya du join.

Merci

[Vrugar]

Sinon au lieu de charger le code HTML de 30 modals, tu peux faire un appel AJAX lorsque l'on clique sur ton lien qui va aller chercher le contenu et te le renvoyer. Ensuite tu inséres le contenu dans le code HTML de ta modal et tu affiches celle-ci.