Exemple de capture de site avec HTTrack

The Engine Room janvier 2003

nom du projet : theengineroom
adresse Web(URL) : www.the-engineroom.com
durée de la capture : 2 heures (modem 56k)
ajoutez dans règles de filtrage :
-www.the-engineroom.com/html/recommend*.* (pour éviter 154 fichiers -le stock- presque identiques)
+www.virtual-showroom.co.uk/scripts/stockList/stockList.asp?refnum=8295&laf=showroomlnks&start=1 (pour la première page du stock mis à jour - pour la page suivante, visitez le site et ajoutez le lien)

problèmes :

Flash, menus

Autres exemples avec des difficultés similaires : Cedarpoint | Gulliver's Theme Park

solutions :

1. Lorsqu'on clique sur l'image générée par le fichier engineroom.swf, aucune page ne s'affiche alors que le lien sur la page appelle le fichier html/main.html.
   Ouvrez le fichier avec un éditeur hexadécimal.
   Cherchez html. Vous allez trouver :
   
   L'appel est absolu car le dossier html doit se trouver dans la racine.
   Afin de rendre le lien relatif, il suffit de remplacer la barre de fraction dans l'adresse par un espace (ou de réécrire le lien avec un 0 après l'extension - comme on dispose de trois caractères : / et deux 0-, on peut aussi renvoyer sur une autre page).
   Après modification on aura :
   
   et le lien sera actif. On peut faire de même pour les autres occurrences.
   
   
2. Les menus déroulants ne fonctionnent pas hors ligne.
   Pour ce site, ce n'est pas très important car les rubriques Vehicles for Sale et Scooters & Motorcycles permettent d'accéder à toutes les pages stock????.html.
   Plusieurs solutions:
3. 1. Laisser les choses telles quelles. C'est le plus raisonnable.
   2. Supprimer les deux formulaires qui affichent le menu avec un outil comme Arachnophilia.
      Repérez le formulaire dans une des pages html/stock????.html :
      il débute par

      <td align=right>
      <form method=post>
      <select name=selected_man onChange="this.form.submit()">
      <option value="">Choose another...</option>
      

      et finit par

      </select></form></td>
      

      Copiez le formulaire pour les automobiles dans le presse-papier, collez dans le texte à rechercher et remplacez par un espace (ou "rien"...) dans tous les fichiers html du site local.
      Faites de même avec le formulaire pour les scooters.
      
      Les menus n'apparaissent plus.
      
      
   3. Pour que les menus fonctionnent, il faut effectuer quelques modifications :
   4. 1. ajouter une fonction javascript dans toutes les pages html/stock????.html.
         Ouvrez tous les fichiers comprenant les menus avec un outil comme Arachnophilia.
         Ajoutez avant la balise </head> la fonction suivante :

         <script type="text/javascript">
         function goToPage(page) {parent.location=page;}
         </script>
         

      2. repérer le nom du fichier correspondant à chaque option value dans le fichier affichant la liste des véhicles à vendre (/html/stock8bfc.html et /html/stock4c59.html).
         Voici le début du tableau :

         <tr>
         <td align=right width=35%>
         <a href=stockded5.html><img src=images/bullett.gif border=0></a></td>
         <td align=left width=65%> <a href=stockded5.html>Alfa Romeo</a></td>
         </tr>
         <tr>
         <td align=right width=35%>
         <a href=stocke186.html><img src=images/bullett.gif border=0></a></td>
         <td align=left width=65%> <a href=stocke186.html>Alvis</a></td>
         </tr>
         

         donc stockded5.html pour Alfa Romeo
         et stocke186.html pour Alvis.
      3. modifier un formulaire pour les automobiles puis remplacer l'original par la modification dans tout le site.
         Dans le menu, remplacez
         

         <option value="1">Alfa Romeo</option>
         <option value="82">Alvis</option>
         ...

         par

         <option value="stockded5.html">Alfa Romeo</option>
         <option value="stocke186.html">Alvis</option>
         ...
         

         puis remplacez onChange="this.form.submit()"
         par onChange="goToPage(this.options[selectedIndex].value);"
         Recherchez le menu d'origine et copiez le dans le texte à rechercher.
         Copiez le formulaire modifié pour les automobiles dans le presse-papier, collez le dans le texte à remplacer et effectuez le remplacement dans tous les fichiers html du site local.
         
      4. modifier un formulaire pour les scooters puis remplacer l'original par la modification dans tout le site.
         Faites de même pour le menu des scooters.
         
         C'est un peu long mais les menus fonctionnent.
         Ici nous avons eu de la chance car la liste des correspondances était à notre disposition. Quand ce n'est pas le cas, c'est souvent trop difficile. Il existe quand même un moyen de simplifier le travail ou de consulter toutes les pages capturées sans passer par le menu c'est un utilitaire comme dirhtml qui permet de créer une liste paramétrable de tous les fichiers.

La capture est maintenant exploitable.