Programmation orientée objet et événementielle en JavaScript. Département SRC Pôle Universitaire de Vichy Bruno Bachelet

Save this PDF as:
 WORD  PNG  TXT  JPG

Dimension: px
Commencer à balayer dès la page:

Download "Programmation orientée objet et événementielle en JavaScript. Département SRC Pôle Universitaire de Vichy Bruno Bachelet"

Transcription

1 Programmation orientée objet et événementielle en JavaScript Département SRC Pôle Universitaire de Vichy Bruno Bachelet

2 PARTIE III Les événements Programmation objet et événementielle en JavaScript - SRC Vichy / S

3 Interface interactive et événements Interface interactive = réagir aux actions de l'utilisateur Capter une action code HTML Réagir à cette action code JavaScript Qu'est-ce qu'un événement? Généralement, action de l'utilisateur dans la page Souris, clavier Mais aussi, action du navigateur Chargement d'une page, erreur de téléchargement Evénement capté par l'élément HTML qui le subit <balise onévénement="code JavaScript"> </balise> Différents types d'événements Evénements de la souris Evénements du clavier Evénements de formulaire Evénements de page Programmation objet et événementielle en JavaScript - SRC Vichy / S

4 Identification d'un élément HTML Modification d'un élément HTML identification <balise id="identifiant" > </balise> <balise name="identifiant" > </balise> Accès à l'élément à partir de son identifiant document.getelementbyid("identifiant") document.getelementbyname("identifiant") Utilisation de l'attribut «id» préconisée Attribut «name» maintenant obsolète Encore utile pour les formulaires Dans ce cas, mettre les deux: «id» et «name» «name» sert pour la soumission du formulaire Autre possibilité d'accès aux éléments HTML Images: document.images["identifiant"] Formulaires: document.forms["identifiant"] Programmation objet et événementielle en JavaScript - SRC Vichy / S

5 Evénements de la souris Evénements que l'utilisateur déclenche avec la souris Susceptibles d'être subis par n'importe quel élément visible Evénements liés à l'action du bouton mousedown Déclenché lorsque le bouton de la souris est enfoncé sur un élément mouseup Déclenché lorsque le bouton de la souris est relâché sur un élément click Déclenché lors d'un clic de la souris (enfoncé puis relâché) sur un élément dblclick Déclenché lors d'un double-clic de la souris sur un élément Evénements liés au déplacement mouseover Déclenché lorsque la souris arrive sur un élément mouseout Déclenché lorsque la souris sort d'un élément mousemove Déclenché lorsque la souris bouge sur un élément Programmation objet et événementielle en JavaScript - SRC Vichy / S

