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 :

Rafraichir une frame


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Profil pro
    Inscrit en
    Août 2007
    Messages
    684
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2007
    Messages : 684
    Par défaut Rafraichir une frame
    Bonjour;

    Comment rafraichir ma frame de gauche qui
    contiens mon menu et l'affichage du compteur
    de visites (nombre contenu dans un fichier txt)

    J'ai effectué des tests, le compteur se met a
    jour automatiquement

    Le soucis, c'est que toute la navigation s'effectue
    dans la frame de droite et le raffraichissement
    agit également sur celle-ci.

    Comment actualiser le compteur sans interférer
    sur les autres frames ?

    Merci de m'aider

  2. #2
    Rédacteur/Modérateur
    Avatar de andry.aime
    Homme Profil pro
    Inscrit en
    Septembre 2007
    Messages
    8 391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Ile Maurice

    Informations forums :
    Inscription : Septembre 2007
    Messages : 8 391
    Par défaut
    Bonjour,
    Pourquoi ne pas utiliser AJAX pour ne rafraichir que le compteur et non pas toute la Frame.
    Code JAVASCRIPT : 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
    function createXHR() 
    {
        var request = null;
            try {
                request = new ActiveXObject('Msxml2.XMLHTTP');
            }
            catch (err2) {
                try {
                    request = new ActiveXObject('Microsoft.XMLHTTP');
                }
                catch (err3) {
    		try {
    			request = new XMLHttpRequest();
    		}
    		catch (err1) 
    		{
    			return request;
    		}
                }
            }
        return request;
    }
    function compter() 
    {
    	var xhr=createXHR();
    	xhr.open("GET", "compteur.txt",true);
    	xhr.onreadystatechange = function()
    		{ 
    		if (xhr.readyState == 4 && xhr.status == 200) 
    			{
    				document.getElementById('compteur').innerHTML=xhr.responseText;
    			}
    		}
    	xhr.send(null); 
    }
    setInterval('compter()',10000);
    Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
    <p id="compteur"></p>

  3. #3
    Membre éclairé
    Profil pro
    Inscrit en
    Août 2007
    Messages
    684
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2007
    Messages : 684
    Par défaut
    Bonjour andry.aime,

    Merci de m'avoir répondu
    Exact, ce n'est que le compteur que je veut raffraichir

    Mais ne connaissant pas l'Ajax, comment intégrer a
    votre code l'appel de mon compteur en PHP ?

    Mon code pour lire et afficher le compteur en PHP
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
     
    <?PHP
    $file = fopen("stats/compteur_v.txt","r+");
    $num = fgets($file,4096);
    fclose($file);
     
    echo '</center></b>';
    echo $num;
    ?>
    A vous lire

  4. #4
    Rédacteur/Modérateur
    Avatar de andry.aime
    Homme Profil pro
    Inscrit en
    Septembre 2007
    Messages
    8 391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Ile Maurice

    Informations forums :
    Inscription : Septembre 2007
    Messages : 8 391
    Par défaut
    Tu peux directement appeler le fichier txt.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    xhr.open("GET", "stats/compteur_v.txt",true);
    Ou le fichier php en modifiant l'adresse dans le second paramètre de xhr.open

  5. #5
    Membre éclairé
    Profil pro
    Inscrit en
    Août 2007
    Messages
    684
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2007
    Messages : 684
    Par défaut
    ok pour la modif de xhr.open (chemin du fichier)

    Mais quelle instruction pour centrer et afficher
    le compteur car je ne comprends pas le code suivant
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <p id="compteur"></p>
    A vous lire

  6. #6
    Rédacteur/Modérateur
    Avatar de andry.aime
    Homme Profil pro
    Inscrit en
    Septembre 2007
    Messages
    8 391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Ile Maurice

    Informations forums :
    Inscription : Septembre 2007
    Messages : 8 391
    Par défaut
    C'est dans ce paragraphe qu'on va mettre le résultat du requête ajax.
    document.getElementById('compteur').innerHTML=xhr.responseText;
    Tu le mets à l'endroit où tu veux placer le compteur, centrer avec css ou la balise center.

Discussions similaires

  1. [frame] Comment rafraichir une frame lorsque l'on veut?
    Par Ministar dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 10/10/2007, 18h02
  2. Rafraichir une frame
    Par masseur dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 10/08/2007, 17h34
  3. Rafraichir une Frame a partir d'un lien ?
    Par sara21 dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 05/05/2007, 18h24
  4. Rafraichir une frame
    Par Galaad dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 10/08/2006, 08h13
  5. Rafraichir une Frame en cours d'éxécution
    Par Tandric dans le forum AWT/Swing
    Réponses: 2
    Dernier message: 25/03/2006, 06h51

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