Dofus

pages/xp.php

@@ -16,7 +16,7 @@ if (isset($_SESSION['role']) && $_SESSION['role'] === 'admin') {
 // Affichages des xp pro
 ?>
 
-<div class="page-header">
+<div class="page-header" id="experiences">
     <h1>Expériences professionnelles</h1>
     <p>Mes stages et missions réalisées en entreprise.</p>
 </div>
@@ -34,7 +34,7 @@ require_once('../functions/listSchool.php');
 if (!empty(listeEcoles())) {
 ?>
 
-<div class="page-header">
+<div class="page-header" id="ecoles">
     <h2>Mes écoles</h2>
     <p>Mon parcours scolaire et mes formations.</p>
 </div>
@@ -42,6 +42,47 @@ if (!empty(listeEcoles())) {
 <?php
     // Appel de ma fonction dans Functions/listSchool.php
     afficherEcoles();
+?>
+
+<!-- Bouton flottant : icône chapeau de diplômé = descendre vers les écoles,
+     icône sac de travail = remonter vers les expériences -->
+<button class="section-jump" id="section-jump" aria-label="Basculer entre expériences et écoles">
+    <i class="fa-solid fa-graduation-cap"></i>
+    <i class="fa-solid fa-briefcase"></i>
+</button>
+
+<script>
+(function () {
+    var btn = document.getElementById('section-jump');
+    var ecoles = document.getElementById('ecoles');
+    if (!btn || !ecoles) return;
+
+    // Vrai quand la moitié de l'écran a dépassé le début de la section écoles
+    function estDansEcoles() {
+        return window.scrollY + window.innerHeight / 2 >= ecoles.offsetTop;
+    }
+
+    // Change l'icône du bouton selon la section où on se trouve
+    function majIcone() {
+        btn.classList.toggle('mode-ecoles', estDansEcoles());
+    }
+
+    btn.addEventListener('click', function () {
+        if (estDansEcoles()) {
+            // On est dans les écoles : remonter aux expériences
+            window.scrollTo({ top: 0, behavior: 'smooth' });
+        } else {
+            // On est dans les expériences : descendre aux écoles
+            ecoles.scrollIntoView({ behavior: 'smooth' });
+        }
+    });
+
+    window.addEventListener('scroll', majIcone);
+    majIcone();
+})();
+</script>
+
+<?php
 }
 
 // Ajout du footer