IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Javascript, CSS et re-chargement de page


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Novembre 2008
    Messages
    55
    Détails du profil
    Informations personnelles :
    Âge : 52
    Localisation : France

    Informations forums :
    Inscription : Novembre 2008
    Messages : 55
    Par défaut Javascript, CSS et re-chargement de page
    J'ai réalisé une page web très longue / haute (c'était le but).
    Cette page contient 7 sections qui se succèdent les unes au dessous des autres.
    Sur le côté gauche, j'ai un petit menu vertical, permettant d'accéder à chacune de ces parties de la page.

    Un script javascript teste, lors des scrollings, quelle section est actuellement affichée à l'écran, afin d'attribuer une classe différente à mon menu, ce qui permet à celui-ci d'indiquer de façon "dynamique" dans quelle section de la page nous sommes.

    Tout fonctionne très bien, sauf en cas de rechargement de la page. Comme il n'y a pas de scroll détecté, le menu reprend la classe par défaut qui est stipulée dans le HTML (correspondant bien sûr à la section 1).

    J'aimerais donc qu'en cas de rechargement, le test soit de nouveau effectué (possibilité de provoquer un mini scroll de 2px ?) ou qu'il laisse le menu tel qu'il était affiché auparavant (peut-être que ce n'est pas possible ?).

    J'espère avoir été clair... Merci d'avance pour vos conseils !

  2. #2
    Membre Expert

    Homme Profil pro
    Ingénieur Hospitalier
    Inscrit en
    Juillet 2004
    Messages
    993
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Ingénieur Hospitalier
    Secteur : Santé

    Informations forums :
    Inscription : Juillet 2004
    Messages : 993
    Billets dans le blog
    1
    Par défaut
    Salut, il te faut soit passer par un cookie qui représentera ton menu current, et en cas de chargement si le cookie existe tu recharge sa valeur, sinon c'est une première visite tu charge le defaut menu.
    Tu peux aussi le faire avec localstorage, il y a pleins de tutoriels.

    Bonne soirée.

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    Novembre 2008
    Messages
    55
    Détails du profil
    Informations personnelles :
    Âge : 52
    Localisation : France

    Informations forums :
    Inscription : Novembre 2008
    Messages : 55
    Par défaut
    Merci headmax

    Après avoir farfouillé sur Google et quelques cogitations nocturnes, voici ce que j'ai fait en résumé/simplifié :

    - Dans mon fichier JS, au lieu de simplement déclarer les valeurs de ma variable à la volée, je les ai placées dans sessionStorage.
    Ensuite, j'appelle la valeur de sessionStorage pour attribuer la bonne classe à mon menu.

    - Dans ma page HTML, j'ai créé un petit script qui teste si ma valeur sessionStorage est égale à 1, ou 2, … ou 7 et sinon ça attribue la valeur 1 (par défaut dans le cas d'une arrivée sur mon site) à mon menu.

    Ça semble fonctionner...

    C'est bien ça l'esprit du truc ?

  4. #4
    Membre Expert

    Homme Profil pro
    Ingénieur Hospitalier
    Inscrit en
    Juillet 2004
    Messages
    993
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Ingénieur Hospitalier
    Secteur : Santé

    Informations forums :
    Inscription : Juillet 2004
    Messages : 993
    Billets dans le blog
    1
    Par défaut
    Tout a fait Harlock bien joué, si pas de soucis dans ce cas, met ton post en résolu A+.

    Bonne soirée.

  5. #5
    Membre averti
    Profil pro
    Inscrit en
    Novembre 2008
    Messages
    55
    Détails du profil
    Informations personnelles :
    Âge : 52
    Localisation : France

    Informations forums :
    Inscription : Novembre 2008
    Messages : 55
    Par défaut
    Merci pour ta "validation". Pas toujours sûr de moi dans la mesure où à la base, tout ça n'est pas exactement ma spécialité... Content de lire que j'ai eu le bon réflexe (grâce à ta piste)

    Bonne soirée toi-même !

    (Et encore merci)

  6. #6
    Membre Expert

    Homme Profil pro
    Ingénieur Hospitalier
    Inscrit en
    Juillet 2004
    Messages
    993
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Ingénieur Hospitalier
    Secteur : Santé

    Informations forums :
    Inscription : Juillet 2004
    Messages : 993
    Billets dans le blog
    1
    Par défaut
    Pas de soucis, ravi de t'avoir mis sur la piste , et n'hésite pas de poster en cas de problème .
    Autre précision, localstorage et sessionstorage, est fait à la base pour du html5 donc attention à la compatibilité navigateur quand même.

    Bonne soirée.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Webbrowser ignoré le chargement du javascripts, css, images.
    Par bailamos dans le forum VB 6 et antérieur
    Réponses: 0
    Dernier message: 08/10/2010, 22h34
  2. executer une fonction javascript apres tous le chargement de la page
    Par interhossa007 dans le forum Général JavaScript
    Réponses: 8
    Dernier message: 16/10/2008, 17h36
  3. [Javascript][VB.net]Javacript actif au 2ème chargement de page
    Par Fleur-Anne.Blain dans le forum VB.NET
    Réponses: 8
    Dernier message: 25/08/2008, 15h57
  4. Réponses: 10
    Dernier message: 19/05/2008, 14h46
  5. javascript et chargement de page html
    Par stars333 dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 03/09/2007, 12h38

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo