Bienvenue sur le site des exemples HTML, CSS, Javascript et PHP.



Ces quelques pages d'exemples vont démontrer des techniques nécessaires à la réalisation d'un site web 2.0 parfaitement responsif et interactif utilisant entre autres la technique AJAX.
Nous allons aborder les standards HTML pour la structure de la page, CSS pour sa cosmétique et JAVASCRIPT (JS) pour les inter-actions avec le client. Enfin nous aborderons le langauage PHP pour l'intelligence coté serveur et les bases de données SQL pour le stockage de données dynamiques.
Chaque page se concentrera sur quelques points précis. Chaque fois qu'un nouveau style CSS ou une nouvelle fonction JS est utilisé il/elle sera embarqué dans le code de la page et commenté. S'il/elle est d'usage générique il/elle sera transféré respectivement dans les fichiers « exemples.css » et « exemples.js » dès la page suivante.

Page 1

• Le squelette du code HTML, les styles CSS et fonctions JS embarquées
• Une requête AJAX vers un script PHP situé sur le serveur
• Une fenêtre popup pour afficher la réponse AJAX - Récupérer en JS une valeur CSS calculée

Page 2

• Ouvrir et surtout fermer une nouvelle page ou un nouvel onglet du navigateur
• Imprimer la page
• Un sélecteur d'image
• Des images embarquées dans la page

Page 3

• Téleverser un fichier - Activer / désactiver un bouton
• Le script PHP « exemples_ajax.php » - Colorisation du code source - Encodage en base64
• La bibliothèque Highlight-PHP - Création d'un fichier ZIP - Utilisation d'un itérateur récursif

Page 4

• Un lien MAILTO dont l'adresse est invisible des robots
• Les liens TEL et SMS
• Le lien GEO
• Une popup interactive avec boutons et raccourcis clavier

Page 5

• Une liste simple et une liste déroulante
• Une liste avec zone de saisie
• Synchronisation de listes via AJAX

Page 6

• La cartographie avec OpenStreetMap et Leaflet - 4 types de marqueur
• La bibliothèque Leaflet aves son extension MarkerCluster
• Une carte avec un cluster de marqueurs

Page 7

• Une carte avec un rendu topographique
• La géolocalisation avec Nominatim

Page 8

• Créer un fichier PDF avec FPDF