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

AJAX Discussion :

[AJAX] Changer le contenu d'un block, et marquer l'url


Sujet :

AJAX

  1. #1
    Candidat au Club
    Profil pro
    Inscrit en
    Décembre 2010
    Messages
    2
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2010
    Messages : 2
    Par défaut [AJAX] Changer le contenu d'un block, et marquer l'url
    Bonjour,

    je suis actuellement le webmaster d'un serveur privé world of warcraft. Je compose un nouveau site, malheureusement, on me demande de faire un site dit dynamique, et donc de faire changer les contenu de la page sans pour autant rafraichir celle-ci. Le script de son coté est bon, le contenu de notre block se change correctement, l'url se modifie seul grace aux liens, mais lorsque l'on rafraîchi la page, le contenu par défaut réapparait, et lorsque que l'on effectue un retour en arrière ou encore un suivant, c'est le contenu chargé grace au lien qui ne change plus.

    Voici le code javascript utilisé :
    Code : 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
     
    // here we define global variable
    var ajaxdestination="";
     
    function getdata(what,where) { // get data from source (what)
     try {
       xmlhttp = window.XMLHttpRequest?new XMLHttpRequest():
      		new ActiveXObject("Microsoft.XMLHTTP");
     }
     catch (e) { /* do nothing */ }
     
     document.getElementById(where).innerHTML ="<div id='text-haut-contenu'><div id='text-titre-contenu'>Chargement du module :</div></div><div id='text-milieu-contenu'><div class='text-text-contenu'><center><img src='images/icones/ajax-loader.gif'></center></div></div><div id='text-bas-contenu'></div>";
    // we are defining the destination DIV id, must be stored in global variable (ajaxdestination)
     ajaxdestination=where;
     xmlhttp.onreadystatechange = triggered; // when request finished, call the function to put result to destination DIV
     xmlhttp.open("GET", what);
     xmlhttp.send(null);
      return false;
    }
     
    function triggered() { // put data returned by requested URL to selected DIV
      if (xmlhttp.readyState == 4) if (xmlhttp.status == 200) 
        document.getElementById(ajaxdestination).innerHTML =xmlhttp.responseText;
    }
    et voici le type de liens utilsé :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <a href="#Home/page/" onclick="getdata('pages/page.php','contenu');"></a>
    Et donne donc un url de type http://monsite.fr/#Home/page/ .

    Mon but est donc de pouvoir "marquer" les pages dans l'url et de pouvoir rafraichir, revenir à une page dynamique.

    Merci pour vos futurs aident.

  2. #2
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  3. #3
    Candidat au Club
    Profil pro
    Inscrit en
    Décembre 2010
    Messages
    2
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2010
    Messages : 2
    Par défaut
    Il utilise la fonction php str_replace() qui n'affiche pas le PHP mais seulement les contenu HTML donc c'est vraiment pas une solution trés trés fiable bien que cela marche correctement.

  4. #4
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    qui n'affiche pas le PHP mais seulement les contenu HTML
    Je comprends pas trop
    De toutes façon, le contenu PHP est interprété et seul le contenu HTML généré est affiché
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

Discussions similaires

  1. [AJAX] changer qu'un seul block d'un page
    Par nintendoplayer dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 11/08/2007, 14h22
  2. lire et changer le contenu d'texte.txt avec javascript?!
    Par Squalli dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 11/08/2005, 18h20
  3. [JTable] Changer le contenu d'une seule cellule
    Par terminagroo dans le forum Composants
    Réponses: 7
    Dernier message: 05/07/2005, 13h50
  4. TD changer le contenu
    Par C.M dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 18/02/2005, 13h51
  5. [Swing] Changer le contenu d'un Container via un menu
    Par TheSeb dans le forum AWT/Swing
    Réponses: 2
    Dernier message: 07/12/2004, 23h07

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