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 :

Rafraichissement invisible SVG


Sujet :

JavaScript

  1. #1
    Futur Membre du Club
    Profil pro
    Inscrit en
    Novembre 2007
    Messages
    3
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2007
    Messages : 3
    Par défaut Rafraichissement invisible SVG
    Bonjour,

    Dans le cadre du développement d'une interface web de supervision j'aurai une question concernant le rafraîchissement d'un schéma svg présent sur la page.
    Ce schéma est en fait un diagramme composé de barre de progression reliée entre elles. Ces barre de progression, comme leurs noms l'indiquent, sont censés progresser en fonction des informations transmises par le serveur. Seulement j'aimerai éviter de devoir faire un refresh de la div contenant le svg afin d'éviter de la faire "clignoté".
    J'ai donc pensé à une solution et je voulais savoir si certains l'avaient déjà fait et si ça valait le coup d'essayé.

    La solution :
    J'ai développé un certains nombres de fonctions javascript permettant de dessiner mon diagramme. Ces fonctions javascript pourraient être appelé au chargement d'une div caché qui contiendrait les données nécessaire à la construction de mon schéma. Du coup, admettons que cette div contiennent le résultat d'une page asp.net chargé de se connecter à mon service et de récupérer les informations. Je pourrais recharger cette div/page asp.net, la div serait ainsi mis à jour et contiendrait les nouvelles informations. A partir de la je n'ai plus qu'a appeler les fonctions javascript de mise à jour de mon schéma.
    Du coup, le refresh est invisible et j'ai une évolution fluide de mon schéma en fonction des données transmises par le serveur.

    Est ce que je délire ou ça pourrait fonctionner ?

    Merci d'avances pour vos réponses.

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 209
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 209
    Par défaut
    Citation Envoyé par Galaxed Voir le message
    Est ce que je délire ou ça pourrait fonctionner ?
    une méthode à l'ancienne consistait à préparer ta page en mémoire écran cachée et afficher le résultat quand c'était fini, c'est le même principe qui est transparent pour l'utilisateur.

    De plus tu peux utiliser un document Fragment, createDocumentFragment().

  3. #3
    Futur Membre du Club
    Profil pro
    Inscrit en
    Novembre 2007
    Messages
    3
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2007
    Messages : 3
    Par défaut
    Tout d'abord merci pour ta réponse.

    Tu parles de méthode à l'ancienne ? Qu'est ce qui se fait maintenant du coup ?
    A savoir que je ne peux pas utiliser de plugin type silverlight/flash car l'affichage doit être possible sur mobile.

Discussions similaires

  1. Calques SVG Visible/Invisible dans une page PHP
    Par MelkInarian dans le forum Langage
    Réponses: 2
    Dernier message: 27/02/2013, 10h26
  2. Rafraichissement DataGrid bizarre : ligne invisible
    Par CARNIBAL dans le forum Silverlight
    Réponses: 3
    Dernier message: 14/04/2009, 09h31
  3. Réponses: 2
    Dernier message: 05/08/2008, 10h14
  4. [DOM] Génération SVG : Balise invisible
    Par daajack dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 25/03/2008, 11h44
  5. [SVG] rafraichissement et plugin
    Par kitsune dans le forum Développement 2D, 3D et Jeux
    Réponses: 3
    Dernier message: 04/07/2006, 11h35

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