J'hésitais à poster ce topic dans PHP mais il a plus sa place ici je pense.
Je sais très bien que le PHP s'exécute côté serveur et le javascript côté client.

J'expose le topo :

  • J'ai un tableau en PHP que je parcourt avec la fonction foreach()
  • J'ai une vidéo en flash et des chapitres
  • J'aurai aimé mettre en évidence la case des chapitres lorsque je suis bien entre le début et la fin du chapitre.

Voilà mon code simplifié :

Code js : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
var currentPosition = 0; 
 
function positionListener(obj) { 
    currentPosition = obj.position;
}
currentPosition est donc la position sur la vidéo en dixième de seconde.


Code php : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
<?php foreach ( $chapters as $chapter ) { ?>
                    <div class='chapter'>
                        <!-- Affiche les informations du chapitre -->
                            <!-- Titre, description, etc... -->
                        <!-- Affiche la durée du chapitre -->
                        <div class='chap_duration'>
                            Début :<?php echo $chapter['debut'] ?>
                            Fin :<?php echo $chapter['fin'] ?>
                        </div>
                    </div>
                <?php } ?>


Ce que j'aurai aimé, c'est de modifié le css des div 'chapter' et 'chap_duration' lorsque la variable 'currentPosition' du javascript se trouve comprise entre les variables '$chapter['debut']' et '$chapter['fin']' du PHP.

Merci