Affichage du code PML – 'contact.pml'

Affichage du code 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>

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>pmldoc.css #type=text/css>

8 <title PML – <@contact>>

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

11 <import <%scripts>boutons.pml>

13 # Données du formulaire

14 §%@c_init <>

15 §%@c_nom <>

16 §%@c_mel <>

17 §%@c_region <>

18 §%@c_objet <>

19 §%@c_texte <>

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>')>>

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 #https://www.blary.eu/index.pml <@home> >>>

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

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

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

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

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

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

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

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

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

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

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

46 ———›———›———›<tr #height=24px <td.bouton+olive <a.neutre #<pmlroot>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 ———›———›———›>

111 ———›———›>>

112