Différences

Ci-dessous, les différences entre deux révisions de la page.

--- wiki:ressources:narration-interactive [2020/11/20 19:09]
damien.muti [Programmation HTML/CSS : Étude d'un exemple]
+++ wiki:ressources:narration-interactive [2020/11/20 19:21]
damien.muti [Programmation HTML/CSS : Étude d'un exemple]
@@ Ligne 333: / Ligne 333: @@
 <code>
-node.onclick=function()
+node.onclick=function() {
-{
   this.className = (this.className == "on") ? "off" : "on";
 }
 </code>
-Lorsqu'on clique sur le noeud //node// en question, on lance la fonction //function()// qui réalise le test conditionnel suivant :
+Lorsqu'on clique sur le nœud //node// en question, on lance la fonction //function()// qui réalise le test conditionnel suivant :
 <code>
 this.className = (this.className == "on") ? "off" : "on";
 </code>
-**Si** le nom de la classe (//className//) à laquelle appartient le nœud //node// (repéré ici par le pointeur //this//) vaut //"on"//, **alors** on change sa valeur en //"on"// (//this.className = "off"), **sinon** (si //this.className == "off"//), alors on change sa valeur en //"on"// (//this.className = "on").
+**Si** le nom de la classe (//className//) à laquelle appartient le nœud //node// (repéré ici par le pointeur //this//) vaut //"on"//, **alors** on change sa valeur en //"on"// (//this.className = "off"//), **sinon** (si //this.className == "off"//), **alors** on change sa valeur en //"on"// (//this.className = "on"//).
+=== La page d'introduction ===
+Lorsqu'on clique sur //>>begin<<//, on arrive sur la page d'introduction de la narration :
+{{ :wiki:ressources:page_intro.png?400 |}}
+Cette page contient un seul bouton //"NEXT"// qui renvoie vers la page qui suit.
+== Code HTML ==
+Le code HTML est le suivant :
+<code>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>THUNDERPAW_ INTRO</title>
+<style type="text/css">
+#text {
+vertical-align:	top;
+border: 0px;
+width:616px;
+margin-left: auto;
+margin-right: auto;
+margin-bottom: 0%;
+}
+body {
+    background: url(0bg.gif) fixed repeat-x bottom;
+	margin-bottom: 0%;
+	margin-left: 0%;
+	margin-top: 0%;
+	margin-right: 0%;
+}
+</style>
+<link rel="stylesheet" type="text/css" href="Vcomic.css" />
+</head>
+<body>
+<h1>>THUNDERPAW_INTRO</h1>
+<h2><a href="http://thunderpaw.co/chselect.html">[CHAPTER SELECT]</a> <a href="http://thunderpaw.co">[MAIN MENU]</a></h2>
+<center>
+<div id="text">
+  <img src="0.gif">
+ <a href="2.html"><img src="next.gif"></a>
+</div>
+</body>
+</html>
+</code>
+On remarque que le bouton "NEXT" est repéré par le lien :
+<code>
+<a href="2.html"><img src="next.gif"></a>
+</code>
+Ce lien renvoie vers la page "2.html"
 ===== Ressources et exemples =====

TONER KEBAB WIKI

Outils pour utilisateurs

Outils du site

Différences

Outils de la page