Rafraichissement invisible SVG

Galaxed · 03/03/2011, 17h26

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.

NoSmoking · 03/03/2011, 19h08

Citation:

Envoyé par Galaxed

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().

Galaxed · 03/03/2011, 20h06

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.

03/03/2011, 17h26	#1
Galaxed Invité de passage Inscription : novembre 2007 Messages : 3 Détails du profil Informations forums : Inscription : novembre 2007 Messages : 3 Points : 0 Points : 0	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.
	00

03/03/2011, 20h06	#3
Galaxed Invité de passage Inscription : novembre 2007 Messages : 3 Détails du profil Informations forums : Inscription : novembre 2007 Messages : 3 Points : 0 Points : 0	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.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email