| 3041 |
killian |
1 |
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
|
|
2 |
<html>
|
|
|
3 |
<head>
|
|
|
4 |
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
|
|
5 |
<title>Neem contact op met de auteur van de afbeelding</title>
|
|
|
6 |
<link rel="stylesheet" type="text/css" href="<?=$url_css?>contact.css" media="screen" />
|
|
|
7 |
<script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/1.6.2/jquery-1.6.2.min.js"></script>
|
|
|
8 |
<link type="text/css" rel="stylesheet" href="https://www.tela-botanica.org/commun/bootstrap/2.0.2/css/bootstrap.css">
|
|
|
9 |
<script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/validate/1.8.1/jquery.validate.min.js"></script>
|
|
|
10 |
<script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/validate/1.8.1/messages_fr.js"></script>
|
|
|
11 |
</head>
|
|
|
12 |
<body>
|
|
|
13 |
<script type="text/javascript">
|
| 3630 |
idir |
14 |
//<![CDATA[
|
|
|
15 |
|
| 3041 |
killian |
16 |
var donnees = new Array();
|
|
|
17 |
function envoyerCourriel() {
|
|
|
18 |
//console.log('Formulaire soumis');
|
|
|
19 |
if ($("#form-contact").valid()) {
|
|
|
20 |
var destinataireId = $("#fc_destinataire_id").attr('value');
|
|
|
21 |
var typeEnvoi = $("#fc_type_envoi").attr('value');
|
|
|
22 |
// l'envoi aux non inscrits passe par le service intermédiaire du cel
|
|
|
23 |
// qui va récupérer le courriel associé à l'image indiquée
|
|
|
24 |
var urlMessage = "https://www.tela-botanica.org/service:cel:celMessage/image/"+destinataireId;
|
|
|
25 |
var erreurMsg = "";
|
|
|
26 |
console.log($(this));
|
|
|
27 |
$.each($("#form-contact").serializeArray(), function (index, champ) {
|
|
|
28 |
var cle = champ.name;
|
|
|
29 |
cle = cle.replace(/^fc_/, '');
|
| 3630 |
idir |
30 |
|
| 3041 |
killian |
31 |
if (cle == 'sujet') {
|
|
|
32 |
champ.value += " - Carnet en ligne - Tela Botanica";
|
|
|
33 |
}
|
|
|
34 |
if (cle == 'message') {
|
|
|
35 |
champ.value += "\n--\n"+
|
|
|
36 |
"Dit bericht wordt u toegestuurd via de fotowidget van de ‘Carnet en Ligne’ van het Tela Botanica netwerk.\n"+
|
|
|
37 |
"http://www.tela-botanica.org/widget:cel:photo";
|
|
|
38 |
}
|
| 3630 |
idir |
39 |
|
| 3041 |
killian |
40 |
donnees[index] = {'name':cle,'value':champ.value};
|
|
|
41 |
});
|
|
|
42 |
$.ajax({
|
|
|
43 |
type : "POST",
|
|
|
44 |
cache : false,
|
|
|
45 |
url : urlMessage,
|
|
|
46 |
data : donnees,
|
|
|
47 |
beforeSend : function() {
|
|
|
48 |
$(".msg").remove();
|
|
|
49 |
},
|
|
|
50 |
success : function(data) {
|
|
|
51 |
$("#fc-zone-dialogue").append('<pre class="msg info">'+data.message+'</pre>');
|
|
|
52 |
},
|
|
|
53 |
error : function(jqXHR, textStatus, errorThrown) {
|
|
|
54 |
erreurMsg += "Erreur Ajax :\ntype : "+textStatus+' '+errorThrown+"\n";
|
|
|
55 |
reponse = jQuery.parseJSON(jqXHR.responseText);
|
|
|
56 |
if (reponse != null) {
|
|
|
57 |
$.each(reponse, function (cle, valeur) {
|
|
|
58 |
erreurMsg += valeur + "\n";
|
|
|
59 |
});
|
| 3630 |
idir |
60 |
}
|
| 3041 |
killian |
61 |
},
|
|
|
62 |
complete : function(jqXHR, textStatus) {
|
|
|
63 |
var debugMsg = '';
|
|
|
64 |
if (jqXHR.getResponseHeader("X-DebugJrest-Data") != '') {
|
|
|
65 |
debugInfos = jQuery.parseJSON(jqXHR.getResponseHeader("X-DebugJrest-Data"));
|
|
|
66 |
if (debugInfos != null) {
|
|
|
67 |
$.each(debugInfos, function (cle, valeur) {
|
|
|
68 |
debugMsg += valeur + "\n";
|
|
|
69 |
});
|
|
|
70 |
}
|
|
|
71 |
}
|
|
|
72 |
if (erreurMsg != '') {
|
|
|
73 |
$("#fc-zone-dialogue").append('<p class="msg">'+
|
|
|
74 |
'Er is een fout opgetreden bij het versturen van uw bericht.'+'<br />'+
|
|
|
75 |
'U kunt de storing melden bij <a href="'+
|
|
|
76 |
'mailto:cel@tela-botanica.org'+'?'+
|
|
|
77 |
'subject=Disfonctionnement du widget carto'+
|
|
|
78 |
"&body="+erreurMsg+"\nDébogage :\n"+debugMsg+
|
|
|
79 |
'">cel@tela-botanica.org</a>.'+
|
|
|
80 |
'</p>');
|
|
|
81 |
}
|
|
|
82 |
}
|
|
|
83 |
});
|
|
|
84 |
}
|
|
|
85 |
return false;
|
|
|
86 |
}
|
| 3630 |
idir |
87 |
|
| 3041 |
killian |
88 |
function initialiserFormulaireContact() {
|
|
|
89 |
$("#form-contact").validate({
|
|
|
90 |
rules: {
|
|
|
91 |
fc_sujet : "required",
|
|
|
92 |
fc_message : "required",
|
|
|
93 |
fc_utilisateur_courriel : {
|
|
|
94 |
required : true,
|
|
|
95 |
email : true}
|
|
|
96 |
}
|
|
|
97 |
});
|
|
|
98 |
$("#form-contact").live("submit", function(event) {
|
|
|
99 |
event.preventDefault();
|
|
|
100 |
envoyerCourriel();
|
|
|
101 |
});
|
|
|
102 |
$("#fc_annuler").live("click", function() {window.close();});
|
|
|
103 |
}
|
| 3630 |
idir |
104 |
|
| 3041 |
killian |
105 |
$(document).ready(function() {
|
|
|
106 |
initialiserFormulaireContact();
|
|
|
107 |
});
|
|
|
108 |
//]]>
|
|
|
109 |
</script>
|
|
|
110 |
<!-- Squelette du formulaire de contact -->
|
|
|
111 |
<div id="tpl-form-contact">
|
|
|
112 |
<form id="form-contact" method="post" action="">
|
|
|
113 |
<div id="fc-zone-dialogue"></div>
|
|
|
114 |
<div>
|
|
|
115 |
<div><label for="fc_sujet">Onderwerp</label></div>
|
|
|
116 |
<div><input id="fc_sujet" name="fc_sujet" value="<?= $donnees['sujet'] ?>"/></div>
|
|
|
117 |
<div><label for="fc_message">Bericht</label></div>
|
|
|
118 |
<div><textarea id="fc_message" name="fc_message"><?= $donnees['message'] ?></textarea></div>
|
|
|
119 |
<div><label for="fc_utilisateur_courriel" title="Gebruik het e-mailadres waarmee u bent aangemeld bij Tela Botanica">Jouw e-mailadres</label></div>
|
|
|
120 |
<div><input id="fc_utilisateur_courriel" name="fc_utilisateur_courriel"/></div>
|
|
|
121 |
</div>
|
|
|
122 |
<p>
|
|
|
123 |
<input id="fc_destinataire_id" name="fc_destinataire_id" type="hidden" value="<?= $donnees['id_image'] ?>" />
|
|
|
124 |
<input type="hidden" name="fc_type_envoi" id="fc_type_envoi" value="non-inscrit" />
|
|
|
125 |
<input id="fc_annuler" type="button" value="Annuleren">
|
|
|
126 |
<input id="fc_effacer" type="reset" value="Wissen">
|
|
|
127 |
<input id="fc_envoyer" type="submit" value="Verzenden" />
|
|
|
128 |
</form>
|
|
|
129 |
</div>
|
|
|
130 |
</body>
|
|
|
131 |
</html>
|