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 :

[AJAX] chargement partiel dune page


Sujet :

JavaScript

  1. #1
    Membre régulier Avatar de hugo69
    Profil pro
    Inscrit en
    Avril 2005
    Messages
    512
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2005
    Messages : 512
    Points : 122
    Points
    122
    Par défaut [AJAX] chargement partiel dune page
    Bonjour,

    jai un header flash.

    En dessous j'ai mon contener qui est appeler par un systeme de pseudo frame PHP.

    Afin d'éviter de recharger toute la page et rejouer mon animation et chargment du header flash, ainsi que pour faire plus stylé, je souhaiterai faire un chargement partiel de ma page, soit seulement le contener.

    l'appel de mes page se faire sur une variable GET (index.php?page=home) et a partie header restera identique à 100%

    Une piste? J'ai déja utilisé HTTPREQUEST mais seulement pour des requete mysql qui renvoyer un mot ou resultat, jamais pour un contener tout entier qui est une page php.


    Merci.

  2. #2
    Membre régulier Avatar de hugo69
    Profil pro
    Inscrit en
    Avril 2005
    Messages
    512
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2005
    Messages : 512
    Points : 122
    Points
    122
    Par défaut
    any idea???

    Je sais utiliser ajax pour lire une BDD et renvoyer un résultat simple, je suppose que l'on doit pouvoir lui dire de lire un fichier php et retourner le contenu dans un div , non?

  3. #3
    Membre régulier Avatar de hugo69
    Profil pro
    Inscrit en
    Avril 2005
    Messages
    512
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2005
    Messages : 512
    Points : 122
    Points
    122
    Par défaut
    Bon,

    J'ai trouvé tout seul:


    Fonctions Javascript:

    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
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    function getXhr(){
     
    		var xhr = null; 
    		if(window.XMLHttpRequest) // Firefox et autres
    		xhr = new XMLHttpRequest(); 
    		else if(window.ActiveXObject){ // Internet Explorer 
    				try {
    			   		xhr = new ActiveXObject("Msxml2.XMLHTTP");
    				} catch (e) {
    			   		xhr = new ActiveXObject("Microsoft.XMLHTTP");
    				}
    			}else { // XMLHttpRequest non supporté par le navigateur 
    				alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
    				xhr = false; 
    			} 
         	return xhr;
    	}
     
    	/**
    * Méthode qui sera appelée sur le click du bouton
    */
     
    	function monmenu(cible, fichier){//Source, Cible, fichiers
     
    		var xhr = getXhr();
    		// On défini ce qu'on va faire quand on aura la réponse
    		xhr.onreadystatechange = function(){
     
    				// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
    					if(xhr.readyState == 4 && xhr.status == 200){
    						mapage = xhr.responseText;
    						// On se sert de innerHTML pour rajouter les options a la liste
    						document.getElementById(cible).innerHTML = mapage;
    					}
    				}
     
    		// Ici on va voir comment faire du post
    		xhr.open("POST",fichier,true);
    		// ne pas oublier ça pour le post
    		xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
    		// ne pas oublier de poster les arguments
    		// ici, l'id de l'auteur
    		//sel = document.getElementById(source);
    		//idauteur = sel.value;
    		xhr.send();
    	}


    Appel de la page dans mes menus:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <a href="#" onclick='monmenu("main_container","pages/main/page.php")'>maPage</a>

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

Discussions similaires

  1. [IE 8] Chargement partiel des pages
    Par bannik dans le forum IE
    Réponses: 2
    Dernier message: 09/11/2012, 11h20
  2. Chargement partiel de page JSP
    Par manueld dans le forum Servlets/JSP
    Réponses: 1
    Dernier message: 13/09/2009, 03h28
  3. Chargement partiel de pages
    Par loman02 dans le forum Tomcat et TomEE
    Réponses: 0
    Dernier message: 15/07/2009, 09h04
  4. [AJAX] Ajax :chargement d'une page
    Par Laorra dans le forum AJAX
    Réponses: 2
    Dernier message: 11/06/2009, 19h12
  5. [AJAX] Chargement de la page
    Par vacknov dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 03/05/2007, 14h33

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