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 :

Comment changer d'url sans vraiment recharger ma page


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Homme Profil pro
    Étudiant
    Inscrit en
    Mai 2016
    Messages
    15
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Côte d'Ivoire

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Mai 2016
    Messages : 15
    Par défaut Comment changer d'url sans vraiment recharger ma page
    Salut j'aimerais créer un lecteur audio en ligne, j'aimerais donc que l'utilisateur puisse continuer a ecouter sa musique tout en changeant de page si possible un peu comme sur Deezer. Merci et j'espere que je post dans la bonne section

  2. #2
    Invité
    Invité(e)
    Par défaut
    Bonjour,

    si on prend l'exemple de Deezer :

    Le lecteur audio se trouve dans la colonne de gauche, en bas (dans <article class="player" id="player" ...>).
    Cette colonne reste en place, même si on "change de page" *.

    * En fait (sauf erreur), via Ajax :
    • on modifie juste le contenu de la <div id="page_content">, sans rechargement de la page.
    • l'URL dans la barre d'adresse est modifiée

    (infos trouvées sur le web) :
    [...] Ces sites utilisent l'API History (en HTML5) qui gère l'historique du navigateur et permet de le manipuler et d'y insérer de nouvelles entrées. [...]
    Code JavaScript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    function updateCurrentPageHistory(a) {
        if (DEBUG) {
            console.info("updateCurrentPageHistory(title : " + a + ")")
        }
        State = History.getState();
        data = State.data;
        data.destinationPage = currentPage;
        $(window).off("statechange");
        History.replaceState(data, a, document.location);
        $(window).on("statechange", statechange)
    }
    Dernière modification par Invité ; 15/08/2018 à 11h21.

Discussions similaires

  1. [Mappy] [API Challenge] Comment changer l'url du concours
    Par Rooulio dans le forum Bibliothèques & Frameworks
    Réponses: 0
    Dernier message: 31/03/2010, 18h41
  2. Réponses: 1
    Dernier message: 17/07/2009, 11h07
  3. Comment changer de design sans chargement
    Par Cyclone200 dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 30/03/2009, 18h00
  4. sendandload ou comment appeler une url sans afficher la page
    Par xian21 dans le forum ActionScript 1 & ActionScript 2
    Réponses: 5
    Dernier message: 26/09/2008, 10h51
  5. [html, balise form] comment composer une url sans le "?"
    Par Invité dans le forum Balisage (X)HTML et validation W3C
    Réponses: 7
    Dernier message: 29/01/2007, 03h50

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