B

Bonjour a tous je souhaiterai réaliser une simple condition pour savoir si une de mes session existe et si elle existe on ne charge pas les sessions pour ne pas ecraser les choix réalisé par l'utilisateur durant sa navigation

pour faire simple je veux tester si ma session lang existe et si elle existe le if n'est pas pris en compte

voici mon code :

if(localStorage.getItem("lang")=="en"){
    sessionStorage['data-bs-theme'] = 'light'
    sessionStorage['data-layout'] = 'semibox'
    sessionStorage['data-layout-position'] = 'fixed'
    sessionStorage['data-layout-style'] = 'default'
    sessionStorage['data-layout-width'] = 'fluid'
    sessionStorage['data-preloader'] = 'disable'
    sessionStorage['data-sidebar'] = 'dark'
    sessionStorage['data-sidebar-image'] = 'none'
    sessionStorage['data-sidebar-size'] = 'lg'
    sessionStorage['data-sidebar-visibility'] = 'show'
    sessionStorage['data-topbar'] = 'light'
    sessionStorage['defaultAttribute'] = "lang":"en","data-layout":"semibox","data-sidebar-visibility":"show","data-topbar":"light","data-sidebar":"dark","data-sidebar-size":"lg","data-sidebar-image":"none","data-preloader":"disable"
    sessionStorage['lang'] = 'en'

Merci

-
Edité par SebastienO 4 décembre 2024 à 23:54:42

Ici "lang" nest pas une _session_ mais une chaîne qui sert de clé pour retrouver, dans le localStorage, une information qui lui est associée.

Si aucune information ne lui est associée,

localStorage.getItem("lang")

retourne null.

Question: il faudrait pas utiliser des setItem avec sessionStorage ?

https://fr.javascript.info/localstorage

PS

> une  simple condition pour savoir si une de mes session existe

comment identifie-t-on cette session ?

-
Edité par michelbillaud 7 décembre 2024 à 13:17:13

Bonjour

Storage est de coté client à savoir ton navigateur donc tes visiteurs peuvent le voir mais néomoins, elle est pllus souple que des cookie et tu peux y enregister des valeurs comme le lang.  

Faut se donner quelques variables

StgLang='LG';   // variable global

StgTotal='total';

Voila donc une class qui peut regarder et eventuellement l'adapter à ta besoin

class Storages
{
    static GetCmpt(stg)
    {   
        var jobs = localStorage.getItem(stg);
        var x = JSON.parse(jobs);
        var n = parseInt(x);
        if (isNaN(n)) 
          return 0;
        return (n);
    }

    static Get(stg)
    {
        var jobs = localStorage.getItem(stg);
        return JSON.parse(jobs);
    }

    static Push(stg, arg)
    {
        let jobs = JSON.stringify(arg);
        localStorage.setItem(stg,jobs);
    }

    static IncrementStorage(stg, val)
    {
        var inc = this.Get(stg);
        inc += val;
        var jobs = JSON.stringify(inc);
        localStorage.setItem(stg,jobs);
    }
}

Voila comment inserer le Uk 

   <a href="#" onclick="Storages.Push('LG', 'Uk');" />

Ici LG est la clé, et UK la valeur que tu peux observier dans la partie "application" de ton navigateur à l'aide d'outile de développement

Voia comment récupéer la valeur de LG

lng =  Storages.Get(StgLang);

console.log(lng);

Hop can help you

Yaroo a écrit:

Bonjour

Storage est de coté client à savoir ton navigateur donc tes visiteurs peuvent le voir mais néomoins, elle est pllus souple que des cookie et tu peux y enregister des valeurs comme le lang.  

Faut se donner quelques variables

StgLang='LG';   // variable global

StgTotal='total';

Voila donc une class qui peut regarder et eventuellement l'adapter à ta besoin

class Storages
{
    static GetCmpt(stg)
    {   
        var jobs = localStorage.getItem(stg);
        var x = JSON.parse(jobs);
        var n = parseInt(x);
        if (isNaN(n)) 
          return 0;
        return (n);
    }

    static Get(stg)
    {
        var jobs = localStorage.getItem(stg);
        return JSON.parse(jobs);
    }

    static Push(stg, arg)
    {
        let jobs = JSON.stringify(arg);
        localStorage.setItem(stg,jobs);
    }

    static IncrementStorage(stg, val)
    {
        var inc = this.Get(stg);
        inc += val;
        var jobs = JSON.stringify(inc);
        localStorage.setItem(stg,jobs);
    }
}

Voila comment inserer le Uk 

   <a href="#" onclick="Storages.Push('LG', 'Uk');" />

Ici LG est la clé, et UK la valeur que tu peux observier dans la partie "application" de ton navigateur sur le site à l'aide d'outile de développement

Voia comment récupéer la valeur de LG

lng =  Storages.Get(StgLang);

console.log(lng);

Hop can help you

Vous pourriez également envisager d'ajouter une vérification de la disponibilité de localStorage avant son utilisation afin d'éviter d'éventuels bogues dans les anciens navigateurs.

-
Edité par RyanwRyan 17 décembre 2024 à 11:33:01