begin process at 2010 03 19 19:59:59
  Trouver un code source :
 
dans
 
Accueil > 

Tutoriels

 > 

Trucs & Astuces

 > UTILISATION DE FICHIERS *.JS DANS UNE PAGE HTML

UTILISATION DE FICHIERS *.JS DANS UNE PAGE HTML


 Information sur le tutoriel

Note :
9,17 / 10 - par 6 personnes
9,17 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10

 Description

Vous désirez que votre fonction Javascript n'apparaisse pas dans le code HTML de votre page web. Faites comme ceci.

Tutorial

Vous désirez que votre fonction Javascript n'apparaisse pas dans le code HTML de votre page web.

Faites comme ceci:

  1. Créez un fichier texte contenant la fonction en question.

    Par exemple:

      mafonction (...)
      {... 
      return (...) ;
      }

  2. Sauvez ce fichier dans un répertoire de votre site sous le nom "mafonction.js". (par exemple le répertoire js)

  3. Dans la page appelante en HTML, n'importe où dans le code, insérez:

    <script type="text/javascript" src="répertoire/mafonction.js"></script>

  4. Vous pouvez utiliser votre fonction dans la page appelante comme si elle faisait partie de cette page:

    <script> mafonction  (...)  ;  </script>
Voici un exemple permettant de cacher votre adresse e-mail aux robots qui parcourrent le web, mais pas à vos lecteurs:

Soit la fonction:

  function genadresse( utilisateur ) {    
    var domain = "votredomaine";           // indiquez ici le nom de votre domaine
   var pays  ="fr";                    // fr, com, be, ch
    var atsign = String.fromCharCode(64);  // c'est le signe @
    var point  = String.fromCharCode(46);  // c'est le "." point
    var adr =  utilisateur + atsign + domain + point + pays;
    document.write(
    "<" + "a" + " " + "href=" + "ma" +String.fromCharCode(105) + "lto" +String.fromCharCode(58) + adr +">" + adr + "");
  }

Enregistrez cette fonction dans le fichier "genadresse.js" dans le répertoire "/js" de votre site Web.

Créez une page HTML contenant ceci: (nommez la par exemple testemail.htm)

<html>
<
head>
    <
title>Page de test</title>
 <
script src="js/genadresse.js" type="text/javascript"></script>   
<
/head>

<
body>
 <
script type="text/javascript"> genadresse("info") </script>
<
/body>
<
/html>

Sur la page en question vous verrez:

info@votredomaine.fr

Mais le robot ne verra que " <script type="text/javascript"> genadresse("info") </script> "
et comme il cherche une chaîne du style " *@*.* " il ne la trouvera pas.
Le spam (pouriel) sur cette adresse devrait diminuer.


 Historique

04 juin 2005 10:28:42 :
.
04 juin 2005 21:18:28 :
.1
05 juin 2005 16:37:13 :
Ajout d'un exemple (fonction adresse courrier électronique)
19 novembre 2005 11:08:19 :
Petite modification de la mise en page.

Commentaires

Commentaire de Gorrk le 04/06/2005 15:20:26

Bon, ben au moins, on peut dire que c'est synthétique...
Si tu pouvais préciser l'avantage qu'il y a à utiliser des feuilles de scripts séparées, réutilisation du code, allégement de lapage, etc.

Commentaire de Phil_Free le 04/06/2005 20:58:35

Salut Gorrk,

J'ai posté le tuto (un peu brut je le reconnais) car ce matin il y avait deux questions dont la solution était dans la crèation de fichiers externes du type "*.js"

Je ne désirais pas faire un inventaire exhaustif des avantages de la méthode.

Si ça te tente, n'hésite pas à rédiger l'inventaire.

Commentaire de jnbrunet le 21/09/2005 03:12:04

tres bien, pour les débutants c'est génial.

Jn

Commentaire de Phil_Free le 29/10/2005 15:07:00

Salut Jn,

Merci du compliment et heureux que ce soit utile.

Commentaire de coucou747 le 14/11/2005 18:29:59

sympas, mais parfois, des moteurs ont une expression régulière de plus d'une page pour détecter ça... suffit qu'ils aient lu un bout de gecko, ou que les auteurs de moteurs de spams aient aussi une extention javascript pour piquer les spams dans la page et c'est d'une efficacitée moindre...

Commentaire de Phil_Free le 19/11/2005 11:05:43

Salut coucou,

Ce n'est bien sûr pas imparable comme technique pour diminuer le spam sur une adresse e-mail,mais:

1° le but du tuto est d'expliqué comment insérer un fichier externe contenant du JavaScript dans une page HTML et pas de supprimer le spam sur une adresse e-mail.

2° expérience faite depuis un an sur deux adresses test, l'une en clair et l'autre via le script "genadresse", les résultats sont les suivants:

- e-mail en clair:         1'523 messages spam sur 1 an

- e-mail via "genadresse":   118 messages spam sur 1 an

Ces 2 adresses n'existe que depuis 1 an...

Commentaire de gyome314 le 29/12/2005 10:30:25

Excellente source pour les gens qui ne désire pas s'embarquer dans des systèmes d'encodage sans fin...
La réduction du flux spams est plus qu'appréciable !
merci ;)

Commentaire de coucou747 le 29/12/2005 11:07:25

salut
je penses que ta source était mieux en source qu'en tuto...

Commentaire de Phil_Free le 05/03/2006 11:02:35

Salut coucou,

Non, ce n'est pas une source, c'est un tutoriel qui indique comment on peut utiliser un script externe dans une page html. (fichier *.js)

L'exemple, même s'il peut être fort utile n'est qu'un exemple.

Commentaire de hvb le 28/07/2006 12:17:42

le seul vrai tutorial du site...!
court mais precis.

Commentaire de hvb le 28/07/2006 12:17:49

le seul vrai tutorial du site...!
court mais precis.

Commentaire de jadu le 12/08/2006 15:13:56

Super, mais j'ai pas vu où mettre un 10/10 !

Commentaire de lordwinfield31 le 17/04/2009 18:28:30

Excellent tant en tuto qu'en exemple de mise en pratique.
Je vais de ce pas tester pour remplacer les "library items" de dreamweaver dans mes sites HTML.
Tanxs encore.

Commentaire de filipealvane le 19/03/2010 11:24:33

Très intéressant !

Juste une petite erreur à rectifier:

Tu ne ferme pas la balise </a> dans la fonction de l'exemple.

 Ajouter un commentaire




Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode

Photothèque

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,031 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales