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 :

Reload auto d'une image


Sujet :

JavaScript

  1. #1
    Membre du Club
    Homme Profil pro
    Autre
    Inscrit en
    Août 2017
    Messages
    63
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 45
    Localisation : France, Seine Maritime (Haute Normandie)

    Informations professionnelles :
    Activité : Autre

    Informations forums :
    Inscription : Août 2017
    Messages : 63
    Points : 45
    Points
    45
    Par défaut Reload auto d'une image
    Bonjour à tous

    Me voilà avec un souci que je n'arrive pas à solutionner

    j'ai une page ajax.php qui me traite un fichier log de ma connexion internet.
    le but étant de pouvoir suivre la charge de ma connexion.
    cette page me créé un graphique de la bande passante.
    le fichier log est créé par un cron toutes les minutes.

    je souhaite afficher l'image créé mais que celle ci soit rechargé toutes les minutes
    voici ce que j'ai fais.
    HTML
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <div class=\"wan_up\" id=\"ifstat_eth0_up\"><img id=\"img_wan_up\" src=\"pict/blank.png\"></div>

    JAVA
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    	setInterval(img_refresh, 1000)       
    	function img_refresh() {
    		$(document).ready(function(){
    			$('.wan_up img').attr('src', '../scripts/ajax.php?mode=graph&device=freebox_wan&way=up&max=2500');
    			$('.wan_down img').attr('src', '../scripts/ajax.php?mode=graph&device=freebox_wan&way=down&max=250');
    		});
    	}
    l'image s'affiche mais ne se met pas à jour

    quelqu'un peut-il m'aider

  2. #2
    Membre du Club
    Homme Profil pro
    Autre
    Inscrit en
    Août 2017
    Messages
    63
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 45
    Localisation : France, Seine Maritime (Haute Normandie)

    Informations professionnelles :
    Activité : Autre

    Informations forums :
    Inscription : Août 2017
    Messages : 63
    Points : 45
    Points
    45
    Par défaut
    problème trouvé par une autre communauté,
    il s'agissais belle et bien d'un problème javascript

    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    setInterval(img_refresh, 60000)     
    function img_refresh() {
        var now = new Date().getTime();
        $('.wan_up img').attr('src', '../scripts/ajax.php?mode=graph&device=freebox_wan&way=up&max=2500&time='+now);
        $('.wan_down img').attr('src', '../scripts/ajax.php?mode=graph&device=freebox_wan&way=down&max=250&time='+now);
    }
    c'est juste la var now qui devait se trouver dans la fonction, grr mais c'est d'un logique, pourquoi n'ai je rien vu grrr

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

Discussions similaires

  1. DIV auto-ajustable autour d'une image + 2 moitiés cliquables ?
    Par budhax dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 18/10/2008, 23h06
  2. Comment adapter longueur auto d'une backgroung-image ?
    Par lolymeupy dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 22/05/2008, 15h20
  3. Redimensionnement auto d'une image
    Par Rcanada dans le forum Access
    Réponses: 3
    Dernier message: 12/06/2006, 10h27
  4. [HTML]Cellule de tableau à la taille d'une image (auto)
    Par leup dans le forum Balisage (X)HTML et validation W3C
    Réponses: 5
    Dernier message: 13/05/2006, 14h43
  5. Rafraîchir une Image (reload) affichée dans un panel
    Par svirlot dans le forum Interfaces Graphiques en Java
    Réponses: 2
    Dernier message: 09/05/2006, 11h23

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