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

Résolu/Fermé
Paimpolais Messages postés 17 Date d'inscription dimanche 20 septembre 2009 Statut Membre Dernière intervention 24 septembre 2019 - 27 déc. 2015 à 08:08
Hydr0s Messages postés 1678 Date d'inscription lundi 24 janvier 2011 Statut Membre Dernière intervention 24 août 2022 - 27 déc. 2015 à 18:27
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 1678 Date d'inscription lundi 24 janvier 2011 Statut Membre Dernière intervention 24 août 2022 672
27 déc. 2015 à 08:59
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 Date d'inscription dimanche 20 septembre 2009 Statut Membre Dernière intervention 24 septembre 2019 1
27 déc. 2015 à 15:21
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 1678 Date d'inscription lundi 24 janvier 2011 Statut Membre Dernière intervention 24 août 2022 672
Modifié par Hydr0s le 27/12/2015 à 16:29
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 Date d'inscription dimanche 20 septembre 2009 Statut Membre Dernière intervention 24 septembre 2019 1 > Hydr0s Messages postés 1678 Date d'inscription lundi 24 janvier 2011 Statut Membre Dernière intervention 24 août 2022
27 déc. 2015 à 18:14
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 1678 Date d'inscription lundi 24 janvier 2011 Statut Membre Dernière intervention 24 août 2022 672
27 déc. 2015 à 18:27
Bonne fêtes à vous aussi ! (n'oubliez pas le bouton résolu en haut)
0