EXERCICES JAVASCRIPT Exercice N 01 Écrire un script java qui permet de saisir le nom de l utilisateur et de l afficher en gras, dans une page Web.

Save this PDF as:
 WORD  PNG  TXT  JPG

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

Download "EXERCICES JAVASCRIPT Exercice N 01 Écrire un script java qui permet de saisir le nom de l utilisateur et de l afficher en gras, dans une page Web."

Transcription

1 EXERCICES JAVASCRIPT Exercice N 01 Écrire un script java qui permet de saisir le nom de l utilisateur et de l afficher en gras, dans une page Web. Exercice N 02 Écrire un script java qui utilise une fonction qui permet d afficher un message de bienvenue en Bleu centré, qui sera appelée au chargement de la page. Exercice N 03 Ecrire un script java qui est composé de deux fonction, la premier est appelée lorsque la page Web et chargée pour afficher Bienvenue, la deuxième affiche Au revoir lorsque on ouvre la page Web de l exercice précédant. Exercice N 04 Écrire un script java qui affiche Bravo si le pointeur de la souris passe au dessus du lien message important. Exercice N 05 Créer une page Web composé d une image image1.png avec les fonctionnalités suivantes : Lorsque l image1.png est survolée, elle est remplacée par une autre image2.png Si l utilisateur clic sur l image2.png il déclenche la saisie d un à l adresse suivante Exercice N 06 Vous disposez de 4 images avec les noms respectifs i1.png, i2.png, i3.png et i4.png On vous demande de donner le code d un document HTML, permettant d afficher les 4 images sous forme d une matrice centrée sur la page composée de 2 lignes et 2 colonnes (de gauche à droite, 1 ère ligne : i1 i2, 2 ème ligne : i3 i4) puis de programmer les fonctionnalités suivantes : Si l utilisateur passe le pointeur de la souris au-dessus de l image i1, vous remplacez l image i2 par l image i4. De même, si l image i2 est survolée par le pointeur de la souris vous substituez l image i1 par l image i3. Si l utilisateur clic sur i3, une rotation à droite des différentes images est effectué (remplacer l image i1 par i3, i2 par i1, i4 par i2 et i3 par i4). Exercice N 07 Ecrire un script java qui affiche tous les valeurs de la fraction Exercice N 08 Écrire un script java qui permet de vérifier si taper par l utilisateur, dans une zone de saisie, est valide ou pas. Exercice N 09 Ecrire un script java qui affiche le texte tapé par l utilisateur dans la zone d entrée dans la zone de sortie. Exercice N 10 Ecrire un script java qui affiche la valeur choisie d une liste de sélection par l utilisateur de votre page Web. 1

2 Exercice N 11 Ecrire un script java qui affiche la valeur de la case d option choisie parmi 3. Exercice N 12 Écrire le code d un fichier HTML permettant de créer une calculatrice avec 4 opérateurs de base et d afficher le résultat dans une boite d information. Exercice N 13 On se propose de développer un formulaire HTML, composé d une zone de texte, de trois objets liste déroulante et d un bouton de type «submit»: La zone de texte sera crée avec du code HTML, alors que les trois listes seront générées avec du code Java Script, qui contient respectivement les numéros des jours d un mois (de 1 à 31), les mois de l année (de Janvier à Décembre) et les années (de 1975 jusqu à cette année). NB On vous demande d avoir une programmation modulaire. Un clic sur le bouton envoyer devra faire appel à un fichier, se trouvant dans le même répertoire que le formulaire et ayant comme nom sauvegarder.htm 2

3 Solution Exercice N 1 SOLUTIONS <script LANGUAGE="Javascript"> <!-- var nom = window.prompt("tapez votre nom "); document.write("<b>" + nom + "</B>"); //--> Solution exercice N 2 <script LANGUAGE="Javascript"> <!-- function message() { document.write('<center><font COLOR = "BLUE"> Bienvenue à ma page</font></center>'); //--> <BODY onload="message();"> Solution exercice N 3 <script LANGUAGE='Javascript'> function bienvenue() { alert("bienvenue à cette page"); function au_revoir() { alert("au revoir"); 3

