Affichage du code PML – 'pml/contact.pml' :

   1 <pml <%scripts>pmldoc.pss>

   2 # Principales définitions de métabalises externalisées dans 'pmldoc.pss' (cf. autres pages pour les visualiser)

   3 §note <note #parent=hr>

   4

   5 <meta #name=keywords #content='''science-fiction, Lunatique, DAS, Orion, PML, Markup Language, HTML, ePub'''>

   6 <meta #name=author #content=Jean-Luc\ Blary>

   7 <link #rel=stylesheet #href=<pmlroot>pml/pmldoc.css #type=text/css>

   8 <title PML – <@contact>>

   9

  10 # Définition des couleurs de boutons externalisées dans boutons.pml

  11 <import <%scripts>boutons.pml>

  12

  13 # Données du formulaire

  14 §%@c_init <>

  15 §%@c_nom <>

  16 §%@c_mel <>

  17 §%@c_region <>

  18 §%@c_objet <>

  19 §%@c_texte <>

  20

  21 # Vérification des données et envoi du message

  22 §%@msg1_cmel <<py contact_mel('<%@c_mel>','<%@c_init>')>>

  23 §%@msg2_cobjet <<py contact_objet('<%@c_objet>','<%@c_init>')>>

  24 §%@msg3_ctexte <<py contact_texte('<%@c_texte>','<%@c_init>')>>

  25 §%@msg9_OK <<py contact_envoi('<%@c_nom>','<%@c_mel>','<%@c_region>','<%@c_objet>','<%@c_texte>')>>

  26

  27 <div #style=display:table;width:100%;height:100vh

  28 ———›# Colonne de gauche avec menu

  29 ———›<div #style=min-width:200px;display:table-cell;background:#e0e0e0;border-right:2px\ solid\ grey;padding-top:10px;background-image:url(<pmlroot>index_fond.jpg);background-attachment:scroll;background-position:top\ left;background-repeat:repeat;

  30 ———›———›<p.centre <img #<pmlroot>images/pml225.png #style=width:190px>>

  31 ———›———›<espace>

  32 ———›———›# Ajout des boutons

  33 ———›———›<table.bouton

  34 ———›———›———›<tr #height=24px <td.bouton+orange <a.neutre #<pmlroot>index.pml   <@home>  >>>

  35 ———›———›———›<trv>

  36 ———›———›———›<tr #height=24px <td.bouton+cyan <a.neutre #<pmlroot>pml/index.pml   <@Presentation>  >>>

  37 ———›———›———›<trv>

  38 ———›———›———›<tr #height=24px <td.bouton+bleu <a.neutre #<pmlroot>pml/pmldoc.pml <blanc   <@Documentation>  >>>>

  39 ———›———›———›<trv>

  40 ———›———›———›<tr #height=24px <td.bouton+bordeaux <a.neutre #<pmlroot>pml/download.pml <blanc   <@Downloading>  >>>>

  41 ———›———›———›<trv>

  42 ———›———›———›<tr #height=24px <td.bouton+violet <a.neutre #<pmlroot>pml/changelog.pml #target=_blank <blanc   Changelog  >>>>

  43 ———›———›———›<trv>

  44 ———›———›———›<tr #height=24px <td.bouton+vert <a.neutre #<pmlroot>pml/sources.pml   <@understand_PML>  >>>

  45 ———›———›———›<trv>

  46 ———›———›———›<tr #height=24px <td.bouton+gris <a.neutre #<pmlroot>source.pml?src=<document>&lang=<lang> #target=_blank   <@show_PML_code>  >>>

  47 ———›———›———›>

  48 ———›———›>

  49 ———›# Affichage principal

  50 ———›<div #style=display:table-cell;width:100%;padding-left:10px;padding-right:10px;vertical-align:top;

  51 ———›———›<div #style=background-image:url(<pmlroot>index_fond.jpg);background-attachment:scroll;background-position:top\ left;background-repeat:repeat;

  52 ———›———›———›<p.arial+centre #style=font-size:50px;line-height:60px <b <pm <vert P>ersonnalisable <vert M>arkup <vert L>anguage>>>

  53 ———›———›———›<p.arial+centre #style=font-size:40px;line-height:40px <b <pm <@contact>>>>

  54 ———›———›———›>

  55 ———›———›<espace>

  56 ———›———›<section

  57 ———›———›———›# Mise en section pour pouvoir gérer les notes

  58 ———›———›———›<p Une question sur PML, une critique, un commentaire, une suggestion ? Écrivez-lo<note écriture avec réintroduction du genre neutre/indéterminé/mixte – ici, <arialb lo> équivaut à <arialb le ou la> –, page à venir.> ici, je vous répondrai dès que possible.<note Sous réserve qu’il s’agisse de quelque chose de constructif.><note Si cela présente un intérêt général, ajout possible à la future F.A.Q.>>

  59 ———›———›———›<espace>

  60 ———›———›———›<form #name=form1 #method=post #action=?lang=<lang>

  61 ———›———›———›———›<div #style=border:1px;width:700px;margin:1px\ auto

  62 ———›———›———›———›———›<fieldset #style=background-color:lightgrey

  63 ———›———›———›———›———›———›<table #border=0

  64 ———›———›———›———›———›———›———›<tr

  65 ———›———›———›———›———›———›———›———›<td #style=min-width:200px;text-align:right Votre nom : >

  66 ———›———›———›———›———›———›———›———›<td <input #type=text #name=@c_nom #maxlength=40 #size=30 <%@c_nom>>>

  67 ———›———›———›———›———›———›———›———›>

  68 ———›———›———›———›———›———›———›# Message d’erreur conditionnel

  69 ———›———›———›———›———›———›———›<incl %@msg1_cmel <tr <td <rouge <%@msg1_cmel>>>>>

  70 ———›———›———›———›———›———›———›<tr

  71 ———›———›———›———›———›———›———›———›<td #style=min-width:200px;text-align:right <rouge (*)> Votre adresse e-mail : >

  72 ———›———›———›———›———›———›———›———›<td

  73 ———›———›———›———›———›———›———›———›———›<input #type=text #name=@c_mel #maxlength=40 #size=30 <%@c_mel>>>

  74 ———›———›———›———›———›———›———›———›>

  75 ———›———›———›———›———›———›———›<tr

  76 ———›———›———›———›———›———›———›———›<td #style=min-width:200px;text-align:right Votre région ou votre pays : >

  77 ———›———›———›———›———›———›———›———›<td <input #type=text #name=@c_region #maxlength=50 #size=40 <%@c_region>>>

  78 ———›———›———›———›———›———›———›———›>

  79 ———›———›———›———›———›———›———›<incl %@msg2_cobjet <tr <td <rouge <%@msg2_cobjet>>>>>

  80 ———›———›———›———›———›———›———›<tr

  81 ———›———›———›———›———›———›———›———›<td #style=min-width:200px;text-align:right <rouge (*)> L’objet de votre message : >

  82 ———›———›———›———›———›———›———›———›<td <input #type=text #name=@c_objet #maxlength=64 #size=40 <%@c_objet>>>

  83 ———›———›———›———›———›———›———›———›>

  84 ———›———›———›———›———›———›———›<incl %@msg3_ctexte <tr <td <rouge <%@msg3_ctexte>>>>>

  85 ———›———›———›———›———›———›———›<tr

  86 ———›———›———›———›———›———›———›———›<td #style=min-width:200px;text-align:right;vertical-align:top <rouge (*)> Votre commentaire : >

  87 ———›———›———›———›———›———›———›———›<td <textarea #name=@c_texte #rows=12 #cols=40 <%@c_texte>>>

  88 ———›———›———›———›———›———›———›———›>

  89 ———›———›———›———›———›———›———›>

  90 ———›———›———›———›———›———›>

  91 ———›———›———›———›———›>

  92 ———›———›———›———›<div #style=border:0px;width:700px;margin:10px\ auto;text-align:center

  93 ———›———›———›———›———›<button.bouton+mandarine #type=submit #name=envoi #style=cursor:pointer <b   Envoyer  >>

  94 ———›———›———›———›———›<input #type=hidden #name=@c_init #value=OK>

  95 ———›———›———›———›———›>

  96 ———›———›———›———›>

  97 ———›———›———›# Affichage de confirmation si OK

  98 ———›———›———›<incl %@msg9_OK>

  99 ———›———›———›<espace>

 100 ———›———›———›<div #style=border:0px;width:700px;margin:1px\ auto;text-align:center

 101 ———›———›———›———›<p <bleu <b Votre message a été transmis. Une copie a été envoyée à votre adresse de courriel.>>>

 102 ———›———›———›———›>

 103 ———›———›———›<incl>

 104 ———›———›———›<espace>

 105 ———›———›———›<hr>

 106 ———›———›———›# Fin de section

 107 ———›———›———›>

 108 ———›———›<p.centre+p10 © 2017 Jean-Luc-Blary>

 109 ———›———›>>

 110


© 2017 Jean-Luc-Blary