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+olive <a.neutre #<pmlroot>pml/pymyadmin.pml   PyMyAdmin  >>>

  47 ———›———›———›<trv>

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

  49 ———›———›———›>

  50 ———›———›>

  51 ———›# Affichage principal

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

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

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

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

  56 ———›———›———›>

  57 ———›———›<espace>

  58 ———›———›<section

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

  60 ———›———›———›<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.>>

  61 ———›———›———›<espace>

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

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

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

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

  66 ———›———›———›———›———›———›———›<tr

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

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

  69 ———›———›———›———›———›———›———›———›>

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

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

  72 ———›———›———›———›———›———›———›<tr

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

  74 ———›———›———›———›———›———›———›———›<td

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

  76 ———›———›———›———›———›———›———›———›>

  77 ———›———›———›———›———›———›———›<tr

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

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

  80 ———›———›———›———›———›———›———›———›>

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

  82 ———›———›———›———›———›———›———›<tr

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

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

  85 ———›———›———›———›———›———›———›———›>

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

  87 ———›———›———›———›———›———›———›<tr

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

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

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

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

  92 ———›———›———›———›———›———›>

  93 ———›———›———›———›———›>

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

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

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

  97 ———›———›———›———›———›>

  98 ———›———›———›———›>

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

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

 101 ———›———›———›<espace>

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

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

 104 ———›———›———›———›>

 105 ———›———›———›<incl>

 106 ———›———›———›<espace>

 107 ———›———›———›<hr>

 108 ———›———›———›# Fin de section

 109 ———›———›———›>

 110 ———›———›<p.centre+p10 © 2017,2018 Jean-Luc-Blary>

 111 ———›———›>>

 112


© 2017 Jean-Luc-Blary