Site des exemples HTML, CSS, Javascript et PHP - Page 4



Un lien MAILTO dont l'adresse est invisible des robots

Tout webmaster sait que mettre en clair une adresse mail dans une page web expose celle-ci à un spam effréné car elle sera rapidement trouvé par les robots fureteurs.
Il est donc essentiel que les adresses mail n'aparaissent pas en clair dans le code d'une page.
Ici j'utilise la fonction JAVASCRIPT EcritMail exécutée lors d'un ONMOUSEOVER du lien; les écrans tactiles gérent aussi cet évenement.
Les différentes adresses mail de la page ont un index numérique commençant à zéro; cet index est le paramètre de la fonction. Il apparait aussi à droite de l'attribut ID : IDmail-0 ou IDmail-1

< class="Lien" href="" id="IDemail-0" onmouseover="EcritMail(0);">Le gaffeur : Gaston LAGAFE</a>

Les adresses mail se trouvent dans la fonction EcritMail, notées de façon déstructurée !

Adresses[0] = "bomail.fr;gaston"; // Mail : gaston@bomail.fr

La fonction va ensuite reconstruire l'attribut HREF du lien. Si vous avez un logiciel de messagerie configuré, voici deux liens à tester :

 Le gaffeur : Gaston LAGAFE 

 L'agent : Joseph LONGTARIN 


Les liens TEL et SMS

Ces liens surtout utiles sur un smartphone peuvent aussi fonctionner sur un PC si celui-ci est configuré avec des programmes genre Skype ou MightyText qui interceptent (devraient intercepter ?) les protocoles adhoc.

 Téléphoner au père Noël : 06 07 08 09 99 

 Envoyer un texto au père Noël : 06 07 08 09 99 


Le lien GEO

Comme les précédents ce lien renvoie vers une application externe, en l'occurance une application de navigation de type Waze. Les paramétres sont la latitude et la longitude.

 Aller à la tour Eiffel 


Une popup interactive avec boutons et raccourcis clavier

On va utiliser une nouvelle DIV de popup nommée MyPopup. Le contenu nommée POPUP_VIN est définie dans le script PHP au format HEREDOC ( Attention l'identifiant de fin ne doit pas être indenté. )
Le bouton OUVRIR ci-dessous requête la popup; le script PHP aurait pu la pré-remplir par exemple en cas de modifications de données existantes et la renvoie.
J'ai définit 2 nouveaux styles pour la balise H2 et pour la popup MyPopup. Dans la définition du contenu j'utilise encore la balise B, c'est pas bien ! mais tellement pratique !
On va contrôler la saisie des nombres avec la fonction SaisieNombre() qui empêche le client de taper n'importe quoi.
3 fonctions : CheckButtons(), CheckLot() et CheckOK() contrôlent et valident la saisie, puis CheckOK envoi les données au serveur.
Les variables Default et Escape sont initialisées et un écouteur d'événement détectera les touches ENTREE et ECHAP.
Le script PHP récupére les données dans la variable Para et dans l'action POP les éclatent dans un tableau : ici il faudrait les traiter et peut-être les enregistrer. Le script PHP renvoi ensuite une réponse qui va s'afficher dans la popup.

Ouvrir popup
Voir sources