| New file |
|---|
| 0,0 → 1,131 |
|---|
| <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> |
| <html> |
| <head> |
| <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> |
| <title>Neem contact op met de auteur van de afbeelding</title> |
| <link rel="stylesheet" type="text/css" href="<?=$url_css?>contact.css" media="screen" /> |
| <script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/1.6.2/jquery-1.6.2.min.js"></script> |
| <link type="text/css" rel="stylesheet" href="https://www.tela-botanica.org/commun/bootstrap/2.0.2/css/bootstrap.css"> |
| <script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/validate/1.8.1/jquery.validate.min.js"></script> |
| <script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/validate/1.8.1/messages_fr.js"></script> |
| </head> |
| <body> |
| <script type="text/javascript"> |
| //<![CDATA[ |
| |
| var donnees = new Array(); |
| function envoyerCourriel() { |
| //console.log('Formulaire soumis'); |
| if ($("#form-contact").valid()) { |
| var destinataireId = $("#fc_destinataire_id").attr('value'); |
| var typeEnvoi = $("#fc_type_envoi").attr('value'); |
| // l'envoi aux non inscrits passe par le service intermédiaire du cel |
| // qui va récupérer le courriel associé à l'image indiquée |
| var urlMessage = "https://www.tela-botanica.org/service:cel:celMessage/image/"+destinataireId; |
| var erreurMsg = ""; |
| console.log($(this)); |
| $.each($("#form-contact").serializeArray(), function (index, champ) { |
| var cle = champ.name; |
| cle = cle.replace(/^fc_/, ''); |
| |
| if (cle == 'sujet') { |
| champ.value += " - Carnet en ligne - Tela Botanica"; |
| } |
| if (cle == 'message') { |
| champ.value += "\n--\n"+ |
| "Dit bericht wordt u toegestuurd via de fotowidget van de ‘Carnet en Ligne’ van het Tela Botanica netwerk.\n"+ |
| "http://www.tela-botanica.org/widget:cel:photo"; |
| } |
| |
| donnees[index] = {'name':cle,'value':champ.value}; |
| }); |
| $.ajax({ |
| type : "POST", |
| cache : false, |
| url : urlMessage, |
| data : donnees, |
| beforeSend : function() { |
| $(".msg").remove(); |
| }, |
| success : function(data) { |
| $("#fc-zone-dialogue").append('<pre class="msg info">'+data.message+'</pre>'); |
| }, |
| error : function(jqXHR, textStatus, errorThrown) { |
| erreurMsg += "Erreur Ajax :\ntype : "+textStatus+' '+errorThrown+"\n"; |
| reponse = jQuery.parseJSON(jqXHR.responseText); |
| if (reponse != null) { |
| $.each(reponse, function (cle, valeur) { |
| erreurMsg += valeur + "\n"; |
| }); |
| } |
| }, |
| complete : function(jqXHR, textStatus) { |
| var debugMsg = ''; |
| if (jqXHR.getResponseHeader("X-DebugJrest-Data") != '') { |
| debugInfos = jQuery.parseJSON(jqXHR.getResponseHeader("X-DebugJrest-Data")); |
| if (debugInfos != null) { |
| $.each(debugInfos, function (cle, valeur) { |
| debugMsg += valeur + "\n"; |
| }); |
| } |
| } |
| if (erreurMsg != '') { |
| $("#fc-zone-dialogue").append('<p class="msg">'+ |
| 'Er is een fout opgetreden bij het versturen van uw bericht.'+'<br />'+ |
| 'U kunt de storing melden bij <a href="'+ |
| 'mailto:cel@tela-botanica.org'+'?'+ |
| 'subject=Disfonctionnement du widget carto'+ |
| "&body="+erreurMsg+"\nDébogage :\n"+debugMsg+ |
| '">cel@tela-botanica.org</a>.'+ |
| '</p>'); |
| } |
| } |
| }); |
| } |
| return false; |
| } |
| |
| function initialiserFormulaireContact() { |
| $("#form-contact").validate({ |
| rules: { |
| fc_sujet : "required", |
| fc_message : "required", |
| fc_utilisateur_courriel : { |
| required : true, |
| email : true} |
| } |
| }); |
| $("#form-contact").live("submit", function(event) { |
| event.preventDefault(); |
| envoyerCourriel(); |
| }); |
| $("#fc_annuler").live("click", function() {window.close();}); |
| } |
| |
| $(document).ready(function() { |
| initialiserFormulaireContact(); |
| }); |
| //]]> |
| </script> |
| <!-- Squelette du formulaire de contact --> |
| <div id="tpl-form-contact"> |
| <form id="form-contact" method="post" action=""> |
| <div id="fc-zone-dialogue"></div> |
| <div> |
| <div><label for="fc_sujet">Onderwerp</label></div> |
| <div><input id="fc_sujet" name="fc_sujet" value="<?= $donnees['sujet'] ?>"/></div> |
| <div><label for="fc_message">Bericht</label></div> |
| <div><textarea id="fc_message" name="fc_message"><?= $donnees['message'] ?></textarea></div> |
| <div><label for="fc_utilisateur_courriel" title="Gebruik het e-mailadres waarmee u bent aangemeld bij Tela Botanica">Jouw e-mailadres</label></div> |
| <div><input id="fc_utilisateur_courriel" name="fc_utilisateur_courriel"/></div> |
| </div> |
| <p> |
| <input id="fc_destinataire_id" name="fc_destinataire_id" type="hidden" value="<?= $donnees['id_image'] ?>" /> |
| <input type="hidden" name="fc_type_envoi" id="fc_type_envoi" value="non-inscrit" /> |
| <input id="fc_annuler" type="button" value="Annuleren"> |
| <input id="fc_effacer" type="reset" value="Wissen"> |
| <input id="fc_envoyer" type="submit" value="Verzenden" /> |
| </form> |
| </div> |
| </body> |
| </html> |