Discussion :

[Vayan]

Bonjour, je souhaiterai qu'au survol d'un élément (ici un span) on voit le temps restant avant la Déconnexion automatique (le timeOut) de la personne.
Il faut surement utiliser le Javascript, j'ai une fonction pour le compte à rebours que j'ai trouvé sur Internet et un peu customisé à mes besoins. Mais maintenant il faut que j'envoie le texte dans l'attribut title='', et je n'y parvient pas.

Le script :

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
26
27
28
29
<?php
include_once 'functions.php';
 
$secondes = env('TimeOut');  // les secondes
 
$redirection = 'http://connect.php';
?>
<script type="text/javascript">
var temps = <?php echo $secondes;?>;
var timer =setInterval('CompteaRebour()',1000);
function CompteaRebour()
{
        temps-- ;
        m = parseInt((temps%3600)/60) ;
        s = parseInt((temps%3600)%60) ;
        document.getElementById('minutes').innerHTML= 'Temps restant avant déconnexion automatique : ' + (m<10 ? '0'+m : m) + ' min et ' +
                                                      (s<10 ? '0'+s : s) + ' sec';
      if ((s == 0 && m == 0))
      {
         clearInterval(timer);
         url = "<?php echo $redirection;?>"
         Redirection(url)
      }
}
function Redirection(url) {
setTimeout("window.location=url", 500)
}
</script>
<span id="minutes" title=''>Déconnexion</span>

Et voici ma structure HTML :

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<header>
            <div id='headLink'>
                  <a href='menu.php'>
                      <span title='Retour au menu' class='img'></span>
                  </a>
                  <span id='separator'></span>
                  <a href='deconnect.php' id='logout'>
                      <span title='TEMPS AVANT DECONNEXION'>Déconnexion</span>
                  </a>
                  <br>
                  <span class='titre'><b>Logiciel · Création de profil</b></span>
            </div>
</header>

Merci d'avance

[Doksuri]

Code javascript :

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

document.getElementById("tonElement").setAttribute("title", "test");

[Vayan]

Merci !