6 Exemple de gestion de la souris <html> <head> <script type="text/javascript"> function danser() { document.images["pingouin"].src = "danse.gif"; function attendre() { document.images["pingouin"].src = "immobile.gif"; </script> </head> <body> <img id="pingouin" src="immobile.gif" onmouseover="danser();" onmouseout="attendre();"/> </body> </html> Programmation objet et événementielle en JavaScript - SRC Vichy / S

7 Evénements du clavier Evénements que l'utilisateur déclenche avec le clavier Sont subis a priori par les zones de saisie keydown keyup Déclenché lorsqu'une touche du clavier est enfoncée Déclenché lorsqu'une touche du clavier est relâchée keypress Déclenché par l'appui sur une touche du clavier (enfoncé puis relâché) Programmation objet et événementielle en JavaScript - SRC Vichy / S

8 Exemple de gestion du clavier <html> <head> <script type="text/javascript"> var n = 0; function compter() { n++; document.getelementbyid("compteur").innerhtml = n; </script> </head> <body> <form> <input type="text" onkeypress="compter();"/> </form> <p id="compteur"></p> </body> </html> Programmation objet et événementielle en JavaScript - SRC Vichy / S

9 Evénements de formulaire Evénements que l'utilisateur déclenche en manipulant un formulaire Sont donc subis par les champs d'un formulaire Evénements liés au formulaire change Déclenché lorsque le contenu d'un élément est modifié Déclenché au moment de la perte du focus par l'élément submit Déclenché à la soumission d'un formulaire Code JavaScript retourne «true» ou «false» pour valider la soumission reset Déclenché à la réinitialisation du formulaire Evénements liés à une sélection focus Déclenché lorsque l'élément récupère le focus blur Déclenché lorsque l'élément perd le focus select Déclenché lorsqu'une partie du contenu de l'élément est sélectionnée Programmation objet et événementielle en JavaScript - SRC Vichy / S

10 Exemple de gestion d'un formulaire <html> <head> <script type="text/javascript"> function verifier() { var annee = document.getelementbyid("annee").value; if (annee >= 1900 && annee <= 2000) return true; else { alert("l'année doit être entre 1900 et 2000"); return false; </script> </head> <body> <form method="get" action="sauve.php" onsubmit="return verifier();"> <input type="text" name="annee" id="annee"/> <input type="submit"/> </form> </body> </html> Programmation objet et événementielle en JavaScript - SRC Vichy / S

11 Evénements de page Evénements déclenchés par la navigation dans une page load Déclenché une fois que la page est chargée Utilisé sur la balise <body> unload Déclenché au moment où la page est quittée Utilisé sur la balise <body> error Déclenché suite à une erreur de chargement Utilisé sur la balise <img> abort Déclenché lorsque le chargement de la page est abandonné Utilisé sur la balise <img> Programmation objet et événementielle en JavaScript - SRC Vichy / S

12 Exemple de gestion de la page <html> <head> <script type="text/javascript"> var arrivee; function debut() { var date = new Date(); arrivee = date.gettime(); function fin() { var date = new Date(); var duree = (date.gettime() - arrivee) / 1000; alert("vous êtes restés " + duree + " secondes sur la page."); </script> </head> <body onload="debut();" onunload="fin();">... </body> </html> Programmation objet et événementielle en JavaScript - SRC Vichy / S

Cours Web - Javascript

Cours Web - Javascript Cours Web - Javascript Thierry Vaira BTS IRIS Avignon tvaira@free.fr v0.1 Objectifs Se familiariser avec le langage Javascript et acquérir une pratique minimale. Être capable d intégrer des scripts clients

Plus en détail

Javascript 2 PARTIE : EVENEMENTS ET OBJETS

Javascript 2 PARTIE : EVENEMENTS ET OBJETS Javascript 2 PARTIE : EVENEMENTS ET OBJETS 1. Programmation événementielle 2. Principe 3. Les événements 4. Gestionnaire d événement 5. Classe et Objet 6. Objets d une page Web 7. Objets divers 8. Exemple

Plus en détail

JavaScript: Introduction

JavaScript: Introduction Le Langage JavaScript 1 JavaScript: Introduction Javascript permet de rendre dynamique un site internet développé en HTML. Javascript permet de développer de véritables applications fonctionnant exclusivement

Plus en détail

Java script. DU CMSI : Création et Maintenance des Sites Internet. Wadi TAHRI

Java script. DU CMSI : Création et Maintenance des Sites Internet. Wadi TAHRI Java script DU CMSI : Création et Maintenance des Sites Internet Plan Évolution vers le web dynamique Définition du langage JavaScript Avantages Difficultés Codage Exercices Évolution -1- Avant pages Internet

Plus en détail

AJAX AJAX. Asynchronous JavaScript And XML. Technologie pour créer des pages web interactives Basées sur XML, HTML et JavaScript

AJAX AJAX. Asynchronous JavaScript And XML. Technologie pour créer des pages web interactives Basées sur XML, HTML et JavaScript AJAX Ajax 1 AJAX Asynchronous JavaScript And XML. Technologie pour créer des pages web interactives Basées sur XML, HTML et JavaScript Utilise: HTML pour le marquage XML pour représenter les résultats

Plus en détail

Séance d Exercices Dirigés HTML et JavaScript

Séance d Exercices Dirigés HTML et JavaScript Séance d Exercices Dirigés HTML et JavaScript EXERCICE 1 1) le but de cet exercice est de construire l'interface suivante en html: 2) Par la suite on veut un document composé de deux frames, l'une nommée

Plus en détail

Les formulaires, le langage JavaScript

Les formulaires, le langage JavaScript Les formulaires, le langage JavaScript Walid Belkhir Université de Provence belkhir@cmi.univ-mrs.fr http://www.lif.univ-mrs.fr/ belkhir/ 1 / 45 Plan 1 Les formulaires en HTML 2 Le noyau du JavaScript Les

Plus en détail

Cours HTML/PHP. Cours HTML/PHP. E.Coquery. emmanuel.coquery@liris.cnrs.fr

Cours HTML/PHP. Cours HTML/PHP. E.Coquery. emmanuel.coquery@liris.cnrs.fr Cours HTML/PHP E.Coquery emmanuel.coquery@liris.cnrs.fr Pages Web Pages Web statiques Principe de fonctionnement : L utilisateur demande l accès à une page Web depuis son navigateur. Adresse tapée, clic

Plus en détail

ALGORITHMIQUE PROGRAMMATION INTERNET - NIVEAU 1

ALGORITHMIQUE PROGRAMMATION INTERNET - NIVEAU 1 ALGORITHMIQUE PROGRAMMATION INTERNET - NIVEAU 1 Code NFA053, 6 ECTS Chapitre 05 HTML / LES FORMULAIRES Le plus grand soin a été apporté à la réalisation de ce support pédagogique afin de vous fournir une

Plus en détail

Présentation. Les surnoms de JS. Historique. Programmation Web

Présentation. Les surnoms de JS. Historique. Programmation Web Présentation Programmation Web JavaScript Jean-Christophe Deneuville jean-christophe.deneuville@xlim.fr Historique JavaScript est un langage reprenant quelques éléments de syntaxe de Java On l intègre

Plus en détail

Exercices d application. Lab. JavaScript

Exercices d application. Lab. JavaScript Exercices d application Lab JavaScript l'instruction write() Directives :calcul du carré d un nombre Implémenter le JavaScript présenté en cours fonction de calcul du carré d un nombre dans un fichier

Plus en détail

Pages Web statiques. LIF4 - Initiation aux Bases de données : PHP. Pages Web dynamiques. Illustration. Illustration

Pages Web statiques. LIF4 - Initiation aux Bases de données : PHP. Pages Web dynamiques. Illustration. Illustration statiques LIF4 - Initiation aux Bases de données : E.Coquery emmanuel.coquery@liris.cnrs.fr http ://liris.cnrs.fr/ ecoquery Principe de fonctionnement : L utilisateur demande l accès à une page Web depuis

Plus en détail

JQUERY. LI288 web et développement web

JQUERY. LI288 web et développement web JQUERY LI288 web et développement web jquery Librairie Javascript qui permet de : Simplifier les taches de base en Javascript. Accéder à des partie d'une page HTML : Utilisation d'expressions CSS ou "Xpath"

Plus en détail

Développement Partie Cliente

Développement Partie Cliente ISI 1022 : Jean-Noël Sorenti. Année 2002/2003 Développement Partie Cliente ISI 1022 : 1 ISI 1022 : Développement Partie Cliente Le développement partie cliente concerne tout développement étant interprété

Plus en détail

Table des matières. TP Ajax. Séquence 1 L'objet XMLHttpRequest...2 Séquence 2 L'API jquery...3 Séquence 3 XML...4 Séquence 4 L'auto complétion...

Table des matières. TP Ajax. Séquence 1 L'objet XMLHttpRequest...2 Séquence 2 L'API jquery...3 Séquence 3 XML...4 Séquence 4 L'auto complétion... Table des matières Séquence 1 L'objet XMLHttpRequest...2 Séquence 2 L'API jquery...3 Séquence 3 XML...4 Séquence 4 L'auto complétion...7 Bibliographie : http://fr.wikipedia.org/wiki/asynchronous_javascript_and_xml

Plus en détail

JQuery. Définition Mise en oeuvre Sélecteur DOM Méthodes Exemples JQueryUI Conclusion 2/36

JQuery. Définition Mise en oeuvre Sélecteur DOM Méthodes Exemples JQueryUI Conclusion 2/36 JQuery 1/36 JQuery Définition Mise en oeuvre Sélecteur DOM Méthodes Exemples JQueryUI Conclusion 2/36 JQuery Définition Mise en oeuvre Sélecteur DOM Méthodes Exemples JQueryUI Conclusion 3/36 Définition

Plus en détail

Tutoriel sur les bases de HTML et de PHP

Tutoriel sur les bases de HTML et de PHP Tutoriel sur les bases de HTML et de PHP Cours : Inf7214 Développement de logiciel Date : Hiver 2009 Ce tutoriel vous donne un aperçu du développement d application WEB avec les langages HTML et PHP. Vous

Plus en détail

Javascript 2 PARTIE : EVENEMENTS ET OBJETS

Javascript 2 PARTIE : EVENEMENTS ET OBJETS Javascript 2 PARTIE : EVENEMENTS ET OBJETS 1. Programmation événementielle 2. Principe 3. Les événements 4. Gestionnaire d événement 5. Classe et Objet 6. Objets d une page Web 7. Objets divers 8. Exemples

Plus en détail

TP JAVASCRIPT OMI4 jquery et ses Plungins

TP JAVASCRIPT OMI4 jquery et ses Plungins TP JAVASCRIPT OMI4 jquery et ses Plungins Objectifs de ce TP : découvrir quelques exemples d utilisation de la bibliothèque jquery et également quelques plugins. Exercice 1 : gestion d un bouton rollover

Plus en détail

Introduction à AJAX. Isabelle Mougenot mougenot@lirmm.fr. May 13, 2009. LIRMM Université Montpellier 2

Introduction à AJAX. Isabelle Mougenot mougenot@lirmm.fr. May 13, 2009. LIRMM Université Montpellier 2 LIRMM Université Montpellier 2 May 13, 2009 Quelques clés de compréhension Asynchronous JavaScript And XML (adossé à JavaScript comme à XML) 2005, J.Garret, popularité accrue au travers de quelques applications

Plus en détail

Prog. Web TP2 Année universitaire 2012 2013 - Formulaires - suite

Prog. Web TP2 Année universitaire 2012 2013 - Formulaires - suite Prog. Web TP2 Année universitaire 2012 2013 - Formulaires - suite 1 INSCRIPTION À UN SITE On suppose que l'inscription à un site offre de nombreux avantages. Pour s'inscrire à ce site il faut saisir :

Plus en détail

Pour écrire des scripts Javascript, vous devez utiliser votre éditeur HTML en mode Source ou HTML et non en mode Normal.

Pour écrire des scripts Javascript, vous devez utiliser votre éditeur HTML en mode Source ou HTML et non en mode Normal. Premier script à faire soi même Il faut bien débuter un jour, alors allons y! Avec un script simplissime : alert("c'est mon 1er script"); Ce qui a pour effet d afficher un message d alerte : Votre éditeur

Plus en détail

FORMATION CONTINUE IGSO GLOBES VIRTUELS MÉCANISMES ET APPLICATIONS MONTAGE D UNE INTERFACE SUR LA BASE DES API S GOOGLE EARTH ET GOOGLE MAPS

FORMATION CONTINUE IGSO GLOBES VIRTUELS MÉCANISMES ET APPLICATIONS MONTAGE D UNE INTERFACE SUR LA BASE DES API S GOOGLE EARTH ET GOOGLE MAPS FORMATION CONTINUE IGSO GLOBES VIRTUELS MÉCANISMES ET APPLICATIONS MONTAGE D UNE INTERFACE SUR LA BASE DES API S GOOGLE EARTH ET GOOGLE MAPS CODE COMPLET ET COMMENTÉ DE L INTERFACE TABLE DES MATIÈRES 1.

Plus en détail

PHP. Olivier Aubert 1/24

PHP. Olivier Aubert 1/24 PHP Olivier Aubert 1/24 Introduction PHP = Hypertext PreProcessor Site officiel : http://www.php.net Créé en 1994 par Rasmus Lerdorf (Personal Home Page Tool) 1995 : ajout de la gestion des formulaires

Plus en détail

Programmation Internet Partie II

Programmation Internet Partie II Programmation Internet Partie II JavaScript Le script côté client Ivan Madjarov, IUT R&T, 2002 2013 DHTML Le HTML dynamique Le DHTML n'est pas un standard! C est une appellation qui désigne un rassemblement

Plus en détail

J a v a s c r i p t N 7 C o u r s

J a v a s c r i p t N 7 C o u r s Javascript N7 Cours Michel Cabaré Décembre 2000 TABLE DES MATIERES QU EST-CE JAVASCRIPT... 6 Présentation... 6 Objectifs... 7 Les plus et les moins :... 7 APPEL D UN SCRIPT JAVASCRIPT... 8 Les différents

Plus en détail

Javascript : les bases du langage

Javascript : les bases du langage Javascript : les bases du langage Technologies du Web 1 Jean-Christophe Routier Licence 1 SESI Université Lille 1 Université Lille 1 - Licence 1 SESI Technologies du Web 1 1 Javascript présentation partielle,

Plus en détail

Aide mémoire ACTIONSCRIPT 3.0

Aide mémoire ACTIONSCRIPT 3.0 Aide mémoire ACTIONSCRIPT 3.0 janvier 2011 par Dominique DOLÉ Table des matières 1 Les variables... 4 2 Les déclarations et conversions... 4 2.1 Conversion d'une chaîne en nombre... 4 2.2 Conversion d'un

Plus en détail

LES FORMULAIRES. Elisabeth Pecatte elisabeth.pecatte@iut-tlse3.fr

LES FORMULAIRES. Elisabeth Pecatte elisabeth.pecatte@iut-tlse3.fr LES FORMULAIRES Elisabeth Pecatte elisabeth.pecatte@iut-tlse3.fr LES FORMULAIRES Permet de récupérer les informations saisies par l'internaute sur votre site Nécessite un traitement des données : php mail

Plus en détail

Introduction à la Simulation

Introduction à la Simulation ou comment créer votre premier jeu vidéo Jacques Duma http://math.et.info.free.fr/ http://ateliermathematique.free.fr/ Aspect visuel souhaité Aspect visuel souhaité Code source de la page HTML Feuille

Plus en détail

Table des matières. JavaScript. Exemples. À quoi ça sert? À quoi ça sert? Présentation. Exemple 1. 1ère partie. Js partout!

Table des matières. JavaScript. Exemples. À quoi ça sert? À quoi ça sert? Présentation. Exemple 1. 1ère partie. Js partout! JavaScript M4103C - Programmation Web client riche Table des matières À quoi ça sert? 2ème année - S4, cours - 1/5 2014-2015 Présentation Exemple 1 Marcel Bosc Exemple 2 Département informatique 1ère partie

Plus en détail

I Installation de EasyPHP 1.8

I Installation de EasyPHP 1.8 Administration de réseau Le protocole SNMP I Installation de EasyPHP 1.8 Cédric Humbert Page 1/8 L endroit où l on déposera nos dossiers contenant les fichiers html sera : C:\Program Files\EasyPHP1-8\www

Plus en détail

Eléments du langage. Eléments du langage PHP. Variables. Variables

Eléments du langage. Eléments du langage PHP. Variables. Variables Eléments du langage Eléments du langage PHP Séparation des instructions Comme en C, C++, Perl, les instructions doivent être séparées par un point virgule. Les commentaires // Ceci est un commentaire sur

Plus en détail

https://angularjs.org/ Gilles Landais -AngularJS 1

https://angularjs.org/ Gilles Landais -AngularJS 1 https://angularjs.org/ 1 Présentation Le Framework AngularJS https://angularjs.org/ Framework javascript depuis 2009 Aujourd'hui (wikipedia) le framework est utilisé dans >8,400/1,000,000 sites web Open-source

Plus en détail

TECHNIQUE DE CONSTRUCTION D UN MODULE

TECHNIQUE DE CONSTRUCTION D UN MODULE TECHNIQUE DE CONSTRUCTION D UN MODULE Pilotage Infographie Description générale Romuald LORTHIOIR Stéphane RIO Aurélie PASSILLY Date de création du document 20 nov. 2006 Version 1.1 Validation pour le

Plus en détail

L environnement multi fenêtré

L environnement multi fenêtré Interffaces pour le Web L environnement multi fenêtré Une application s exécutant dans le cadre d un browser Web démarre généralement depuis un lien hypertexte ou un signet stocké dans le bookmark. La

Plus en détail

Ceci est une documentation préliminaire, traduite par Christine Dubois (Agilcom) et sujette à changement

Ceci est une documentation préliminaire, traduite par Christine Dubois (Agilcom) et sujette à changement Gestion des images Ceci est une documentation préliminaire, traduite par Christine Dubois (Agilcom) et sujette à changement Ce chapitre vous montre comment ajouter et afficher des images dans un site Web

Plus en détail

Eclipse et quelques notions de Jquerry

Eclipse et quelques notions de Jquerry Eclipse et quelques notions de Jquerry Tout d abord, une petite présentation s impose. Eclipse est un outil de développement qui permet d éditer du code et de visualiser le résultat grâce à des émulateurs

Plus en détail

Introduction Implantation Format des données Restriction. Programmation WEB. Ajax. Programmation licence. IUT de Fontainebleau.

Introduction Implantation Format des données Restriction. Programmation WEB. Ajax. Programmation licence. IUT de Fontainebleau. Ajax IUT de Fontainebleau 1 er mars 2015 Sommaire Introduction 1 Introduction 2 3 4 Sommaire Introduction 1 Introduction 2 3 4 Introduction AJAX se base sur l objet JavaScript XMLHttpRequest qui permet

Plus en détail

LE LANGAGE JAVASCRIPT

LE LANGAGE JAVASCRIPT LE LANGAGE JAVASCRIPT TODO : - v.2.0.0 06/05/200 peignotc(at)arqendra(dot)net / peignotc(at)gmail(dot)com Toute reproduction partielle ou intégrale autorisée selon les termes de la licence Creative Commons

Plus en détail

Formulaire de contact avec Xtreme Web Designer

Formulaire de contact avec Xtreme Web Designer Formulaire de contact avec Xtreme Web Designer Pour faire un formulaire avec Xtreme Web Designer, j'utilise 5 pages, vous n'êtes pas obligé, en effet 2 pages peuvent suffir mais c'est moins jolie. Donc

Plus en détail

Introduction à PHP. Formulaires HTML et PHP, interactions avec le client. monnerat@u-pec.fr. 6 avril 2015. IUT de Fontainebleau. Introduction à PHP

Introduction à PHP. Formulaires HTML et PHP, interactions avec le client. monnerat@u-pec.fr. 6 avril 2015. IUT de Fontainebleau. Introduction à PHP Formulaires HTML et PHP, interactions avec le client IUT de Fontainebleau 6 avril 2015 1 Formlaire et traitement 2 Texte Cases à cocher Listes Upload de fichiers Sommaire Formlaire et traitement 1 Formlaire

Plus en détail

PROGRAMMATION HTML. Baccalauréat S -Spécialité ISN. Objectifs. Prérequis. Du code à la page. 4.3 : Langages de programmation : langage HTML

PROGRAMMATION HTML. Baccalauréat S -Spécialité ISN. Objectifs. Prérequis. Du code à la page. 4.3 : Langages de programmation : langage HTML PROGRAMMATION HTML Baccalauréat S -Spécialité ISN 4.3 : Langages de programmation : langage HTML Objectifs L'élève doit être capable o de créer une page WEB en langage HTML o d'analyser une page WEB en

Plus en détail

TD/TP11 - Réseaux. Question : Représenter le protocole téléphonique sous la forme d un diagramme temporel.

TD/TP11 - Réseaux. Question : Représenter le protocole téléphonique sous la forme d un diagramme temporel. Université de Bretagne Occidentale UFR Sciences Département d Informatique Licence STS, 2005-2006 L1, S1, Parcours A-IMP Introduction à l informatique TD/TP11 - Réseaux 1 Travaux Dirigés Exercice 1 Des

Plus en détail

Le langage JavaScript TD N 3. Module IntegWEB MMI 1 2013/2014

Le langage JavaScript TD N 3. Module IntegWEB MMI 1 2013/2014 1 Le langage JavaScript TD N 3 Module IntegWEB MMI 1 2013/2014 Jeu les tables de multiplication 2 Code HTML 3 apprendre les tables de multiplication

Plus en détail

Plan. Introduction Concepts de base. Filtrage. 1 jquery. 2 Les sélecteurs. 3 Les événements. jquery Les sélecteurs Les événements

Plan. Introduction Concepts de base. Filtrage. 1 jquery. 2 Les sélecteurs. 3 Les événements. jquery Les sélecteurs Les événements Plan Introduction Concepts de base 1 Introduction Concepts de base 2 3 Principe Introduction Concepts de base est une bibliothèque JavaScript qui a pour but de soulager le développeur des tâches fastidieuses

Plus en détail

Programmation Internet

Programmation Internet Programmation Internet Protocole HTTP DHTML Javascript Ivan Madjarov, MCF, IUT R&T, 2002 2011 Programmation Internet Partie I Protocole HTTP Ivan Madjarov, MCF, IUT R&T, 2002 2011 Le Protocole HTTP HTTP

Plus en détail

NFA016 : Les formulaires. Les formulaires. Les formulaires (exemple)

NFA016 : Les formulaires. Les formulaires. Les formulaires (exemple) O. Pons, S. Rosmorduc Conservatoire National des Arts & Métiers Les balises: NFA016 : Les formulaires Les formulaires form : début de formulaire input : différents types de bouton et zone de saisie textarea

Plus en détail

Exercices et corrections. Licence QCI - module O21

Exercices et corrections. Licence QCI - module O21 Exercices et corrections Licence QCI - module O21 Exercice 1 Ecrivez le squelette d une page avec les caractéristiques suivantes - encodage : utf-8 - titre de la page : première page XHTML - auteur : vous

Plus en détail

Chapitre 3 : Le langage HTML Fascicule TIC Page 33

Chapitre 3 : Le langage HTML Fascicule TIC Page 33 33 I. Introduction Les pages Web visualisées dans un navigateur Internet sont écrites avec un langage nommé HTML (HyperText Markup Language). C est un langage de description de contenu et de structure.

Plus en détail

1 Pages web dynamiques. 2 Un exemple. 2.1 Objectif

1 Pages web dynamiques. 2 Un exemple. 2.1 Objectif 1 Pages web dynamiques En schématisant on peut considérer que l accès à une pager web depuis une machine s effectue selon une architecture client/serveur. La machine client émet une requête de page web

Plus en détail

08: MANUEL D EXERCICES LANGAGE JAVASCRIPT (vol.5)

08: MANUEL D EXERCICES LANGAGE JAVASCRIPT (vol.5) Page 1 sur 6 08: MANUEL D EXERCICES LANGAGE JAVASCRIPT (vol.5) "Il n'y a pas d'erreur humaine sans raison humaine. C'est pourquoi elles sont pardonnables. (17.08.85)" Exercice 20 : Génération d'un programme:

Plus en détail

Un langage qui a la classe. Mohammed REZGUI m.rezgui06@gmail.com. Basé sur le cours de Guillaume Perez

Un langage qui a la classe. Mohammed REZGUI m.rezgui06@gmail.com. Basé sur le cours de Guillaume Perez Un langage qui a la classe Mohammed REZGUI m.rezgui06@gmail.com Basé sur le cours de Guillaume Perez Suite de valeur indexé Soit par indice : $Tab[0] = "first one"; Soit par association (en utilisant une

Plus en détail

IceCube.Net. Explicatif technique. Version 1.0

IceCube.Net. Explicatif technique. Version 1.0 IceCube.Net Explicatif technique Version 1.0 Structure IceCube.Net IceCube.Net est structurée de la même manière que des serveurs de type Solaris/Unix soit l arborescence suivante : ROOT _bin _htdocs _scripts

Plus en détail

L'objectif est d'insérer des programmes ( SCRIPTS) dans les pages HTML. Interactivité. Traitements simples.

L'objectif est d'insérer des programmes ( SCRIPTS) dans les pages HTML. Interactivité. Traitements simples. Introduction. Javascript est un langage de programmation L'objectif est d'insérer des programmes ( SCRIPTS) dans les pages HTML. Interactivité. Traitements simples. La possibilité d'inclure des programmes

Plus en détail

Stockage du fichier FITS dans une table MySQL Nous utiliserons des types de données spéciaux, qui sont les BLOBS (binary large objects).

Stockage du fichier FITS dans une table MySQL Nous utiliserons des types de données spéciaux, qui sont les BLOBS (binary large objects). Stockage des fichiers FITS du téléscope MISOLFA dans une base de donnée MySQL avec PHP Auteur : Erwan Simon CNRS UMR 6202 O.C.A Département Cassiopée Le 24/05/2009, Le but de ce document est de donner

Plus en détail

II Les éléments de base du langage JavaScript

II Les éléments de base du langage JavaScript II Les éléments de base du langage JavaScript Comme dans tous les langages de programmation, il est important de pouvoir stocker des valeurs, d effectuer des opérations, des tests, des boucles Le Javascript

Plus en détail

Applications interactives

Applications interactives Applications interactives Anne-Laure Ligozat ENSIIE, 1re année 2015/2016 1 / 94 1 Formulaires Présentation Balises Exemple 2 / 94 Présentation Les formulaires Permettent l interaction entre un utilisateur

Plus en détail

Programmation orientée objet et événementielle en JavaScript. Département SRC Pôle Universitaire de Vichy Bruno Bachelet

Programmation orientée objet et événementielle en JavaScript. Département SRC Pôle Universitaire de Vichy Bruno Bachelet Programmation orientée objet et événementielle en JavaScript Département SRC Pôle Universitaire de Vichy Bruno Bachelet PARTIE I JavaScript: script côté client Programmation objet et événementielle en

Plus en détail

Introduction. Javascript. L événement onsubmit. Javascript et les formulaires. IFT1147 Programmation Serveur Web avec PHP

Introduction. Javascript. L événement onsubmit. Javascript et les formulaires. IFT1147 Programmation Serveur Web avec PHP IFT1147 Programmation Serveur Web avec PHP Au delà du HTML création dynamique de Javascript, d images et de fichiers PDF Introduction PHP ne permet pas seulement de générer du code HTML. On peut, entre

Plus en détail

Accès au SGBD MySQL avec PHP

Accès au SGBD MySQL avec PHP Accès au SGBD MySQL avec PHP Introduction Un des très grand avantage de PHP, est sans aucun doute l'accès facile à différentes bases de données telles que Oracle, Sybase, PostgreSQL ou MySQL que nous allons

Plus en détail

LES TABLEAUX. Créer un tableau élémentaire

LES TABLEAUX. Créer un tableau élémentaire LES TABLEAUX Il y a deux façons de créer dans un article : directement dans SPIP pour des tableaux élémentaires avec un éditeur html pour des tableaux complexes. Créer un tableau élémentaire Les colonnes

Plus en détail

Développer avec jquery Mobile Première Édition. Table des matières

Développer avec jquery Mobile Première Édition. Table des matières Table des matières 1.Introduction au Framework...5 1.1. jquery au cœur de l'internet Mobile...5 1.2. Découvrir Le Framework...6 1.2.1 Installation de jquery Mobile...6 1.2.2 Une première application...7

Plus en détail

TD n 3. Exercice 2: Écrire un script qui permet d obtenir l affichage suivant en utilisant qu une seule instruction document.

TD n 3. Exercice 2: Écrire un script qui permet d obtenir l affichage suivant en utilisant qu une seule instruction document. IUT de Bobigny 2008-2009 CIWM [SLATCM5231] TD n 3 Conception de Pages Web orientée Client 1 Introduction à javascript L objectif des exercices de cette partie est tester vos connaissances de base sur le

Plus en détail

M2202 Algorithmique TD 5 : Une bannière animée interactive

M2202 Algorithmique TD 5 : Une bannière animée interactive M2202 Algorithmique TD 5 : Une bannière animée interactive Nous verrons dans ce TD comment : enchainer une suite d'images en fondu dans une bannière ; afficher une image spécifique de cette bannière par

Plus en détail

IV Les principaux objets

IV Les principaux objets IV Les principaux objets Comme vu précédemment, un certain nombre d objets sont prédéfins par la somme javascript (Voir le DOM). Certains sont plus utilisés que d autres. Ce sont ceux-ci que nous allons

Plus en détail

Programmation MySQL/PHP. Programmation MySQL/PHP p.1/19

Programmation MySQL/PHP. Programmation MySQL/PHP p.1/19 Programmation MySQL/PHP Programmation MySQL/PHP p.1/19 CGI et bases de données Principe : création de documents à partir d une BD MySQL se charge du stockage, de la protection des données, de l interface

Plus en détail

Conception et création de pages web. Gérald Collaud Centre NTE, Université de Fribourg

Conception et création de pages web. Gérald Collaud Centre NTE, Université de Fribourg Conception et création de pages web Gérald Collaud Centre NTE, Université de Fribourg Ecole Normale, 23 août 2000 Programme! Quelques notions importantes! Comment créer des pages web! Aller plus loin!

Plus en détail

Examen d'informatique module INF112. 1ère session 2003-2004. sans calculatrice, sans document

Examen d'informatique module INF112. 1ère session 2003-2004. sans calculatrice, sans document Examen d'informatique module INF112 1ère session 2003-2004 sans calculatrice, sans document Le barème est indicatif Sauf indiqué contraire, dans les questions à choix multiples, il peut (ou non) y avoir

Plus en détail

Une rapide introduction à HTML / CGI

Une rapide introduction à HTML / CGI Une rapide introduction à HTML / CGI Patrick Fuchs Université Paris 7 Equipe de Bioinformatique Génomique et Moléculaire PLAN 1. Généralités 2. Les Bases d HTML 3. Outils HTML avancés 4. HTML dynamique

Plus en détail

Ceci est une documentation préliminaire, traduite par Christine Dubois (Agilcom) et sujette à changement

Ceci est une documentation préliminaire, traduite par Christine Dubois (Agilcom) et sujette à changement Gestion des fichiers Ceci est une documentation préliminaire, traduite par Christine Dubois (Agilcom) et sujette à changement Dans le chapitre précédent, vous avez appris à stocker des données dans une

Plus en détail

Les objectifs de ce tp sont d être capable d intégrer des scripts clients dans un site ou une page en respectant les bonnes pratiques.

Les objectifs de ce tp sont d être capable d intégrer des scripts clients dans un site ou une page en respectant les bonnes pratiques. TP Javascript 2013 tv - v.1.0 Sommaire Séquence n 1 : les bases 2 Insertion de code javascript..................................... 2 Exercice n 1.1 : code javascript interne au document.......................

Plus en détail

CIM120. Http:// (Creation Web) Page 1

CIM120. Http:// (Creation Web) Page 1 CIM120 Http:// (Creation Web) Page 1 Organisation du module CIM120 Evaluation: 1 eval sur table 1 eval des TP Page 2 Le Web: un peu d'histoire D'Arpanet à Internet... http://fr.wikipedia.org/wiki/histoire_d'internet

Plus en détail

Grille sommaire d'évaluation de l'accessibilité du Web (Développée par AccessibilitéWeb sous licence Creative Commons BY- NC- SA)

Grille sommaire d'évaluation de l'accessibilité du Web (Développée par AccessibilitéWeb sous licence Creative Commons BY- NC- SA) Grille sommaire d'évaluation de l'accessibilité du Web (Développée par AccessibilitéWeb sous licence Creative Commons BY- NC- SA) No. Validation Tests avec les outils Commentaires A Contenu non- textuels

Plus en détail

jquery, "write less, do more"

jquery, write less, do more jquery, "write less, do more" jquery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and AJAX interactions for rapid web development. jquery

Plus en détail

La balise <canvas> 3T61U1EW savoir rédiger pour le multimédia. Jérôme Landré jerome.landre@univ-reims.fr bureau C203 (GMP) bureau H110 (MMI)

La balise <canvas> 3T61U1EW savoir rédiger pour le multimédia. Jérôme Landré jerome.landre@univ-reims.fr bureau C203 (GMP) bureau H110 (MMI) La balise 3T61U1EW savoir rédiger pour le multimédia Jérôme Landré jerome.landre@univ-reims.fr bureau C203 (GMP) bureau H110 (MMI) Licence professionnelle Métiers de l'internet et du Multimédia

Plus en détail

JavaScript: Convivialité & Interactivité Dans Un Site Web Pour Commerce Électronique. Objectifs du Cours. Plan du Cours.

JavaScript: Convivialité & Interactivité Dans Un Site Web Pour Commerce Électronique. Objectifs du Cours. Plan du Cours. JavaScript: Convivialité & Interactivité Dans Un Site Web Pour Commerce Électronique 2, 3 et 10 Mai 2000 Dr. Osmar R. Zaïane Objectifs du Cours Introduction a JavaScript; Comprendre l utilité d un langage

Plus en détail

Master Class OL3 Documentation

Master Class OL3 Documentation Master Class OL3 Documentation Version 2.0 Éric Lemoine, Camptocamp 10 April 2014 Table des matières 1 Exercices élémentaires 3 1.1 Exercice élémentaire 1.......................................... 4 1.2

Plus en détail

Le HTML. Structure de Base... 2

Le HTML. Structure de Base... 2 Le HTML Structure de Base... 2 Balise ... 2 Balise ... 2 Autres balises de mise en forme du texte... 2 Balise ... 2 Balise ... 3 Balise ... 3 ...

Plus en détail

COMPLÉMENTS SUR JAVASCRIPT

COMPLÉMENTS SUR JAVASCRIPT COMPLÉMENTS SUR JAVASCRIPT AJAX, BIBLIOTHÈQUE JQUERY Objectifs Connaître les principes d'ajax et un exemple de bibliothèque de développement (cas de jquery) Pour un autodidacte, contrôler et mettre à niveau

Plus en détail

Javascript. Eléments de base du langage

Javascript. Eléments de base du langage Javascript Eléments de base du langage 1 1990 : début du Web HTML 1995 : Scripts Clients Javascript, Jscript Applets Java, ActiveX, Flash et 2000: scripts Serveurs PHP, ASP et ASP.NET, JSP. 2005: cohabitation

Plus en détail

Tutoriel : les formulaires

Tutoriel : les formulaires Tutoriel : les formulaires Ouvrir sous NVU le fichier Exercice4.html, vous travaillerez à partir de ce fichier Sous le titre en h4 définissez un formulaire : Nom du formulaire : Inscription Url de l'action

Plus en détail

L objectif de cette étape est de se familiariser avec la création de site web sous VS 2012.

L objectif de cette étape est de se familiariser avec la création de site web sous VS 2012. L objectif de ce tutoriel est de créer un site web statique avec Visual Studio. Le site sera composé d une page HTML, une feuille de style CSS et d un fichier Javascript. Etape 1 Lancer Visual Studio L

Plus en détail

La classe WINDOW de JS

La classe WINDOW de JS La classe WINDOW de JS Classe au sommet de la hiérarchie On peut omettre le préfixe window. Pour le document courant Obligatoire si l'utilisateur crée sa propre classe La classe WINDOW de JS Propriétés

Plus en détail

Caractéristiques principales

Caractéristiques principales JAVASCRIPT HarmWeb Introduction Le Javascript est un langage "de script" "orienté objet" : Initialement élaboré par Netscape en association avec Sun Microsystem. Standardisé par un comité spécialisé, l'ecma

Plus en détail

Web et présentation d information spatiale

Web et présentation d information spatiale Université de La Rochelle LUP-SIG 2004-2005 Programmation SIG et Internet Cartographique Web et présentation d information spatiale Applets JAVA Jean-Michel FOLLIN jmfollin@univ-lr.fr 1 Extension des fonctionnalités

Plus en détail

JavaScript: Convivialité & Interactivité Dans Un Site Web Pour Commerce Électronique. Objectifs du Cours. Plan du Cours. Plan du Cours.

JavaScript: Convivialité & Interactivité Dans Un Site Web Pour Commerce Électronique. Objectifs du Cours. Plan du Cours. Plan du Cours. JavaScript: Convivialité & Interactivité Dans Un Site Web Pour Commerce Électronique 2, 3 et 10 Mai 2000 Dr. Osmar R. Zaïane University of Alberta, Canada IHEC, Carthage 1 Objectifs du Cours Introduction

Plus en détail

Échange et mise à jourde documents XML via le Web p.1/46

Échange et mise à jourde documents XML via le Web p.1/46 Échange et mise à jour de documents XML via le Web Échange et mise à jourde documents XML via le Web p.1/46 CGI : Common Gateway Interface Principe : on déclenche une action (un programme) sur la machine

Plus en détail

«14_Synthese _PHP_MySQL_cours_4»

«14_Synthese _PHP_MySQL_cours_4» «14_Synthese _PHP_MySQL_cours_4» Maintenant que nous nous sommes connectés à la base de données et y avons mis des informations via un formulaire (cours 13), nous allons voir comment interroger nos tables

Plus en détail

Arbres Mathématiques Informatique et Navigateurs Internet

Arbres Mathématiques Informatique et Navigateurs Internet Arbres Mathématiques Informatique et Navigateurs Internet Jacques Duma http://math.et.info.free.fr/ http://ateliermathematique.free.fr/ Arbres Expressions Mathématiques Structure arborescente de l expression

Plus en détail

Le langage JavaScript (suite) Walid Belkhir Université de Provence belkhir@cmi.univ-mrs.fr http://www.lif.univ-mrs.fr/ belkhir/

Le langage JavaScript (suite) Walid Belkhir Université de Provence belkhir@cmi.univ-mrs.fr http://www.lif.univ-mrs.fr/ belkhir/ Le langage JavaScript (suite) Walid Belkhir Université de Provence belkhir@cmi.univ-mrs.fr http://www.lif.univ-mrs.fr/ belkhir/ 1 / 43 Plan 1 Les objets du navigateur 2 2 / 43 Les objets du navigateur

Plus en détail

EXEMPLE PROJET. Objectifs de la séance : De l analyse à la conception Passage de l UML au Site Web

EXEMPLE PROJET. Objectifs de la séance : De l analyse à la conception Passage de l UML au Site Web EXEMPLE PROJET Objectifs de la séance : De l analyse à la conception Passage de l UML au Site Web Manuele Kirsch Pinheiro - UP1 / CRI / UFR06 Gestion 2 Projet Objectifs Mettre en application les concepts

Plus en détail

Web dynamique avec PHP et MySQL

Web dynamique avec PHP et MySQL Web dynamique avec PHP et MySQL Programmation Internet, IvMad, 2005-2013 1 Modèle Client Serveur Le modèle client serveur est tripartite, c.à.d. constitué en trois parties: 1. Client Web qui visualise

Plus en détail

Webh4ck partie II. CGI = ( '&' pair* ) null pair = variable '=' value variable = letter (letter digit)* value = (letter digit special_code)*

Webh4ck partie II. CGI = ( '&' pair* ) null pair = variable '=' value variable = letter (letter digit)* value = (letter digit special_code)* Stéphane Rodriguez, 6 octobre 2000 Webh4ck partie II La première partie du document a permis de modéliser les paramètres mis en jeu lors de la traversée d'un site. Mais on n'a pas insisté sur le fait que

Plus en détail

Travaux pratiques de M2105 Web dynamique

Travaux pratiques de M2105 Web dynamique Travaux pratiques de M2105 Web dynamique L objectif des séances de TP du module M2105 est de créer un mini site web d annuaire permettant à différents utilisateurs de gérer leurs contacts. Les informations

Plus en détail

Module 133 Développer des application Web

Module 133 Développer des application Web Module 133 Développer des application Web Validation des formulaires Lab #5 et #6 Version 0.1 EPAI / Frédéric Free Powerpoint Mauron Templates Page 1 Introduction Les formulaires HTML sont omnis présents

Plus en détail

PARTENARIAT ICI FORMATION

PARTENARIAT ICI FORMATION PARTENARIAT ICI FORMATION Guide d installation de la vignette ICI Formation sur un site partenaire SOMMAIRE Le Partenariat ICI Formation... 3 Script de partenariat ICI Formation... 3 Génération de l'aperçu

Plus en détail

Séances 4a/4b Technologies du Web

Séances 4a/4b Technologies du Web Formations en Informatique de Lille 2012/2013 Séances 4a/4b Technologies du Web février 2013 Javascript Exercice 1 : Préalable : mise en place des outils Pour ce premier exercice, nous allons utiliser

Plus en détail

Chap. 2 LES BALISES META ET l INDEXATION D UN SITE WEB LES BALISES META

Chap. 2 LES BALISES META ET l INDEXATION D UN SITE WEB LES BALISES META LES BALISES META Les Meta-Tags sont destinés aux robots des moteurs de recherche et aux navigateurs permettent de référencer votre site précisent le codage utilisé pour les caractères spéciaux et encore

Plus en détail