Documents intéractifs

Documents intéractifs CGI - JavaScript Saïd Radhouani Université de Genève avril 2005

Introduction ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],04 avril 2005 Saïd Radhouani - CUI

CGI – Common Gateway Interface ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],04 avril 2005 Saïd Radhouani - CUI

CGI - généralités ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],04 avril 2005 Saïd Radhouani - CUI

CGI – principe de fonctionnement ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],04 avril 2005 Saïd Radhouani - CUI

CGI – principe de fonctionnement ,[object Object],[object Object],04 avril 2005 Saïd Radhouani - CUI Navigateur web (client) <html> … </html> http://www. ...[paramètres] page html Serveur Web La page HTML est créée en fonction de la requête HTTP Le client reçoit la page dont le contenu est créé en temps réel Chaque client reçoit une page dont le contenu est dépendant de sa requête

Les formulaires ,[object Object],[object Object],04 avril 2005 Saïd Radhouani - CUI

Les formulaires - La balise FORM ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],04 avril 2005 Saïd Radhouani - CUI

Les formulaires - La balise FORM ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],04 avril 2005 Saïd Radhouani - CUI

Les formulaires - La balise FORM ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],04 avril 2005 Saïd Radhouani - CUI

Les formulaires - Envoi des données ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],04 avril 2005 Saïd Radhouani - CUI

Les formulaires - La balsie INPUT ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],04 avril 2005 Saïd Radhouani - CUI

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Les formulaires - Champ de saisi 04 avril 2005 Saïd Radhouani - CUI

Les formulaires - Champ de saisi ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],04 avril 2005 Saïd Radhouani - CUI

Les formulaires - Cases à cocher ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],04 avril 2005 Saïd Radhouani - CUI

Les formulaires - Bonton option ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],04 avril 2005 Saïd Radhouani - CUI

Les formulaires - La balise SELECT ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],04 avril 2005 Saïd Radhouani - CUI

Les formulaires - La balise SELECT ,[object Object],[object Object],[object Object],[object Object],[object Object],04 avril 2005 Saïd Radhouani - CUI

Les formulaires - Groupement dans une sélection ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],04 avril 2005 Saïd Radhouani - CUI

Les formulaires - Regroupement d’éléments ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],04 avril 2005 Saïd Radhouani - CUI

Les formulaires - Sélection d’un fichier ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],04 avril 2005 Saïd Radhouani - CUI

Les formulaires - Champs cachés ,[object Object],[object Object],[object Object],[object Object],04 avril 2005 Saïd Radhouani - CUI

Les formulaires - Bouton SUBMIT/RESET ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],04 avril 2005 Saïd Radhouani - CUI

Démos ,[object Object],[object Object],[object Object],[object Object],[object Object],04 avril 2005 Saïd Radhouani - CUI

Introduction à JavaScript contr ôle des champs d’un formulaire

Langage de script - JavaScript ,[object Object],[object Object],[object Object],[object Object],[object Object],04 avril 2005 Saïd Radhouani - CUI ------------ ------------ ------------ ------------ ------------ ------------ ------------ ------------ ------------ ------------ ------------ ------------ ------------ HTML Script <SCRIPT language="Javascript"> L e code d u script </SCRIPT >

Web intéractif ,[object Object],[object Object],04 avril 2005 Saïd Radhouani - CUI Navigateur web (client) <html> … < javascript …> … </html> http://www.unige.ch/… Serveur Web Interpréteur Java script page html

JavaScript - Utilisation ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],04 avril 2005 Saïd Radhouani - CUI

JavaScript ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],04 avril 2005 Saïd Radhouani - CUI

javaScript - Variables ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],04 avril 2005 Saïd Radhouani - CUI

javaScript - Quelques opérateurs ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],04 avril 2005 Saïd Radhouani - CUI

JavaScript : Structures de contrôle ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],04 avril 2005 Saïd Radhouani - CUI

javaScript : Structures de contrôle ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],04 avril 2005 Saïd Radhouani - CUI

JavaScript : Boucles ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],04 avril 2005 Saïd Radhouani - CUI

JavaScript : Fonctions ,[object Object],[object Object],[object Object],[object Object],[object Object],04 avril 2005 Saïd Radhouani - CUI

JavaScript : Evénements ,[object Object],[object Object],[object Object],[object Object],[object Object],04 avril 2005 Saïd Radhouani - CUI

JavaScript- Contr ôle des champs d’un formulaire ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],04 avril 2005 Saïd Radhouani - CUI

Liens tiles ,[object Object],[object Object],04 avril 2005 Saïd Radhouani - CUI

Documents intéractifs

Recomendados

Recomendados

Mais conteúdo relacionado

Destaque

Destaque (16)

Semelhante a Documents intéractifs

Semelhante a Documents intéractifs (20)

Mais de Saïd Radhouani

Mais de Saïd Radhouani (13)

Documents intéractifs

Notas do Editor