Subversion Repositories eFlore/Applications.cel

Rev

Rev 3041 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
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">
14
	//<![CDATA[
15
 
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_/, '');
30
 
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
					}
39
 
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
							});
60
						}
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
		}
87
 
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
		}
104
 
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>