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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
| <!DOCTYPE html>
<html lang="fr">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
<title>Ici mon titre</title>
</head>
<body onunload="unloadOn()">
<button onclick="ajoute1()">Ajouter 1 à la variable Cpt</button> ...... <span id="nbrCpt"></span>
<script>
// ::::::::::::::::::::: variables globales ::::::::::::::::::::::::::::::
window.onload = LoadOn;//Se déclenche une fois le chargement de la page terminé
let IsIeOrEdge;
let Cpt=0;
// :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
// ------------------------- les 2 évènements utiles pour mémoriser et récupérer une information ---------------------------
function LoadOn() {
RecupMemoSurClient();
document.getElementById("nbrCpt").textContent = Cpt;
}//---------------------------------------------------------
function unloadOn() {
MemoSurClient();
}//---------------------------------------------------------
//------------------------ les commandes assossiées -----------------------------
function IslocalStorage() {//******** vérification localStorage disponible **********
try {
localStorage.setItem('NameKey','Le teste');
localStorage.removeItem('NameKey');
return true;
} catch(err) {
return false;
}
}//---------------------------------------------------------
function RecupMemoSurClient() {
if (IslocalStorage()){// localStorage disponible
IsIeOrEdge = false;
if(localStorage.getItem('Idx')) {//récupération de l'index mémorisé en local
Cpt = localStorage.getItem('Idx');
}
}else{
// localStorage non disponible utilisation de cookies
IsIeOrEdge = true;
if (Cookies.get('Idx')) {
Cpt = Cookies.get('Idx');
}
}
}//---------------------------------------------------------
function MemoSurClient() {
if (IsIeOrEdge === false) {
localStorage.setItem('Idx', Cpt);
}else{
Cookies.set('Idx',Cpt,{ expires: 365 });
}
}//---------------------------------------------------------
function ajoute1() {
++Cpt;
if (Cpt > 10) {Cpt=0;}
document.getElementById("nbrCpt").textContent = Cpt;
}//---------------------------------------------------------
</script>
</body>
</html> |
Programmer en temps réel
Répondre avec citation
Envoyé par secretmoon04
Partager