Différences

Ci-dessous, les différences entre deux révisions de la page.

--- 090_applicatifs:210http:040_scripts [le 24/03/2025 à 16:32] – supprimée - modification externe (Date inconnue) 127.0.0.1
+++ 090_applicatifs:210http:040_scripts [le 24/03/2025 à 16:32] (Version actuelle) – ↷ Nom de la page changé de 090_applicatifs:210http:40_scripts à 090_applicatifs:210http:040_scripts prof
@@ Ligne 1: / Ligne 1: @@
+<html>
+<script language="JavaScript">
+<!--
+function ouvrirFenetre1()
+{
+window.open("/scr1.html","window2","toolbar=0,location=0,directories=0,menuBar=0,scrollbars=0,resizable=0,width=480,height=300,left=100,top=100");
+}
+function ouvrirFenetre2()
+{
+window.open("/calculette.html","window2","toolbar=0,location=0,directories=0,menuBar=0,scrollbars=0,resizable=0,width=450,height=400,left=100,top=100");
+}
+function Alerte() {
+  alert("ALERTE !!!");
+}
+//-->
+</script>
+</html>
+====== Scripts clients ======
+Dans cette page, tout ce qu'il va se passer va se passer sur votre machine, il n'y aura aucun échange avec le serveur...
+Comme c'est du javascript, malgré mes efforts pour tester sur divers navigateurs, il se peut que sur le votre, ces démonstrations soient un « flop »...
+===== Les alertes =====
+Il est possible de déclencher un « pop-up » d'alerte, ou de demande de confirmation, ou même encore de saisie d'un paramètre, par simple action sur une page. Voici un exemple d'alerte déclenchée par un bouton :
+<html><div style="text-align: center"><input type="button" value="Déclencher l'alerte" onclick="Alerte()" name="B3"></div></html>
+===== Ouvrir une fenêtre =====
+Cet exemple ouvre une simple fenêtre au contenu statique. Il est possible d'ouvrir une fenêtre quelconque, bien sûr.
+Voici l'exemple : <html><div style="text-align: center"><input type="button" value="Ouvrir" onclick="ouvrirFenetre1()" name="B3"></div></html>
+===== Faire des calculs =====
+Ce dernier exemple ouvre une fenêtre contenant elle-même un script assez complet, qui permet de faire des calculs et d'en afficher le résultat de façon complètement locale, dans votre navigateur : <html><div style="text-align: center"><input type="button" value="Calculette" onclick="ouvrirFenetre2()" name="B3"></div></html>
+===== Conclusions =====
+Bien entendu, il est possible de réaliser beaucoup de choses avec des scripts et cette page pourrait être bien plus longue.
+J'espère que tout ceci vous aura permis de voir plus clairement :
+  * Comment une page HTML est envoyée d'un serveur vers un client.
+  * Comment le contenu de cette page peut être construit :
+    * Avec un contenu figé (HTML écrit une fois pour toutes, à la manière d'un livre).
+    * Avec un contenu construit à la volée par le serveur (nous avons vu quelques exemples avec PHP)
+    * Avec un contenu calculé localement par votre navigateur (quelques exemples de JavaScripts).
+Encore une fois, rien n'interdit de mélanger les deux méthodes et de construire sur le serveur des pages dynamiques en PHP, par exemple, qui contiennent du javascript. Cette méthode permet d'ailleurs, puisque le navigateur peut être identifié côté serveur, d'envoyer un script qui soit compatible avec le navigateur du client. La méthode est assez lourde, mais efficace.