Subversion Repositories eFlore/Applications.cel

Rev

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

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