EFM
Durée 2 heures
Remarques générales
1 même si
les questions semblent liées, elles peuvent toutefois être traitées indépendamment
l'une de l'autre
2 on
n'écrira que les lignes html sans entête (doctype, meta, …)
On se propose d'écrire une page HTML et des fonctions
Javascript permettant de jouer au Sudoku. (sans en expliquer les règles ici)
Pour cela :
Question 1 (4 points) Ecrire les lignes HTML
permettant d'obtenir le tableau suivant :
les cellules sont des zones de texte d'un formulaire. Bien sûr, les cellules
qui contiennent des chiffres au départ sont non modifiables par l'utilisateur. Aucun
style ne devra apparaître dans les balises mais dans une feuille de style.
Question 2 – (2 points) L'utilisateur doit entrer un chiffre dans chaque case
vide. Lorsqu'il a fini, il a deux possibilités offertes par deux boutons :
vérifier que la grille est correctement remplie ou charger la solution sur une
autre page html
Ecrire les lignes html permettant d'ajouter ces deux boutons
au formulaire précédent sans écrire les fonctions.
Remarque : le
texte des boutons est écrit en police Times new roman, de taille 10 points. La
couleur du texte est rouge pour le premier et bleue pour le second ; l'aspect des
boutons est en relief, l'épaisseur de leurs bordures est de 4 pixels et la
couleur de fond jaune. La largeur des boutons est de 200 pixels pour le premier
et 100 pixels pour le second Aucun style ne devra apparaître dans les
balises mais dans la feuille de style.
Question
3 – (6 points) Mise en place des fonctions liées aux trois boutons :
a- (2 points) le premier
bouton permet d'ouvrir une page HTML "grille2.htm" (qui contient la
solution) dans une nouvelle fenêtre. Ecrire les lignes HTML et javascript permettant
d'ouvrir la nouvelle fenêtre lors du clic sur le bouton "solution dans
nouvelle page" avec la page grille2.htm. La nouvelle fenêtre n'aura aucune
barre d'outils, menu, ascenseur… et aura comme dimensions 200 par 200. (Attention
on ne vous demande pas d'écrire la page grille2.htm !!).
b – (1 point) la page
grille2.htm contient un bouton permettant de fermer cette nouvelle fenêtre lors
d'un clic. Ecrire les lignes HTML permettant de décrire ce bouton ainsi
que la fonction Javascript permettant de fermer la fenêtre (attention
on ne vous demande pas la page grille2.htm complète mais seulement le bouton !!).
Exemple
c – (3 points) Le bouton
"vérifier ma grille" permet seulement de vérifier que la grille est
complètement remplie (plus aucune cellule vide). Si c'est le cas, la grille
sera envoyée par courrier électronique. Sinon, le "focus" est donné à
la première zone vide trouvée.
Modifier si nécessaire
votre formulaire de la question 1 et écrire
la fonction javascript permettant d'effectuer cette vérification et
d'envoyer éventuellement la grille.
Dans l'exemple ci-dessous, le clic sur le bouton
"vérifier ma grille" a permis de déceler qu'une cellule de la zone en
haut à gauche est vide. Le "focus" est alors donnée à cette case afin
de la compléter.
