alphawiki

user:anonymous

°°° ************************************************* °°°
{require lib_menu}
{require lib_fonctions}
{M+}{fond}
{{hide}{def AVANT alpha_date}{def APRES Le code}}
°°° ************************************************* °°°
{{TITRE} Références & annotations}
{CR}
{div {PG} 1. Les références}
_p Pour les références permettant de se positionner à divers endroits d'une page, le plus simple est de consulter la page d'Alain sur le sujet.
{{links}[[référence d'Alain|http://epsilonwiki.free.fr/lambdaway/?view=anchor]]}
_p ou encore d'aller à: {{links}[[Les appels|?view=Les appels]]}
{CR}
{div {PG} 1. Les annotations}
_p On veut parfois mettre une note en marge. Pour cela on peut s'écrire une petite fonction avec, dans l'exemple suivant, 4 paramètres:
{b t} {tab 20}Pour le décalage vers le bas en pixels de l'encadré à afficher.{br}
{b w} {tab 12}Pour la largeur en pixels de l'encadré è afficher{br}
{b n} {tab 15}Pour l'identification de la note à afficher{br}
{b c} {tab 15}Pour la référence à ce qu'il faut afficher comme contenu défini par un "def".
_p Exemple:
{{bloc 1}
'{commentaire -30 580 Note_1 c1}
}
{commentaire -90 580 Note_1 c1}

_p La position est en relatif par rapport à l'endroit de la page où on l'appelle. L'encadré du déclencheur a un style défini qui peut être écrit autrement. L'encadré du commentaire ou de la note a aussi un style particulier que l'on peut changer autrement. Il peut contenir tout ce qu'un encadré peut contenir, texte, image, constructions géométriques et ainsi de suite.
_p la fonction du contenu de la note est mise en format caché par un "hide" ou dans la section du programmeur.
{{bloc 1}
'{def commentaire
  {lambda {:t :w :n :c}
  {div {@ style="position:relative;"}
    {note_start :n
      {div
       {@ style="
          position:absolute;
          top::tpx; left::wpx;
          color:black; font:bold 1.0em arial;
          background-color:#fff;
          border:solid; 
          border:4px solid orange;
          border-radius:10px 0px 0px 10px;
          padding:0 5px;"}
       {center :n}
    }}
    {note_end
       {@ id=":n"}
       {blockquote {drag}
         {@ style="position:absolute;
            top:20px; left:0px; width:{- :w 60}px;
            z-index:15;
            background-color:moccasin;
            font:italic bold 1.0em arial;"}
         {:c}}
    }
 }
}}
{{bloc 2}
{def commentaire
  {lambda {:t :w :n :c}
  {div {@ style="position:relative;"}
    {note_start :n
      {div
       {@ style="
          position:absolute;
          top::tpx; left::wpx;
          color:black; font:bold 1.0em arial;
          background-color:#fff;
          border:solid; 
          border:4px solid orange;
          border-radius:10px 0px 0px 10px;
          padding:0 5px;"}
       {center :n}
    }}
    {note_end
       {@ id=":n"}
       {blockquote {drag}
         {@ style="position:absolute;
            top:20px; left:0px; width:{- :w 60}px;
            z-index:15;
            background-color:moccasin;
            font:italic bold 1.0em arial;"}
         {:c}}
    }
 }
}}
}}
{{hide}
{def c1 
{center _h6 Commentaire 1:}
_p Voilà un premier commentaire agrémenté de la photo du maître: 
{center
 {img {@ src="data/AMarty.jpg" height="100"}}}
}
}
{CR}
{div {PG} 3. Les fenêtres temporaires}
{CR}
_p Une autre façon d'ouvrir un supplément d'information et d'ouvrir une fenêtre window avec votre contenu. Elle est appelée par un bouton avec le titre que vous voulez, qui ouvre et ferme la fenêtre:
Exemple:

{center {input 
 {@ type="submit" 
    value="open window" onclick="openwindow(this)"}}}
_h6 CODE de la fonction:
{{bloc 1}
'{center {input 
 {@ type="submit" 
    value="open window" onclick="openwindow(this)"}}}

'{script **
function openwindow(id)
 {if
   ((typeof win == 'undefined') 
                || !(win.open)
                || win.closed
   ) 
   {var params = 'left=10,top=10,width=300,height=150';
    win = window.open('','',params);
    newdocument = win.document;
    var content = (getId('content'))? 
    getId('content').innerHTML : 'Where is the content?';
    newdocument.write( LAMBDATALK.eval_forms(content) );
    newdocument.close();
    id.value='close window';
 } 
 else 
 { 
   win.close();
   id.value='open window';
 }
}
**}
{{bloc 2}
{center {input 
 {@ type="submit" 
    value="open window" onclick="openwindow(this)"}}}

{script °°
function openwindow(id)
 {if
   ((typeof win == 'undefined') 
                || !(win.open)
                || win.closed
   ) 
   {var params = 'left=10,top=10,width=300,height=150';
    win = window.open('','',params);
    newdocument = win.document;
    var content = (getId('content'))? 
    getId('content').innerHTML : 'Where is the content?';
    newdocument.write( LAMBDATALK.eval_forms(content) );
    newdocument.close();
    id.value='close window';
 } 
 else 
 { 
   win.close();
   id.value='open window';
 }
}
°°}
}}
_h6 CODE du contenu:
{{bloc 1}
'{blockquote
 {div {@ id="content" }
  {center {h1 Une fenêtre d'appoint}}
{tab 20}située à 10 pixels de la gauche et du haut de l'écran et de 300 pixels de large et 150 de haut
}}
{{bloc 2}
{blockquote
 {div {@ id="content" }
  {center {h1 Une fenêtre d'appoint}}
{tab 20}située à 10 pixels de la gauche et du haut de l'écran et de 300 pixels de large et 150 de haut
}}
}}
_h5 Pour une autre fenêtre...