4 <BODY onload = "bienvenue()" onunload = "au_revoir()"> <A HREF = "EX02.htm">Exercice précédant</a> Solution : Exercice N 4 <script language="javascript"> function message(){ alert("bravo") <A HREF="" onmouseover="message()">message important</a> Solution : Exercice N 5 <script LANGUAGE="Javascript"> function survolee() { document.images["image"].src="image2.png" function nonsurvolee() { document.images["image"].src="image1.png" <A onmouseover="survolee();" onmouseout="nonsurvolee();"> <IMG SRC="image1.png" name="image" width=126 height=126 border=0> </A> 4

5 Solution : Exercice N 6 <script LANGUAGE="Javascript"> function survolee(n) { if (n == 1) document.images["image2"].src=document.images["image4"].src; else document.images["image1"].src=document.images["image3"].src; function rotation() { var tempo = document.images["image1"].src; document.images["image1"].src=document.images["image3"].src; document.images["image3"].src=document.images["image4"].src; document.images["image4"].src=document.images["image2"].src; document.images["image2"].src=tempo; <TABLE WIDTH = "18%" ALIGN="center"> <TR> <TD> <A HREF="#" onmouseover="survolee(1);" > <IMG SRC="i1.png" name="image1" width=72 height=72> </A> </TD> <TD> <A HREF="#" onmouseover="survolee(2);" > <IMG SRC="i2.png" name="image2" width=72 height=72> </A> </TD> </TR> <TR> <TD> <A HREF="#" onclick="rotation();"> <IMG SRC="i3.png" name="image3" width=72 height=72> </A> </TD> <TD> <A HREF="#"> <IMG SRC="i4.png" name="image4" width=72 height=72> </A> </TD> </TR> 5

6 </TABLE> Solution : Exercice N 7 <TITLE> Voici une page contenant du Javascript</TITLE> <script language="javascript"> for (x = 1;x <= 10; x++) { if (x == 7) { document.write('1 \/ \('+ x + ' \- 7\) \= <B>division par 0</B><BR>'); else { a = 1/(x-7); document.write('1 \/ \('+ x + ' \- 7\) \= '+a +'<BR>'); Solution : Exercice N 8 <script LANGUAGE="javascript"> function controle( ) { var ch = document.form1. .value; var p1 = if ((p1 > 0)&& (p1 < ch.length - 1)) { alert(ch + " est valide"); else alert (ch + " n'est pas valide"); 6

7 <FORM NAME="form1"> <CENTER><B> </B><INPUT TYPE="text" NAME=" " SIZE = "30"><BR> <INPUT TYPE="button" NAME="bouton" VALUE="Contrôler" onclick="controle( )"></center> </FORM> Solution : Exercices N 9 <script LANGUAGE="javascript"> function afficher(form2) { var testin =document.form2.input.value; document.form2.output.value=testin Solution : Exercice N 10 <script language="javascript"> function liste(form5) { alert("l\'élément " + (form1.list.selectedindex + 1)); <B>Entrez votre choix : </B> <FORM NAME="form1"> <SELECT NAME="list"> <OPTION VALUE="1">Elément 1 <OPTION VALUE="2">Elément 2 <OPTION VALUE="3">Elément 3 </SELECT> <INPUT TYPE="button" VALUE="Quel est l'élément retenu?" onclick="liste(form1)"> </FORM> 7

8 Solution : Exercice N 11 <script language="javascript"> function afficher(form1) { if (document.form1.choix[0].checked) alert(document.form1.choix[0].value) else if (document.form1.choix[1].checked) alert(document.form1.choix[1].value) else if (document.form1.choix[2].checked) alert(document.form1.choix[2].value); <B> Votre choix : </B> <FORM NAME="form1"> <INPUT TYPE = "radio" NAME = "choix" VALUE = "Choix 1" ><B> Choix 1</B> <INPUT TYPE = "radio" NAME = "choix" VALUE = "Choix 2" ><B> Choix 2</B> <INPUT TYPE = "radio" NAME = "choix" VALUE = "Choix 3" ><B> Choix 3</B> <INPUT TYPE="button" VALUE="Quel est le choix retenu?" onclick="afficher(form1)"> </FORM> Solution : Exercice N 12 <script language="javascript"> function calculer(form1) { var x = Number(document.form1.var1.value); var y = Number(document.form1.var2.value); if (document.form1.choix[0].checked) if (y!= 0) alert(x / y) else alert ("Opération invalide!") else if (document.form1.choix[1].checked) alert(x + y) else if (document.form1.choix[2].checked) alert(x - y) else if (document.form1.choix[3].checked) 8

9 alert(x * y); <FORM NAME="form1"> <TABLE ALIGN = "CENTER"> <TR> <B>Variable 1 : </B><INPUT TYPE = "text" NAME = "var1"><br> <B>Variable 2 : </B><INPUT TYPE = "text" NAME = "var2"><br><br> </TR> <TR> <TD> <B>Opérateurs : </B><BR><BR> <INPUT TYPE = "radio" NAME = "choix"><b> Division</B><BR> <INPUT TYPE = "radio" NAME = "choix"><b> Addition</B><BR> <INPUT TYPE = "radio" NAME = "choix"><b> Soustraction</B><BR> <INPUT TYPE = "radio" NAME = "choix"><b> Multiplication</B><BR></BR> </TD> <TD><INPUT TYPE="button" VALUE="Calculer" onclick="calculer(form1);"><input TYPE="reset" VALUE="Effacer" ></TD> </FORM> </TR> </TABLE> Solution : Exercice N 13 <script language="javascript"> var jour = new Array("Janvier","Février","Mars","Avril","Mai","Juin","Juillet","Août","Septe mbre","octobre","novembre","décember"); function creer() { document.write('<b>date de naissance : </B><SELECT NAME="jj">'); for (i = 1; i <= 31; i++) { document.write('<option VALUE="' + i +'">' + i); document.write('</select><b> / </B>'); 9

10 document.write('<select NAME="mm">'); for (i = 0; i < 12; i++) { document.write('<option VALUE="' + i +'">' + jour[i]); document.write('</select><b> / </B>'); document.write('<select NAME="aaaa">'); date1 = new Date(); a = date1.getyear(); for (i = 1975; i <= a; i++) { document.write('<option VALUE="' + i +'">' + i); document.write('</select><br><br>'); <TABLE ALIGN = "center"> <FORM NAME="form1" action ="sauvegarder.htm"> <B>Nom et Prénom : </B> <INPUT TYPE = "text" NAME = "nom_prenon" SIZE = "50"><BR><BR> <script language="javascript"> creer(); <CENTER><INPUT TYPE = "submit" VALUE = "Envoyer"></CENTER> </FORM> </TABLE> 10

Série d exercices 1 TIC

Série d exercices 1 TIC EDUCATION EN LIGNE PARTAGE DU SAVOIR Série d exercices 1 TIC 4éme informatique WWW.NETSCHOOL1.NET Brain Power School Série d exercices n 1 Technologies de l Information et de la communication Proposé par

Plus en détail

TP JAVASCRIPT OMI4 TP5 SRC1 2011-2012

TP JAVASCRIPT OMI4 TP5 SRC1 2011-2012 TP JAVASCRIPT OMI4 TP5 SRC1 2011-2012 FORMULAIRE DE CONTACT POUR PORTFOLIO PRINCIPE GENERAL Nous souhaitons réaliser un formulaire de contact comprenant les champs suivants : NOM PRENOM ADRESSE MAIL MESSAGE

Plus en détail

Séance d ED n 5 : HTML et JavaScript

Séance d ED n 5 : HTML et JavaScript Séance d ED n 5 : HTML et JavaScript EXERCICE 1 1) le but de cet exercice est de construire l'interface suivante en html: une réponse : 1)

Plus en détail

Partie HTML TD 6 : Liens hypertexte et formulaires

Partie HTML TD 6 : Liens hypertexte et formulaires Partie HTML TD 6 : Liens hypertexte et formulaires 1. Les liens hypertextes Ils permettent la navigation dans les sites Web. Il y a 3 types de liens : - Les liens internes à un site - Les liens internes

Plus en détail

Activités HTML. Code: act-html

Activités HTML. Code: act-html Activités HTML act-html Activités HTML Code: act-html Originaux url: http://tecfa.unige.ch/guides/tie/html/act-html/act-html.html url: http://tecfa.unige.ch/guides/tie/pdf/files/act-html.pdf Prérequis:

Plus en détail

1. Manipulation des formulaires avec PHP. 2. Transmission d'arguments entre pages : méthodes GET et POST. 3. Manipulation du JavaScript avec le PHP.

1. Manipulation des formulaires avec PHP. 2. Transmission d'arguments entre pages : méthodes GET et POST. 3. Manipulation du JavaScript avec le PHP. TP5: LES FORMULAIRES OBJECTIFS : 1. Manipulation des formulaires avec PHP. 2. Transmission d'arguments entre pages : méthodes GET et POST. 3. Manipulation du JavaScript avec le PHP. PARTIE 1: Formulaire

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 Moteurs de recherche et formulaires HTML Jean-Michel FOLLIN jmfollin@univ-lr.fr

Plus en détail

Ce code peut s insérer à plusieurs endroits entre les balises head (le plus souvent) ou directement à l intérieur des balises body.

Ce code peut s insérer à plusieurs endroits entre les balises head (le plus souvent) ou directement à l intérieur des balises body. A/ Utilisation de Javascript UE Libre : Internet et composition de pages Web TP n 3 Le Javascript est un langage de script incorporé dans un document HTML. Historiquement il s'agit même du premier langage

Plus en détail

Plan du travail. 2014/2015 Cours TIC - 1ère année MI 86

Plan du travail. 2014/2015 Cours TIC - 1ère année MI 86 Plan du travail Chapitre 1: Internet et le Web Chapitre 2: Principes d Internet Chapitre 3 : Principaux services d Internet Chapitre 4 : Introduction au langage HTML 2014/2015 Cours TIC - 1ère année MI

Plus en détail

Manipulation de formulaire

Manipulation de formulaire 1 Manipulation de formulaire points abordés outils (et balises) de création de formulaire, javascript, validation de formulaire en php site de départ nous nous baserons sur cette version pour l'exercice

Plus en détail

Compte rendu de PHP MySQL : création d un formulaire de base de données

Compte rendu de PHP MySQL : création d un formulaire de base de données REVILLION Joris Décembre 2009 3EI Compte rendu de PHP MySQL : création d un formulaire de base de données Objectifs : Le principal objectif de ce cours est de découvrir et de nous familiariser avec le

Plus en détail

TD12 corrigé - Révisions

TD12 corrigé - Révisions Université de Bretagne Occidentale UFR Sciences Département d Informatique Licence STS, 2005-2006 L1, S1, Parcours A-IMP Introduction à l informatique TD12 corrigé - Révisions Exercice 1 : Codage On veut

Plus en détail

Gérer les formulaires

Gérer les formulaires 195 Chapitre 7 Gérer les formulaires 1. Vue d'ensemble Gérer les formulaires 1.1 Petit rappel sur les formulaires Le formulaire est un outil de base indispensable pour les sites web dynamiques puisqu'il

Plus en détail

Initiation aux techniques du Web. Cours L2 sciences cognitives séance 2 Charif HAYDAR: alchiekc@loria.fr

Initiation aux techniques du Web. Cours L2 sciences cognitives séance 2 Charif HAYDAR: alchiekc@loria.fr Initiation aux techniques du Web Cours L2 sciences cognitives séance 2 Charif HAYDAR: alchiekc@loria.fr Introduction Tableaux La balise (DIV) Polices en HTML Body (corps) et Head (en-tête) attributs Forms(formulaires):

Plus en détail

OP4. BD & Web. Résumé de cours. Partie II : HTML 4.0

OP4. BD & Web. Résumé de cours. Partie II : HTML 4.0 Univ.Montpellier II 2005 M. Hascoët OP4 BD & Web Résumé de cours Partie II : HTML 4.0 M. Hascoët mountaz@lirmm.fr Université Montpellier II Place Eugène Bataillon 34095 Montpellier Cedex 05 2/5 1. Introduction

Plus en détail

3. Formulaires. Cours Web. Formulaires. 3. Formulaires. 3. Formulaires. Formulaires. Lionel Seinturier. Université Pierre & Marie Curie

3. Formulaires. Cours Web. Formulaires. 3. Formulaires. 3. Formulaires. Formulaires. Lionel Seinturier. Université Pierre & Marie Curie Cours Web Formulaires Lionel Seinturier Université Pierre & Marie Curie Lionel.Seinturier@lip6.fr 8/9/03 Formulaires HTML 1.0 essentiellement "mono"-directionnel informations fournies par le serveur (suite

Plus en détail

Le langage php. Serveur http est automatiquement lancé.

Le langage php. Serveur http est automatiquement lancé. Le langage php 1. Introduction aux langages serveurs : Il y a deux modes d exécution d une page HTML : Local : en cliquant sur le fichier, le navigateur Serveur http est automatiquement lancé. Navigateur

Plus en détail

Les formulaires avec JavaScript

Les formulaires avec JavaScript Les formulaires avec JavaScript I La zone texte : I.1 Lecture d une valeur dans une zone de texte : Activité 1 :Nous allons écrire le code d une page contenant un formulaire permettant de lire le contenu

Plus en détail

Module Com231A - Web et Bases de Données Notion 5 : Formulaires et utilisation des Bases de Données avec PHP

Module Com231A - Web et Bases de Données Notion 5 : Formulaires et utilisation des Bases de Données avec PHP Module Com231A - Web et Bases de Données Notion 5 : Formulaires et utilisation des Bases de Données avec PHP Au cours de ce TP, vous allez voir comment PHP permet aux utilisateurs, une interaction avec

Plus en détail

Techniques de Programmation Internet. JavaScript et CSS

Techniques de Programmation Internet. JavaScript et CSS ENSIMAG Année Spéciale en Informatique James L. Crowley et Jean-Marie Vallet Séance 4 12 Février 2007 Plan : JavaScript et CSS JavaScript... 2 Qu'est que Java Script...2 Messages de Alert...4 Fonctions...5

Plus en détail

TD/TP11 - Réseaux (corrigé)

TD/TP11 - Réseaux (corrigé) 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 (corrigé) 1 Travaux Dirigés Exercice

Plus en détail

POO. Université Nancy 2 - L2 Miage -Traitement du web - Nazih Ouwayed 2010-2011. Introduction (2/3) Introduction (1/3) JavaScript.

POO. Université Nancy 2 - L2 Miage -Traitement du web - Nazih Ouwayed 2010-2011. Introduction (2/3) Introduction (1/3) JavaScript. UE 401 L2 ISC - MIAGE Traitement du Web Nazih OUWAYED nazih.ouwayed@loria.fr http://nouwayed.yolasite.com Séance 06 JavaScript POO Année Universitaire 2010/2011 2 Introduction (1/3) POO : Prorammation

Plus en détail

Module: Programmation sites Web Dynamique

Module: Programmation sites Web Dynamique Module: Programmation sites Web Dynamique Formateur: A BENDAOUD LEÇON : MÉTHODES DE NAVIGATION Les différentes méthodes de navigation : Voici les différentes méthodes que nous allons expliciter dans cette

Plus en détail

Formulaire pour envoyer un mail

Formulaire pour envoyer un mail Formulaire pour envoyer un mail AVERTISSEMENT : Ce tuto est une compilation de plusieurs sources trouvées sur internet, dont les références sont données à la fin de cet article. Le but de ce tutoriel n'est

Plus en détail

Technologies Web. Farah Benamara Zitoune Maître de conférences IRIT-UPS benamara@irit.fr

Technologies Web. Farah Benamara Zitoune Maître de conférences IRIT-UPS benamara@irit.fr Technologies Web Farah Benamara Zitoune Maître de conférences IRIT-UPS benamara@irit.fr Plan du cours Cours 1 : Introduction HTML/CSS Cours 2 : Introduction programmation web + javascirpt Cours 3 : Introduction

Plus en détail

Le Web Dynamique avec JavaScript

Le Web Dynamique avec JavaScript Le Web Dynamique avec JavaScript Concepts et Syntaxe 1 Intérêt Présentation de JavaScript Contrôle du contenu et de l apparence de pages Web Contrôle de fonctionnalités du Navigateur Internet Gestion du

Plus en détail

Javascript. Thierry Lecroq. Université de Rouen FRANCE. Thierry Lecroq (Univ. Rouen) Javascript 1 / 36

Javascript. Thierry Lecroq. Université de Rouen FRANCE. Thierry Lecroq (Univ. Rouen) Javascript 1 / 36 Javascript Thierry Lecroq Université de Rouen FRANCE Thierry Lecroq (Univ. Rouen) Javascript 1 / 36 Plan 1 Généralités sur Javascript 2 Les bases 3 Les objets prédéfinis 4 Les évènements Thierry Lecroq

Plus en détail

Dojo partie 1. Widgets dojo.form Validation des formulaires Côté client Côté serveur Requêtes Ajax

Dojo partie 1. Widgets dojo.form Validation des formulaires Côté client Côté serveur Requêtes Ajax Dojo partie 1 Widgets dojo.form Validation des formulaires Côté client Côté serveur Requêtes Ajax 1 Modules Dojo 3 espaces de noms principaux: dojo: bibliothèque de base dijit: bibliothèque de widgets

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

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

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

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

Secteur Tertiaire Informatique Filière étude - développement. Développer des composants d interface Créer des formulaires de saisie

Secteur Tertiaire Informatique Filière étude - développement. Développer des composants d interface Créer des formulaires de saisie Secteur Tertiaire Informatique Filière étude - développement. Développer des composants d interface Créer des formulaires de saisie JAVASCRIPT JS08-Gestion des cookies-consignes Accueil Apprentissage Période

Plus en détail

PHP 5.4 Développez un site web dynamique et interactif

PHP 5.4 Développez un site web dynamique et interactif Editions ENI PHP 5.4 Développez un site web dynamique et interactif Collection Ressources Informatiques Extrait 183 Chapitre 7 Gérer les formulaires 1. Vue d'ensemble Gérer les formulaires 1.1 Petit rappel

Plus en détail

Astuces Liens. Maîtrisez vos liens et leur apparence.

Astuces Liens. Maîtrisez vos liens et leur apparence. Astuces Liens Maîtrisez vos liens et leur apparence. Au sommaire de cet article : Un lien qui envoie un mail à plusieurs destinataires La couleur des liens dans une page Un lien sur un point précis d'une

Plus en détail

TD 1 - Programmation Web avec PHP (1)

TD 1 - Programmation Web avec PHP (1) TD 1 - Programmation Web avec PHP (1) CORRIGE DU TD 1 Objectif : créer des scripts du côté serveur avec PHP, utiliser quelques fonctionnalités Internet de PHP Attention : si vous recréez des pages PHP

Plus en détail

TD HTML AVEC CORRECTION

TD HTML AVEC CORRECTION TD HTML AVEC CORRECTION On utilisera Notepad++ comme éditeur sur Windows Vous créez un répertoire www sous vos répertoires personnels et vous mettrez vos pages dedans. Créez vos fichiers HTML et n oubliez

Plus en détail

Cours 9 Formulaires Web pour saisie de données dans une base de données relationnelle avec PHP (partie 1 de 2)

Cours 9 Formulaires Web pour saisie de données dans une base de données relationnelle avec PHP (partie 1 de 2) École de bibliothéconomie et des sciences de l information SCI6306 Bases de données documentaires Cours 9 Formulaires Web pour saisie de données dans une base de données relationnelle avec PHP (partie

Plus en détail

Systèmes d'informations

Systèmes d'informations Systèmes d'informations C'est un ensemble d'outils pour stocker / gérer / diffuser des informations / des données Le stockage : Bases de données + SGDBR La gestion : Saisie, Mise à jour, Contrôle La diffusion

Plus en détail

NFA016 : Introduction. Pour naviguer sur le Web, il faut : Naviguer: dialoguer avec un serveur web

NFA016 : Introduction. Pour naviguer sur le Web, il faut : Naviguer: dialoguer avec un serveur web NFA016 : Introduction O. Pons, S. Rosmorduc Conservatoire National des Arts & Métiers Pour naviguer sur le Web, il faut : 1. Une connexion au réseau Réseau Connexion physique (câbles,sans fils, ) à des

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

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

228 Index DTD 22. feuilles de styles voir Propriétés CSS et styles

228 Index DTD 22. feuilles de styles voir Propriétés CSS et styles Index A affichage, CSS 180 album photos, créer 83 arrière-plan, CSS 152 images 152 Attributs de balises HTML action 90 align 71 attributs communs 131 background 39 border 39, 70 cellpadding 70 cellspacing

Plus en détail

PHP 5.4 Développez un site web dynamique et interactif

PHP 5.4 Développez un site web dynamique et interactif Editions ENI PHP 5.4 Développez un site web dynamique et interactif Collection Ressources Informatiques Extrait 183 Chapitre 7 Gérer les formulaires 1. Vue d'ensemble Gérer les formulaires 1.1 Petit rappel

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

Initiation aux techniques du Web. Cours L2 sciences cognitives Séance 7 Charif HAYDAR: alchiekc@loria.fr

Initiation aux techniques du Web. Cours L2 sciences cognitives Séance 7 Charif HAYDAR: alchiekc@loria.fr Initiation aux techniques du Web Cours L2 sciences cognitives Séance 7 Charif HAYDAR: alchiekc@loria.fr JS exemple: calculatrice Calculatrice

Plus en détail

Javascript. Gérald Collaud Centre NTE, Université de Fribourg

Javascript. Gérald Collaud Centre NTE, Université de Fribourg Javascript Gérald Collaud Centre NTE, Université de Fribourg Formation continue, septembre-octobre 2000 Programme! Survol - Contexte! Avantages et inconvénients! Concepts principaux! Quelques exemples!

Plus en détail

Sommaire. I.1 : Alimentation à partir d un fichier Access (.mdb)...2

Sommaire. I.1 : Alimentation à partir d un fichier Access (.mdb)...2 Sommaire I. SCENARII DE TRAITEMENTS...2 I.1 : Alimentation à partir d un fichier Access (.mdb)...2 I.1 : Vérification de l intégrité des traitements SQL sur la pyramide des ages...3 I.2 : Vérification

Plus en détail

Premières applications. Web 2.0. avec Ajax et PHP. J e a n - M a r i e D e f r a n c e. Groupe Eyrolles, 2008, ISBN : 978-2-212-12090-5

Premières applications. Web 2.0. avec Ajax et PHP. J e a n - M a r i e D e f r a n c e. Groupe Eyrolles, 2008, ISBN : 978-2-212-12090-5 Premières applications Web 2.0 avec Ajax et PHP J e a n - M a r i e D e f r a n c e Groupe Eyrolles, 2008, ISBN : 978-2-212-12090-5 8 Applications Ajax-PHP synchrones Pour commencer simplement, je vous

Plus en détail

Bases de données et Sites Web. Li345

Bases de données et Sites Web. Li345 Bases de données et Sites Web. Li345 Remerciements à: Stéphane Gançarski et Philippe Rigaux. Ces transparents sont fortement inspirés du très bon livre : Pratique de MySQL et PHP, troisième édition Philippe

Plus en détail

GED MARKETING. Page 1 sur 18

GED MARKETING. Page 1 sur 18 GED MARKETING I. Présentation du produit... 2 II. Page principale de l application... 3 L arbre... 3 Le menu... 4 La fenêtre de navigation... 4 III. La recherche de documents... 4 Rechercher tous les documents...

Plus en détail

Javascript. Interaction. A. Belaïd 1

Javascript. Interaction. A. Belaïd 1 Javascript Interaction A. Belaïd 1 Présentation Les événements sont l intérêt du JS en matière de programmation Web Ils donnent une interactivité à la page que vous consultez, ce qui n existe pas avec

Plus en détail

Documents web dynamiques. 20 novembre 2007 Architecture Multi-Niveaux 54

Documents web dynamiques. 20 novembre 2007 Architecture Multi-Niveaux 54 Documents web dynamiques 20 novembre 2007 Architecture Multi-Niveaux 54 Documents web dynamiques Contenu Statique Le client envoie une requête avec un nom de fichier Le serveur répond en lui retournant

Plus en détail

TP2 : PHP. Exercice 1 : Premiers pas en PHP Voici un exemple de code PHP.

TP2 : PHP. Exercice 1 : Premiers pas en PHP Voici un exemple de code PHP. TP2 : PHP Exercice 1 : Premiers pas en PHP Voici un exemple de code PHP. 1 3

Plus en détail

Modules ICI relais & EXAPAQ Predict v4.0

Modules ICI relais & EXAPAQ Predict v4.0 Documentation technique Modules ICI relais & EXAPAQ Predict v4.0 OsCommerce 2.2 Sommaire Sommaire 1. Introduction... 3 2. Installation des modules... 4 3. Configuration des modules... 6 4. Utilisation

Plus en détail

<link rel = stylesheet  type = text / css  href = monstyle. css  /> Programmation Web AGRAL-3 et MTX-3, 2012-13 SÃl ance TP N o 5 Mars 2013 Objectifs Langage CSS Interactions HTML/CSS Manipulation [Où mettre ses fichiers? ] Pour ce TP vous allez mettre votre fichier HTML

Plus en détail

Cours de I21 SOMMAIRE

Cours de I21 SOMMAIRE Cours de I21 Voir le chap 2 : cours de Javascript SOMMAIRE I. Introduction sur le langage HTML II. Balises primaires a. mise en forme b. hyperliens c. insérer une image III. Création de listes IV. Création

Plus en détail

CFAD. Livret de la formule Webmaster. Qu est-ce qu un Webmaster? En tant Normal, il s agit de la personne responsable d un site.

CFAD. Livret de la formule Webmaster. Qu est-ce qu un Webmaster? En tant Normal, il s agit de la personne responsable d un site. CFAD Livret de la formule Webmaster Qu est-ce qu un Webmaster? En tant Normal, il s agit de la personne responsable d un site. Mais dans notre cas, nous allons considérer que le Webmaster et celui qui,

Plus en détail

Internet la messagerie Orange 1er pas

Internet la messagerie Orange 1er pas Internet la messagerie Orange 1er pas Si votre page d accueil est GOOGLE tapez dans la barre de recherche «ORANGE» puis validez par la touche OK (Entrée) puis avec le bouton gauche de la souris clic sur

Plus en détail

Initiation PHP-MySQL : HTML, HTTP, URL, PHP Vocabulaire, principes et premiers pas

Initiation PHP-MySQL : HTML, HTTP, URL, PHP Vocabulaire, principes et premiers pas Initiation PHP-MySQL : HTML, HTTP, URL, PHP Vocabulaire, principes et premiers pas Olivier BOEBION 12/02/2004 1 Le point de départ 1.1 Et la lumière fut... A la fin des années 1980, Tim Berners-Lee travaillant

Plus en détail

1. Avec un script php. 2. En utilisant phpmyadmin

1. Avec un script php. 2. En utilisant phpmyadmin Université Lumière - Lyon 2 Master d Informatique M1 - Année 2006-2007 Programmation Web - TDs n 8 9 : PHP - Mysql L. Tougne (http ://liris.cnrs.fr/laure.tougne), 20/11/06 L objectif de ce TD est d utiliser

Plus en détail

TD3 : PHP «avancé» V2.4.0

TD3 : PHP «avancé» V2.4.0 TD3 : PHP «avancé» V2.4.0 Cette œuvre est mise à disposition selon les termes de la licence Creative Commons Attribution Pas d'utilisation Commerciale Partage à l'identique 3.0 non transposé. Document

Plus en détail

Création d un formulaire de contact Procédure

Création d un formulaire de contact Procédure Création d un formulaire de contact Procédure Description : Cette procédure explique en détail la création d un formulaire de contact sur TYPO3. Outil Procédure CMS: TYPO3 Auteur : hemmer.ch SA Extension:

Plus en détail

Programmation Web. Thierry Hamon

Programmation Web. Thierry Hamon 1/27 Programmation Web Thierry Hamon Bureau H202 - Institut Galilée Tél. : 33 1.48.38.35.53 Bureau 150 LIM&BIO EA 3969 Université Paris 13 - UFR Léonard de Vinci 74, rue Marcel Cachin, F-93017 Bobigny

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

Utiliser le service de messagerie électronique de Google : gmail (1)

Utiliser le service de messagerie électronique de Google : gmail (1) Utiliser le service de messagerie électronique de Google : gmail (1) 1. Créer un compte 2 2. Ouvrir sa boîte de messagerie électronique 3 3. Comprendre la boîte de réception (1) 4 3.1. Lire un message

Plus en détail

Manuel d utilisation du module Liste de cadeaux PRO par Alize Web

Manuel d utilisation du module Liste de cadeaux PRO par Alize Web Manuel d utilisation du module Liste de cadeaux PRO par Alize Web INSTALLER ET CONFIGURER LE MODULE (BACK OFFICE) 2 Réglages des performances 2 Télécharger le module 3 Installer le module 4 Configurer

Plus en détail

Pour créer une feuille, accédez à votre Drive, cliquez sur le bouton rouge Créer, puis sélectionnez Feuille de calcul dans le menu déroulant.

Pour créer une feuille, accédez à votre Drive, cliquez sur le bouton rouge Créer, puis sélectionnez Feuille de calcul dans le menu déroulant. 1 2 Grâce aux feuilles de calcul Google, vous pouvez en toute simplicité créer, partager et modifier des feuilles de calcul en ligne. Vous pouvez notamment : importer et convertir des données.xls,.csv,.txt

Plus en détail

ultisites S.A. module «services»

ultisites S.A. module «services» M ultisites S.A. module «services» TP N 3 : Installation du serveur WEB Nom : Prénom : Classe : Date : Appréciation : Note : Objectif : Être capable d'installer le serveur WEB, et de créer une page HTML

Plus en détail

1 Début de l examen. Standard Operating Procedure 9.4. Utilisation du logiciel Campus pour les examens en ligne à la Faculté de Médecine 1.3.

1 Début de l examen. Standard Operating Procedure 9.4. Utilisation du logiciel Campus pour les examens en ligne à la Faculté de Médecine 1.3. Utilisation du logiciel Campus pour les examens en ligne à la Le but de ce document est de vous expliquer comment démarrer et terminer une session d examen avec Campus (version 1.3.5665), et vous indiquer

Plus en détail

TUTORIEL JOOMLA CONTENT EDITOR POUR L UNIVERS DE L ENTRAINEUR.COM

TUTORIEL JOOMLA CONTENT EDITOR POUR L UNIVERS DE L ENTRAINEUR.COM TUTORIEL JOOMLA CONTENT EDITOR POUR L UNIVERS DE L ENTRAINEUR.COM V1.0 TUTORIEL JCE - EDITEUR Le nouvel outil pour vos articles... Pour les plus anciens d entre vous, vous avez connu la transmission des

Plus en détail

4.1 La gestion du courrier

4.1 La gestion du courrier 4.1 La gestion du courrier A-Ouvrir la base Courrier La base Courrier permet entre autres d envoyer et de recevoir des messages via Notes et/ou Internet. Pour accéder à la base Courrier, faites un double

Plus en détail

Aide Utilisateur. Cellpass.fr

Aide Utilisateur. Cellpass.fr Aide Utilisateur Mise en place simple :... 2 Création d une ressource... 2 Installation du module... 5 Test fonction file OK... 7 temps de connexion < 1 seconde(s)... 7 Exemple d'installation PassUp pour

Plus en détail

Qu'est-ce que JavaScript?

Qu'est-ce que JavaScript? Vous Qu'est-ce pouvez que recourir JavaScript à des? notes de bas de page pour des commentaires détaillés et à des notes de fin pour citer vos sources, par exemple. Qu'est-ce que JavaScript? Javascript

Plus en détail

Groupe Eyrolles, 2006, ISBN : 2-212-11771-X

Groupe Eyrolles, 2006, ISBN : 2-212-11771-X Groupe Eyrolles, 2006, ISBN : 2-212-11771-X Création de pages dynamiques courantes CHAPITRE 3 169 Figure 3-39 La boîte de dialogue de l objet Liste/Menu permet de configurer les options de l affichage

Plus en détail

Examen «Outils en Informatique» Vendredi 3 juin 2011

Examen «Outils en Informatique» Vendredi 3 juin 2011 Examen «Outils en Informatique» Vendredi 3 juin 2011 Durée de l épreuve: 1h30 Aucun document autorisé Le barème n est pas définitif, il est donné à titre indicatif Question 1 : QCM Dans les questions suivantes

Plus en détail

Internet. Principes généraux Création de site web Langage HTML

Internet. Principes généraux Création de site web Langage HTML Internet Principes généraux Création de site web Langage HTML Internet Principes généraux L a n o t i o n d e r é s e a u Réseau : ensemble d interconnections permettant une communication Ex : réseau téléphonique,

Plus en détail

jquery Mobile La bibliothèque JavaScript pour le Web mobile Avec la contribution de Thomas Ber tet Groupe Eyrolles, 2012, ISBN : 978-2-212-13388-2

jquery Mobile La bibliothèque JavaScript pour le Web mobile Avec la contribution de Thomas Ber tet Groupe Eyrolles, 2012, ISBN : 978-2-212-13388-2 jquery Mobile La bibliothèque JavaScript pour le Web mobile É r i c S a r r i o n Avec la contribution de Thomas Ber tet Groupe Eyrolles, 2012, ISBN : 978-2-212-13388-2 Table des matières PREMIÈRE PARTIE

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

1 Formulaire. 1.1 Créer un formulaire

1 Formulaire. 1.1 Créer un formulaire 1 Formulaire 1.1 Créer un formulaire Placez-vous à l endroit où vous avez choisi de créer votre formulaire. Dans le menu déroulant en bas de la page centrale, sélectionnez «Formulaire», puis cliquez sur

Plus en détail

OUTILS WEB. Solution du Partiel

OUTILS WEB. Solution du Partiel Université de Provence L3 Info Année 2009-2010 OUTILS WEB Solution du Partiel Remarques : les documents (livres, notes de cours, ) sont autorisés, le barème est donné à titre approximatif et pourra être

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

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

AGASC / BUREAU INFORMATION JEUNESSE 06700 Saint Laurent du Var - E mail : bij@agasc.fr / Tel : 04.93.07.00.66 CONSIGNE N 1 :

AGASC / BUREAU INFORMATION JEUNESSE 06700 Saint Laurent du Var - E mail : bij@agasc.fr / Tel : 04.93.07.00.66 CONSIGNE N 1 : CONSIGNE N 1 : Rédiger puis envoyer un nouveau message La fenêtre de la boîte de messagerie s affiche Cliquer sur «Ecrire» ou «Nouveau message» pour ouvrir cette nouvelle fenêtre. Ensuite, suivre cette

Plus en détail

Fiche pratique www.ecardsparis1.fr

Fiche pratique www.ecardsparis1.fr Fiche pratique www.ecardsparis1.fr Pour des raisons de sécurité des informations personnelles pouvant y figurer, nous vous rappelons que pour accéder à l application ecards de Paris 1, vous devez vous

Plus en détail

TP HTML n 3 : Les formulaires et le PHP

TP HTML n 3 : Les formulaires et le PHP TP HTML n 3 : Les formulaires et le PHP 1 ) Qu'est-ce qu'un formulaire? En HTML, un formulaire est un espace de saisie dans une page web, pouvant comporter plusieurs zones, ou champs : on peut y saisir

Plus en détail

Modules ICI relais & EXAPAQ Predict v4.0

Modules ICI relais & EXAPAQ Predict v4.0 Documentation technique Modules ICI relais & EXAPAQ Predict v4.0 OsCommerce 2.3 Sommaire Sommaire 1. Introduction... 3 2. Installation des modules... 4 3. Configuration des modules... 6 4. Utilisation

Plus en détail

Créer des visites virtuelles avec Google Earth

Créer des visites virtuelles avec Google Earth Créer des visites virtuelles avec Google Earth Parmi les outils géomatiques, Google Earth se distingue par la possibilité de créer des parcours, des visites virtuelles et de les enregistrer sous forme

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

EXCEL 1 - PRISE EN MAIN

EXCEL 1 - PRISE EN MAIN EXCEL 1 - PRISE EN MAIN I - Qu est-ce qu un tableur? Excel est un logiciel permettant d élaborer des feuilles de calculs automatiques présentées la plupart du temps sur de grandes feuilles quadrillées.

Plus en détail

EXERCICES PHP. Objectifs : inclure des balises php dans une page HTML. Mixer le code php et HTML. Utilisation de balises.

EXERCICES PHP. Objectifs : inclure des balises php dans une page HTML. Mixer le code php et HTML. Utilisation de balises. EXERCICES PHP EXERCICE 1 : Afficher dans une page la phrase «Ceci est une ligne créée uniquement en PHP». Afficher à la ligne suivante : «Ceci est la 2 ème phrase créée avec PHP». Créer un lien sur le

Plus en détail

IMPLANTATION DU CODE...

IMPLANTATION DU CODE... JAVASCRIPT Table des matières INTRODUCTION... 4 QU'EST-CE QUE LE JAVASCRIPT?... 4 NE PAS CONFONDRE JAVASCRIPT ET JAVA.... 4 A QUOI RESSEMBLE UN SCRIPT?... 4 AJOUTER DES COMMENTAIRES DANS VOTRE CODE...

Plus en détail

Documentation Vidati.fr

Documentation Vidati.fr Documentation Vidati.fr Ce document comportera quelques éléments qui permettrons aux futurs développeurs du site vidati.fr de pouvoir se mettre en situation rapidement ainsi que de comprendre le code précédemment

Plus en détail

Vous pouvez utiliser votre propre script personnalisé (ISAPI, NSAPI ou CGI) comme programme de traitement de formulaire.

Vous pouvez utiliser votre propre script personnalisé (ISAPI, NSAPI ou CGI) comme programme de traitement de formulaire. Récupérer et stocker les données de formulaire entrées par les visiteurs du site Par défaut, les résultats du formulaire sont enregistrés dans un fichier texte. Définir un formulaire pour enregistrer les

Plus en détail

Université Bordeaux Segalen Licence 3 MIASHS, semestre 6 (2014/2015)

Université Bordeaux Segalen Licence 3 MIASHS, semestre 6 (2014/2015) Université Bordeaux Segalen Licence 3 MIASHS, semestre 6 (2014/2015) Conception de Sites Web Dynamiques : TD 7 Inscription de membres - Variables de sessions - Formulaires pour insérer des images Version

Plus en détail

Technique Internet de Base Javascript avancé

Technique Internet de Base Javascript avancé Technique Internet de Base Javascript avancé morge@di.unipi.it Licence 2 Université Jean Monnet 2008-2009 Introduction Un langage de programmation objet à prototype Un langage de programmation événementiel.

Plus en détail

Création WEB avec DreamweaverMX

Création WEB avec DreamweaverMX Creation Web avec DreamweaverMX MX Initiation Sommaire.preparation.mise en forme.liens hypertextes.images.liens sur images.images avec zones sensibles.images survolees.liens de type courriel.apercu dans

Plus en détail

Créer des animations en ligne avec le site Loxiastudio

Créer des animations en ligne avec le site Loxiastudio Créer des animations en ligne avec le site Loxiastudio Le site Loxiastudio (http://www.loxiastudio.com/fr/) offre un moyen simple et efficace de réaliser des galeries photos flash et HTML5 en ligne, de

Plus en détail

12. JavaScript. Cours Web. JavaScript. 12. JavaScript. 12. JavaScript. JavaScript. Lionel Seinturier. Université Pierre & Marie Curie.

12. JavaScript. Cours Web. JavaScript. 12. JavaScript. 12. JavaScript. JavaScript. Lionel Seinturier. Université Pierre & Marie Curie. Cours Web Lionel Seinturier Université Pierre & Marie Curie Lionel.Seinturier@lip6.fr 11/7/02 Programme Java s'exécutant côté client Web (ie dans le navigateur) applet prog. "autonome" stocké dans un fichier.class

Plus en détail