Trucs et astuces HTML et JAVASCRIPT

 

Cette page traite de la programmation en HTML et en JAVASCRIPT : elle est donc plutôt réservée aux webmasters ou aux futurs webmestres. Voici quelques astuces qui rendront certainement vos pages plus interactives. Si vous rencontrez des problèmes pour la mise en place de ces scripts ou si vous souhaitez en savoir plus, envoyez moi un E-mail

 

*********************

Dès leur arrivée sur votre site web, vous pouvez proposer a vos visiteurs de vous enregistrer dans leur favoris. Placez le script suivant dans la balise <HEAD> mais sachez que cela n'est valable seulement que avec Internet Exploreur 4 ou superieur.

<SCRIPT LANGUAGE="JavaScript 1.2"> <!-- browserName = navigator.appName; browserVer = parseInt(navigator.appVersion); if (browserName == "Microsoft Internet Explorer" && browserVer >= 4) {window.external.AddFavorite(location.href, document.title); } //--> </SCRIPT>

 

*********************

Il est possible de maximiser l'affichage de vos pages web quel que soit l'écran ou la résolution utilisée par vos visiteurs, pour cela utilisez le javascript suivant :

 <SCRIPT LANGUAGE = "JavaScript"> <!-- if (self!=top) {top.location.href=self.location.href;} if (navigator.appName=="Microsoft Internet Explorer") { self.moveTo(0,0); self.resizeTo(screen.availWidth,screen.availHeight); self.focus(); } else { self.moveTo(0,0); self.resizeTo(screen.availWidth,screen.availHeight); self.focus(); } // --> </SCRIPT>

 

*********************

Surprenez les visiteurs de votre site web en leur indiquant leur provenance, pour cela il suffit d'inclure les codes suivants :

<script language="JavaScript"> <!--if (document.referrer != "") {document.write("Vous venez de visiter <a href=\"" +document.referrer + "\">" +document.referrer +"</a>, bienvenue sur le TOP 50")} //--></script>

 

*********************

Vous pouvez surprendre vos visiteurs en affichant sur vos pages quel navigateur ils utilisent, pour cela insérez le code suivant :

Nom du Navigateur <script language="JavaScript"> <!-- document.write(navigator.appName) // --></script> <br> version <script language="JavaScript"> <!-- document.write(navigator.appVersion) // --> </script>

 

*********************

Avec un seul compte email vous pouvez très bien différencier les messages provenant de l'un ou l'autre de vos sites web, ou bien les messages pour les différents membres de votre famille. Il suffit de définir à l'avance dans vos pages HTML le sujet voulu.

<A HREF="mailto:Thomasdi@yahoo.fr?subject=thomas">Thomasdi@yahoo.fr</A>

 

*********************

Voici un script java qui vous permettra d'afficher automatiquement la date de la dernière modification de vos pages html, il suffit d'inclure les lignes de code suivantes :

<SCRIPT LANGUAGE="JavaScript"> <!-- date=document.lastModified jour=date.charAt(3)+date.charAt(4) mois=date.charAt(0)+date.charAt(1) annee=date.charAt(6)+date.charAt(7) document.write("Dernière mise à jour le "+jour+"/"+mois+"/"+"19"+annee) //--> </SCRIPT>

 

*********************

Pour recréer sur vos pages HTML les deux fonctions Page précédente et Page suivante il n'y a que deux lignes de codes a inserer.

<A HREF="#" OnClick="history.back()">Précédente</A> <A HREF="#" OnClick="history.forward()">Suivante</A>

 

*********************

Interdire de mettre en répertoire cache une page html.

<META HTTP-EQUIV="pragma" CONTENT="no-cache">

 

Rafraîchir une page html toute les 30 secondes.

<META HTTP-EQUIV="refresh" CONTENT="30">

 

Rediriger les visiteurs vers une autres page html.

<META HTTP-EQUIV="refresh" CONTENT="30; URL="http://www.chez.com/planons/">

 

Interdire aux moteurs de recherche d'indexer une page html.

<META NAME="robots" CONTENT="noindex, nofollow">

 

Indiquer une date limite de validité a une page html.

<META HTTP-EQUIV="expires" CONTENT="Sat, 01 Jan 2000 00:00:00 GMT">

 

*********************

Il est souvent utile de prévoir une aide à la navigation dans vos sites web, voici de quoi faire apparaître un texte dans la barre de statut du navigateur pour que vos liens soient commentés.

<A HREF="index.html" OnMouseOver="self.status='Retour au sommaire' ;return true;" OnMouseOut="self.status=' ';return true;">Sommaire</A>

 

*********************

La compatibilité entre Internet Exploreur et Netscape pose souvent des problèmes aux concepteurs de page HTML, la solution radicale consiste a faire 2 versions de page web. Voici un script qui redirigera les visiteurs suivant le navigateur utilisé.

<SCRIPT LANGUAGE="JavaScript"> <!-- if ("Netscape" == navigator.appName) location.replace ("netscape.htm"); //--> </SCRIPT>