Comment récupérer une animation SVG sur internet ?

Résolu
Paimpolais Messages postés 17 Statut Membre -  
Hydr0s Messages postés 1843 Statut Membre -
Bonjour,

J'aimerais télécharger l'animation du site internet suivant, pour pouvoir l'utiliser hors connexion : http://s1.lemde.fr/mmpub/edt/zip/20151020/103430/index.html

A l'origine, l'animation est tirée de l'article : https://www.lemonde.fr/les-decodeurs/article/2015/10/20/pourquoi-les-cartes-geographiques-sont-mensongeres_4793301_4355770.html

Comment qu'on fait ?? Merci d'avance pour vos lumières.

A voir également:

1 réponse

Hydr0s Messages postés 1843 Statut Membre 681
 
Salut,
Comme le simple Menu > Enregistrer la page ne fonctionne pas, il faut un peu plus de manipulations :
- Afficher la source (ctrl + U)
- Enregistrer la source (CTRL + S)
- Dans la source du navigateur, repérer et télécharger toutes les fichiers externes (repérables par police bleue-soulignée) dans le même dossier que le fichier précédent. Pour cela, clic gauche > enregistrer la cible du lien sous
<script src="http://d3js.org/topojson.v1.min.js"></script>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>

Dans l'exemple ci dessus, il faut télécharger topojson.v1.min.js, jquery-1.9.1.js et jquery-ui.js
- Modifier le fichier .html pour faire référence aux fichiers téléchargés (dans le même dossier). Dans l'exemple ci-dessus :
<script src="topojson.v1.min.js"></script>
<script src="jquery-1.9.1.js"></script>
<script src="jquery-ui.js"></script>

-2
Paimpolais Messages postés 17 Statut Membre 1
 
Merci Hydr0s pour votre réponse.
Bon, j'ai essayé de suivre à la lettre votre procédure mais j'ai dû mal comprendre certaines étapes, parce que quand je clique sur le document html modifié, ça ne m'ouvre que la page de codes source.
Je reprends comment j'ai fait : 1) j'ai directement ouvert la page http://s1.lemde.fr/mmpub/edt/zip/20151020/103430/index.html 2) J'ai affiché la page de codes source 3) J'ai fait Ctr+s 4) J'ai enregistré chacun des 8 fichiers externes. J'ai remarqué que quand on clique sur "enregistrer la cible du lien sous" - par exemple pour topojson.v1.min.js -, on n'a pas un fichier qui s'appelle topojson.v1.min.js mais un code à 8 caractères (minuscules, majuscules, chiffes) qui change à chaque fois qu'on enregistre à nouveau. J'ai donc enregistré chacun des 8 liens sous un nouveau nom de 1 à 8. 5) J'ai ouvert le fichier source que j'avais enregistré à l'étape 3) sous Word et j'ai modifié les liens internet en renvoyant chacun des liens vers les 8 fichiers 1 à 8 que je venais d'enregistrer dans le dossier lié au fichier html. 6) Je clique sur le fichier html en choisissant "ouvrir avec" Firefox, mais Firefox m'ouvre la page de codes source modifiée... et pas l'animation.
Où est-ce que je n'ai pas compris ???
Merci
0
Hydr0s Messages postés 1843 Statut Membre 681
 
Ah oui, j'ai fais la manip et effectivement, il enregistre la page de code source (débile -.-), bref, faut copier/coller le code à la main dans un nouveau fichier html...

Ca n'aurait de toute façon pas marché car...le javascript ne fait appel à un fichier externe (et qui fait planter toute l'animation)
l 178 : d3.json("index_fichiers/world-topo.json", function(error, world) {
qu'il faut bien sur télécharger (en rajoutant /js/world-topo.json à l'URL de base) et modifier le chemin dans la fonctions.
Bref, voici le lien pour télécharger le zip avec tout dedans, que je me sois pas énerver pendant 1/2 pour rien dessus ^^ : https://www.cjoint.com/c/ELBpyFT0svZ
0
Paimpolais Messages postés 17 Statut Membre 1 > Hydr0s Messages postés 1843 Statut Membre
 
Merci beaucoup Hydr0s pour le temps que vous avez passé sur le casse-tête ! ça dépasse clairement mon domaine de compréhension informatique ; je nageais complètement !... Je suis prof d'histoire-géo et cette petite animation (merci aussi Le Monde) me sera fort utile pour mes Terminales ! Meilleurs Voeux pour la nouvelle année !
0
Hydr0s Messages postés 1843 Statut Membre 681
 
Bonne fêtes à vous aussi ! (n'oubliez pas le bouton résolu en haut)
0