Miroir du site http://www14.brinkster.com/proxomitron
[Copie du site en format ZIP: mirroir.zip]

logotitre

 
Accueil
Présentation
Pour commencer
      Télécharger/Installer
      Fenêtre Principale
      Fenêtre Config.
      Fenêtre Filtres HTML
      Fenêtre Filtres HTTP
      Fenêtre Log
      Fenêtre Proxy.
Travailler avec les filtres
      Introduction
      Editeur Filtres HTML
      Editeur Filtres HTTP
      Fenêtre Test
      Importer des filtres
      Trucs & Astuces
      Caractères Spéciaux
Détails
      Block List
      Filtre d'URL
      Commandes d'URL
      Comm. de recherche
      Conn. Sec.
      Proxies CGI
      Pile
Mise en œuvre
      JavaScript
      Exercices
      Aide mémoire (.pdf)
      Menus déroulants
FAQ
Version Beta
Misc
Liens
Fil d'infos (RSS)
 


Introduction à la Création de Filtres

Si vous n'êtes pas encore familier avec tout ceci, cela pourra dans un premier temps vous paraître obscur, mais ne vous inquiétez pas, c'est vraiment très simple à comprendre. On donne à certains caractères, couramment appelés wildcards ou meta caractères, une signification particulière. Chacun de ces caractères ne va correspondre à un texte original que s'il remplit les conditions définies. Le texte qui correspondra à l'expression recherchée pourra alors être remplacé par quelque chose d'autre.

Par exemple, l'astérisque * remplacera n'importe quel groupe de caractères, quels qu'ils soient. L'astérisque est souvent employé pour remplacer une portion de texte. Pour l'instant, disons que vous vouliez trouver tous les mots qui finissent par les lettres ko. Si vous utilisez *ko, vous trouverez Naoko et Atsuko, mais bien sûr vous ne trouverez pas Michie. Si vous cherchez John*Smith, vous trouverez aussi bien John W Smith, que John Bubba Smith, et bien sûr John Smith.

Appliquons ce principe au langage HTML. Disons que vous vouliez trouver tous les tags d'images. Un tag d'image commence toujours par <img et se termine par >, il y a également un certain nombre de choses entre les deux. Une expression de requête comme <img*> peut être utilisée, cela revient à dire "trouve tout ce qui commence par <img, qui a peut-être quelque chose après, et qui se termine par >".

Dans l'expression de remplacement, vous pouvez complètement réécrire le tag d'image afin de le faire correspondre exactement à ce que vous voulez. Il est même possible de capturer une partie du tag d'origine et de l'intégrer au tag de remplacement (par exemple l'URL de l'image d'origine). Regardez le filtre suivant :

Matching : <img*src=(\w)\1*>
Replace : <img src=\1 border=1>

On introduit là un certain nombre de choses nouvelles, premièrement le \w ("word match") va trouver n'importe quelle suite continue de caractères (c'est-à-dire des caractères non séparés par un espace). C'est très pratique pour attraper les URLs. Les parenthèses (...) suivie par le \1 veut dire "attrape tout ce qui se trouve entre les parenthèses et place le dans la variable numéro1". Placer le \1 dans le texte de remplacement insérera à cet endroit le texte original capturé. Le Proxomitron permet de stocker ainsi 10 variables différentes numérotées de 0 à 9.

Entrons dans le vif du sujet, le filtre précédent va réécrire un tag d'image qui ressemble à :
<img align=left src="bison.gif" alt="mon animal d'appartement Bill le Bison"> en <img src="bison.gif"border=1>

La partie en bleu sera trouvée par le premier *.
La partie en rouge sera trouvée par (\w)\1.
La partie Vert sera trouvée par le deuxième *.

Notez que les parties surlignées en bleu et en vert n'apparaissent pas dans le texte de remplacement. Seule la partie que nous avons décidé de conserver s'y trouve. En décidant quoi garder et quoi jeter nous pouvons complètement réécrire le code HTML d'origine. Par exemple imaginons que l'on veuille transformer le tag image ci-dessus afin qu'en lieu et place du bison, nous ayions un lien vers cette image.

Replace : <a href=\1> Clique ici pour voir Bill le Bison </a>

Ainsi le même tag image précédent
<img align=left src="bison.gif" alt="mon animal d'appartement Bill le bison">
sera transformé en lien :
<a href="bison.gif"> Clique ici pour voir Bill le Bison </a>

Voilà, cela vous aura donné une petite idée de la façon dont tout cela fonctionne. Vous pouvez maintenant découvrir les autres meta caractères, et en apprendre plus sur la façon de mettre en pratique ce que vous venez de voir.

     


The Proxomitron is Copyrighted to Scott R. Lemmon