Ouverture au web sémantique : micro-données, micro-formats et data-*

Dans le cadre de la création d'un jeu, vous devez créer une page web. Le but du jeu sera de deviner le titre du film en voyant sa description. Ici, vous travaillerez avec le film Forrest Gump uniquement.

Question

Créez une page web avec la description du film. Le titre apparaîtra dans une pop-up lors d'un clic sur la description.

Indice

Une pop-up peut être affichée avec la fonction alert(message) message étant une chaîne de caractère.

Indice

Vous pouvez toujours trouver les informations sur le film sur le site : Forrest Gump

Indice
1
<html>
2
	<head>
3
		<title>GuessMyMovie</title>
4
		<meta charset="utf-8"/>
5
		<script>
6
		</script>
7
	</head>
8
	<body>
9
	</body>
10
</html>
Solution
1
<html>
2
	<head>
3
		<title>GuessMyMovie</title>
4
		<meta charset="utf-8"/>
5
		<script>
6
			function showTitle(movie) {
7
				var movieName = movie.getAttribute("data-movie-name");
8
				alert(movieName);
9
			}
10
		</script>
11
	</head>
12
	<body>
13
		<div onclick="showTitle(this)" data-movie-name="Forrest Gump">
14
				Quelques décennies d'histoire américaine, des années 1940 à la fin du XXème siècle, à travers le regard et l'étrange odyssée d'un homme simple et pur.
15
		</div>
16
	</body>
17
</html>
PrécédentPrécédentFin
AccueilAccueilImprimerImprimer Bastien FREMONDIERE, 2015 (Contributions : Stéphane Crozat, les étudiants de NF29) Paternité - Partage des Conditions Initiales à l'IdentiqueRéalisé avec Scenari (nouvelle fenêtre)