Organisation d'un document

Un document se compose d'un certain nombre de pages qui présentent un contenu : du texte et des zones de dialogue. En dehors du contenu, une page affichée présente les deux boutons "Précédent" et "Suivant" : l'ensemble (contenu et boutons) représente un écran.

  • le bouton "Suivant" : permet d'aller à la page suivante, après validation des données renseignées par l'utilisateur
  • le bouton "Précédent" : permet de retourner à la page précédente, sans validation des données du formulaire de la page

En général, une page correspond à un écran, de même qu'un écran correspond à une page. On peut toutefois grouper plusieurs pages sur un même écran.

 

Page 1 TdM

Titre
Organisation d'un document
Afficher
#screen =
<div style=" margin-bottom:10px; padding:0 10px;">[#haut]</div>
<div style=" padding:10px; background-color:#fff; border:1px solid #ccc;">[#page][#milieu]</div>
<div style=" padding:10px;">[#bas]</div>
#haut =
<div style=" float:right;">[Haut:la page 1:Table des matières]</div>
[#prevLink] | [#nextLink]
#milieu =
#bas =
<div style=" float:right;">[Haut:la page 1:Table des matières]</div>
[#prevLink] | [#nextLink]
Afficher localement
#haut = &nbsp;
#milieu = <div style=" text-align:center;">[#nextBtn]</div>
#bas = &nbsp;
#nextValue = Commencer
#screen[background-color:#fff;] = background-color:#ffc;
Controler
la case 1 est importé de Regrouper
Afficher
Un document se compose d'un certain nombre de [[pages]] qui présentent un [[contenu]] : du texte et des zones de dialogue. En dehors du contenu, une page affichée présente les deux boutons "Précédent" et "Suivant" : l'ensemble (contenu et boutons) représente un écran.
- le bouton "Suivant" : permet d'aller à la page suivante, après validation des données renseignées par l'utilisateur
- le bouton "Précédent" : permet de retourner à la page précédente, sans validation des données du formulaire de la page
En général, une page correspond à un écran, de même qu'un écran correspond à une page. On peut toutefois [[grouper]] plusieurs pages sur un même écran.
- [Conventions Lexicales:la page Lexical:]
- [Contenu:la page Contenu:]
- [Liens dans le contenu:la page Lien:]
- [Syntaxe générale:la page Syntaxe:]
- [Actions sur une page:la page une page:]
- [Actions sur plusieurs pages:la page plusieurs pages:]
- [Désignation des éléments d'une page:la page Désignation:]
- [Structure des instructions:la page Instruction:]
- [Compléments techniques:la page Technique:]
- [Variables d'environnement:la page Environ:]
<case 1> Regrouper les sections

Code JavaScript "Page1"

Page1Résultat de la page 1 TdM
SyntaxePage1(TITLE,CONTENT)
Paramètres
nomtypecommentaire
CONTENTOUTContenu de la page (code HTML)
TITLEOUTTitre de la page (code HTML)
Fonctions util.
Aucune
Appelants
getPageCode HTML de l'écran (le groupe de pages)
function Page1(TITLE,CONTENT) {
      var x='';
      TITLE[0] = ('<h1>Organisation d'un document</h1>')+"\n";
            x+= ('  <p>Un document se compose d\'un certain nombre de <em>pages</em> qui présentent un <em>contenu</em> : du texte et des zones de dialogue. En dehors du contenu, une page affichée présente les deux boutons &quot;Précédent&quot; et &quot;Suivant&quot; : l\'ensemble (contenu et boutons) représente un écran.</p>')+"\n";
            x+= ('  <ul>')+"\n";
            x+= ('    <li>le bouton &quot;Suivant&quot; : permet d\'aller à la page suivante, après validation des données renseignées par l\'utilisateur</li>')+"\n";
            x+= ('    <li>le bouton &quot;Précédent&quot; : permet de retourner à la page précédente, sans validation des données du formulaire de la page</li>')+"\n";
            x+= ('  </ul>')+"\n";
            x+= ('  <p>En général, une page correspond à un écran, de même qu\'un écran correspond à une page. On peut toutefois <em>grouper</em> plusieurs pages sur un même écran.</p>')+"\n";
            x+= ('  <ul>')+"\n";
            x+= ('    <li><a href="../../QCM/aide/javascript-2.html">Conventions Lexicales</a></li>')+"\n";
            x+= ('    <li><a href="../../QCM/aide/javascript-5.html">Contenu</a></li>')+"\n";
            x+= ('    <li><a href="../../QCM/aide/javascript-11.html">Liens dans le contenu</a></li>')+"\n";
            x+= ('    <li><a href="../../QCM/aide/javascript-14.html">Syntaxe générale</a></li>')+"\n";
            x+= ('    <li><a href="../../QCM/aide/javascript-17.html">Actions sur une page</a></li>')+"\n";
            x+= ('    <li><a href="../../QCM/aide/javascript-22.html">Actions sur plusieurs pages</a></li>')+"\n";
            x+= ('    <li><a href="../../QCM/aide/javascript-26.html">Désignation des éléments d\'une page</a></li>')+"\n";
            x+= ('    <li><a href="../../QCM/aide/javascript-31.html">Structure des instructions</a></li>')+"\n";
            x+= ('    <li><a href="../../QCM/aide/javascript-35.html">Compléments techniques</a></li>')+"\n";
            x+= ('    <li><a href="../../QCM/aide/javascript-40.html">Variables d\'environnement</a></li>')+"\n";
            x+= ('  </ul>')+"\n";
            x+= ('  <table border="0" cellpadding="0" cellspacing="0">')+"\n";
            x+= ('    <tr>')+"\n";
            x+= ('      <td><input type="checkbox" id="E1_3" name="E1_3" value="E1_3"'+((TD[0]["E1_3"]!="")?' checked="checked"':'')+' /></td>')+"\n";
            x+= ('      <td><label for="E1_3">Regrouper les sections</label></td>')+"\n";
            x+= ('    </tr>')+"\n";
            x+= ('  </table>')+"\n";
            x+= ('<input type="hidden" id="P1" name="P1" value="P1" />')+"\n";
      CONTENT[0] = x;
}
Pages
Choix