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