1 VARIANTE 2

Exercice 1 (8 points)

1. Écrire une fonction JavaScript nommée comparer () permettant de comparer les lettres de deux mots (chaines de caractères) et d’afficher les lettres communes à ces deux mots.

Si la même lettre apparait à plusieurs reprises dans chacun des deux mots, elle sera affichée autant de fois qu’elle apparait.(4 points)

Exemple d’exécution : Donnez votre premier mot : photoshop Donnez votre deuxième mot : papillon

La lettre p est commune aux deux mots La lettre o est commune aux deux mots La lettre p est commune aux deux mots

2. Créer un formulaire contenant deux zones de saisie et un bouton "comparer". En cliquant sur le bouton " comparer ", on appelle la fonction comparer en lui passant comme paramètre le contenu des deux boîtes de saisie.(4 points)

Exercice 2 (12 points) 1. En utilisant le tableau, ci-dessous, Créer un formulaire permettant de recherche le signe

astrologique correspondant à une date saisie par l’utilisateur.(4 points) A titre de rappel, voici les périodes correspondant à chaque signe astrologique :

Signe Période Bélier du 20 mars au 18 avril Taureau du 19 avril au 19 mai Gémeaux du 20 mai au 20 juin Cancer du 21 juin au 21 juillet Lion du 22 juillet au 21 août Vierge du 22 août au 21 septembre Balance du 22 septembre au 22 octobre Scorpion du 23 octobre au 21 novembre Sagittaire du 22 novembre au 20

décembre Capricorne du 21 décembre au 18 janvier Verseau du 19 janvier au 17 février Poisson du 18 février au 20 mars

1. Gérer les erreurs de saisie de saisie des dates par les utilisateurs (champs vides, date invalide) et ajouter un bouton pour imprimer la page(4 points)

OFPPTT

Office de la Formation Professionnelle et de la Promotion du Travail

Evaluation de Fin de Module: M20Application hypermédias Année 2012 /2013

21 JUIN 2013

Filière : TSDI Niveau : 2ème année Variante 2 Durée : 2h Barème : 40 points

2 VARIANTE 2

2. créer une feuille de style css avec les contraintes suivantes(4 points) · le fond de la page est de couleur noire · les tableau borduré d'une épaisseur de 6 pixels, couleur blanche et style groove; les cellules du tableau ont une largeur de 50 pixels ; · le texte dans le tableau est écrit en rouge ;

Exercice 3 (4 points) Créer le formulaire suivant, le clique sur Mes coordonnées va me permettre de pointer sur la page www.s1.ma , le lien Mon curriculum vitae pointe sur www.cv.ma et Me contacter permet d’envoyer un mail à candidat@gmail.com

iii. Mes coordonnées iv. Mon curriculum vitae v. Me contacter

Exercice 4 (12 points) Créer le formulaire ci-dessous, tous les champs sont obligatoire, le format de l’adresse mail doit valide

Exercice 5 (4 points)

1. Réaliser le tableau ci-dessous en utilisant le langage html et les feuilles de styles css: En suppose que les images se trouvent dans le même dossier de votre page html, et l’extension de ces images est jpeg