source: spip-zone/_plugins_/sel/formulaires/inc-auteur-contact.html @ 61002

Last change on this file since 61002 was 61002, checked in by zonepro@…, 9 years ago

Mise à jour formulaire dépot annonce
File size: 16.9 KB
Line 
1<script type="text/javascript"><!--
2/* Déclaration des variables  */
3var geocodeur;
4geocodeur = new google.maps.Geocoder();
5
6function codeAdresse() {
7        if (document.getElementById("adresse1").value !='' && document.getElementById("code_postal").value !='' && document.getElementById("ville").value !='') {
8        var address = document.getElementById("adresse1").value+' '+document.getElementById("code_postal").value+' '+document.getElementById("ville").value;
9        geocodeur.geocode( { "address": address}, function(results, status) {
10       
11
12                /* Si l'adresse a pu être géolocalisée */
13                if (status == google.maps.GeocoderStatus.OK) {
14
15                        /* Récupération de sa latitude et de sa longitude */
16                        document.getElementById('lat').value = results[0].geometry.location.lat();
17                        document.getElementById('lon').value = results[0].geometry.location.lng();
18
19        // alert('lat dans le form : '+document.getElementById('lat')+' lon : '+document.getElementById('lon'));
20
21                } else {
22                        if (status=='ZERO_RESULTS') alert("<:sel:geocodage_zero_resultat:>");
23                        else alert("<:sel:geocodage_echec:>" + status);
24                }
25        });
26       
27        // Note : cette alert box 'stoppe' le départ du form et permet au géocodage de fonctionner. Même si on revient avec des erreurs.
28        // Si on l'enlève, le formulaire part et le géocodage ne fait pas ce qu'il faut.
29        // Trouver un autre moyen de stocker les valeurs lon et lat en base.
30        alert('geo : '.geocodeur.geocode);
31        // geocodeur.geocode = function(a,b){Q(ye, function(c){c.geocode(a,b);});}
32       
33        }
34}
35
36$(function() {
37
38    var i = 1;
39    $('#ajout_sel').click(function() {
40                var id = 'sels'+i;
41        $('<input type="text"  name="'+id+'" id="'+id+'" value="" />').appendTo('.editer_sel');
42                $(id).focus(); // ne marche pas : trouver un moyen de placer le focus dynamiquement sur le nouveau champ
43        i++;
44    });
45       
46    $('#ajout_selcorresp').click(function() {
47                var id = 'sels_corresp'+i;
48        $('<input type="text"  name="'+id+'" id="'+id+'" value="" />').appendTo('#correspondance_organisations');               
49        i++;
50    }); 
51 
52    $('#suppression_sel').click(function() {
53    if(i > 1) {
54        i--;
55        $('input#sels'+i).remove();
56    } 
57    });
58
59    $('#suppression_selcorresp').click(function() {
60    if (i > 1) {
61                i--;
62                var id = 'sels_corresp'+i;     
63        $('input#sels_corresp'+i).remove();     
64        }
65    }); 
66       
67 
68    $('a.reset').click(function() { 
69    while(i > 2) { // while you have more than 1 input on the page 
70        $('input:last').remove(); // remove inputs 
71        i--; 
72    } 
73    });
74
75
76        var sel = [
77                "JEU (Jardin d\'échanges Universel) <N&#176;0>",
78                <BOUCLE_listesel(SELS)>
79                "#NOM (#CODE_POSTAL) <N&#176;#ID_SEL>",
80                </BOUCLE_listesel>
81        ];
82               
83        $('input[id^="sels"]').live('focus', function() {       
84                $('input[id^="sels"]').autocomplete({
85                        source: sel,
86                        minLength: 3
87                });
88        });
89
90        $("#choix_selorg > a" ).toggle(function(e) {
91                e.preventDefault(); // Empêche le navigateur de suivre le lien.
92                $('#fleche').remove();
93                $('<img id="fleche" src="#CHEMIN{img/deplierbas.gif}" />').prependTo('#choix_selorg');
94                $('.editer_liste_organisations').show(500);     
95        },function(e) {
96                e.preventDefault();
97                $('#fleche').remove();
98                $('<img id="fleche" src="#CHEMIN{img/deplierhaut.gif}" />').prependTo('#choix_selorg');
99                $('.editer_liste_organisations').hide(500);
100        });
101       
102        $("#corresp_tous_sel").click(function() {
103
104                if ($('#corresp_tous_sel').prop('checked')) {
105                        $('input[id^="sels_corresp"]').attr("disabled", true);
106                        $('#ajout_selcorresp').attr("disabled", true);
107                        $('#suppression_selcorresp').attr("disabled", true);
108                }
109                if (!$('#corresp_tous_sel').prop('checked')) {
110                        $('input[id^="sels_corresp"]').attr("disabled", false);
111                        $('#ajout_selcorresp').attr("disabled", false);
112                        $('#suppression_selcorresp').attr("disabled", false);
113                }
114               
115        });
116       
117
118}); 
119// --></script>
120
121
122<style>
123div.choix-webmestre, div.rubriques_restreintes {
124        display: none;
125}
126</style>
127<li class='editer_localisation fieldset'>
128<ul style="display:none;"><!-- ce champ est caché dans l'espace publique. Il apparaitra ss forme de menu déroulant pour les admin généraux dans le back office -->
129        <li  class="editer editer_acces obligatoire[ (#ENV**{erreurs}|table_valeur{acces_auteur}|oui)erreur]">
130                <label for="acces"><:sel:entree_acces:></label>[
131                <span class='erreur_message'>(#ENV**{erreurs}|table_valeur{acces_auteur})</span>
132                ]<input type='text' class='text' name='acces' id='acces' value="[(#ENV**{acces})]" />
133        </li>
134</ul>
135<fieldset class='impair' >
136<legend><:auteur:info_coordonnees:></legend>
137<ul>
138        <li class="editer editer_adresse1 obligatoire[ (#ENV**{erreurs}|table_valeur{adresse1}|oui)erreur]">
139                                [<label for="adresse1">(#ENV{id_auteur}|=={#SESSION{id_auteur}}|?{<:auteur:entree_adresse1:>,<:auteur:entree_adresse1_2:>}) <:sel:entree_obligatoire:></label><br />][
140                                <span class='erreur_message'>(#ENV**{erreurs}|table_valeur{adresse1})</span><br />
141                                ]<input type='text' class='text' name='adresse1' id='adresse1' value="[(#ENV**{adresse1})]" onchange="codeAdresse();" />
142        </li>
143        <li class="editer editer_adresse2[ (#ENV**{erreurs}|table_valeur{adresse2}|oui)erreur]">
144                                [<label for="adresse2">(#ENV{id_auteur}|=={#SESSION{id_auteur}}|?{<:auteur:entree_adresse2:>,<:auteur:entree_adresse2_2:>})</label><br />][
145                                <span class='erreur_message'>(#ENV**{erreurs}|table_valeur{adresse2})</span><br />
146                                ]<input type='text' class='text' name='adresse2' id='adresse2' value="[(#ENV**{adresse2})]" />
147        </li>
148        <li class="editer editer_code_postal obligatoire[ (#ENV**{erreurs}|table_valeur{code_postal}|oui)erreur]">
149                                [<label for="code_postal">(#ENV{id_auteur}|=={#SESSION{id_auteur}}|?{<:auteur:entree_code_postal:>,<:auteur:entree_code_postal_2:>}) <:sel:entree_obligatoire:></label><br />][
150                                <span class='erreur_message'>(#ENV**{erreurs}|table_valeur{code_postal})</span><br />
151                                ]<input type='text' class='text' name='code_postal' id='code_postal' maxlength='20' value="[(#ENV**{code_postal})]" onchange="codeAdresse();" />
152        </li>
153        <li class="editer editer_ville obligatoire[ (#ENV**{erreurs}|table_valeur{ville}|oui)erreur]">
154                                [<label for="ville">(#ENV{id_auteur}|=={#SESSION{id_auteur}}|?{<:auteur:entree_ville:>,<:auteur:entree_ville_2:>}) <:sel:entree_obligatoire:></label><br />][
155                                <span class='erreur_message'>(#ENV**{erreurs}|table_valeur{ville})</span><br />
156                                ]<input type='text' class='text' name='ville' id='ville' maxlength='255' value="[(#ENV**{ville})]" onchange="codeAdresse();" />
157        </li>           
158        <li class="editer editer_pays[ (#ENV**{erreurs}|table_valeur{pays}|oui)erreur]">
159                        [<label for="pays"><strong>(#ENV{id_auteur}|=={#SESSION{id_auteur}}|?{<:auteur:entree_pays:>,<:auteur:entree_pays_2:>}) <:sel:entree_obligatoire:></strong></label><br />]
160                        [<span class='erreur_message'>(#ENV**{erreurs}|table_valeur{pays})</span><br />]
161<!-- chercher les codes utf8 de chaque pays (france = fr, etc...-->
162                        <select name="pays" id="pays">
163                                <option value='al' [(#ENV{pays}|=={al}|oui) selected="selected"]><:sel:pays_albanie:></option>
164                                <option value='dz' [(#ENV{pays}|=={dz}|oui) selected="selected"]><:sel:pays_algerie:></option>
165                                <option value='de' [(#ENV{pays}|=={de}|oui) selected="selected"]><:sel:pays_allemagne:></option>
166                                <option value='ad' [(#ENV{pays}|=={ad}|oui) selected="selected"]><:sel:pays_andorre:></option>
167                                <option value='am' [(#ENV{pays}|=={am}|oui) selected="selected"]><:sel:pays_armenie:></option>
168                                <option value='at' [(#ENV{pays}|=={at}|oui) selected="selected"]><:sel:pays_autriche:></option>
169                                <option value='az' [(#ENV{pays}|=={az}|oui) selected="selected"]><:sel:pays_azerbaidjan:></option>
170                                <option value='be' [(#ENV{pays}|=={be}|oui) selected="selected"]><:sel:pays_belgique:></option>
171                                <option value='bj' [(#ENV{pays}|=={bj}|oui) selected="selected"]><:sel:pays_benin:></option>
172                                <option value='ba' [(#ENV{pays}|=={ba}|oui) selected="selected"]><:sel:pays_bosnie_herzegovine:></option>                       
173                                <option value='bg' [(#ENV{pays}|=={bg}|oui) selected="selected"]><:sel:pays_bulgarie:></option>
174                                <option value='bf' [(#ENV{pays}|=={bf}|oui) selected="selected"]><:sel:pays_burkina_faso:></option>
175                                <option value='bi' [(#ENV{pays}|=={bi}|oui) selected="selected"]><:sel:pays_burundi:></option>
176                                <option value='cm' [(#ENV{pays}|=={cm}|oui) selected="selected"]><:sel:pays_cameroun:></option>
177                                <option value='ca' [(#ENV{pays}|=={ca}|oui) selected="selected"]><:sel:pays_canada:></option>
178                                <option value='cf' [(#ENV{pays}|=={cf}|oui) selected="selected"]><:sel:pays_centrafique:></option>
179                                <option value='cy' [(#ENV{pays}|=={cy}|oui) selected="selected"]><:sel:pays_chypre:></option>
180                                <option value='km' [(#ENV{pays}|=={km}|oui) selected="selected"]><:sel:pays_comores:></option>
181                                <option value='ci' [(#ENV{pays}|=={ci}|oui) selected="selected"]><:sel:pays_cote_divoire:></option>
182                                <option value='hr' [(#ENV{pays}|=={hr}|oui) selected="selected"]><:sel:pays_croatie:></option>
183                                <option value='dk' [(#ENV{pays}|=={dk}|oui) selected="selected"]><:sel:pays_danemark:></option>
184                                <option value='dj' [(#ENV{pays}|=={dj}|oui) selected="selected"]><:sel:pays_djibouti:></option>
185                                <option value='es' [(#ENV{pays}|=={es}|oui) selected="selected"]><:sel:pays_espagne:></option>
186                                <option value='ee' [(#ENV{pays}|=={ee}|oui) selected="selected"]><:sel:pays_estonie:></option>
187                                <option value='fi' [(#ENV{pays}|=={fi}|oui) selected="selected"]><:sel:pays_finlande:></option>
188                                <option value='fr' [(#ENV{pays}|=={fr}|or{#ENV{id_auteur}|=={oui}}|oui) selected="selected"]><:sel:pays_france:></option>
189                                <option value='ga' [(#ENV{pays}|=={ga}|oui) selected="selected"]><:sel:pays_gabon:></option>
190                                <option value='ge' [(#ENV{pays}|=={ge}|oui) selected="selected"]><:sel:pays_georgie:></option>
191                                <option value='gr' [(#ENV{pays}|=={gr}|oui) selected="selected"]><:sel:pays_grece:></option>
192                                <option value='gn' [(#ENV{pays}|=={gn}|oui) selected="selected"]><:sel:pays_guinee:></option>
193                                <option value='gq' [(#ENV{pays}|=={gq}|oui) selected="selected"]><:sel:pays_guinee_equatoriale:></option>
194                                <option value='ht' [(#ENV{pays}|=={ht}|oui) selected="selected"]><:sel:pays_haiti:></option>
195                                <option value='hu' [(#ENV{pays}|=={hu}|oui) selected="selected"]><:sel:pays_hongrie:></option>
196                                <option value='ie' [(#ENV{pays}|=={ie}|oui) selected="selected"]><:sel:pays_irlande:></option>
197                                <option value='is' [(#ENV{pays}|=={is}|oui) selected="selected"]><:sel:pays_islande:></option>
198                                <option value='it' [(#ENV{pays}|=={it}|oui) selected="selected"]><:sel:pays_italie:></option>
199                                <option value='je' [(#ENV{pays}|=={je}|oui) selected="selected"]><:sel:pays_jersey:></option>
200                                <option value='kz' [(#ENV{pays}|=={kz}|oui) selected="selected"]><:sel:pays_kazakhstan:></option>
201                                <option value='ko' [(#ENV{pays}|=={ko}|oui) selected="selected"]><:sel:pays_kosovo:></option>
202                                <option value='lv' [(#ENV{pays}|=={lv}|oui) selected="selected"]><:sel:pays_lettonie:></option>
203                                <option value='lb' [(#ENV{pays}|=={lb}|oui) selected="selected"]><:sel:pays_liban:></option>
204                                <option value='li' [(#ENV{pays}|=={li}|oui) selected="selected"]><:sel:pays_liechtenstein:></option>
205                                <option value='lt' [(#ENV{pays}|=={lt}|oui) selected="selected"]><:sel:pays_lituanie:></option>
206                                <option value='lu' [(#ENV{pays}|=={lu}|oui) selected="selected"]><:sel:pays_luxembourg:></option>
207                                <option value='mk' [(#ENV{pays}|=={mk}|oui) selected="selected"]><:sel:pays_macedoine:></option>
208                                <option value='mg' [(#ENV{pays}|=={mg}|oui) selected="selected"]><:sel:pays_madagascar:></option>
209                                <option value='ml' [(#ENV{pays}|=={ml}|oui) selected="selected"]><:sel:pays_mali:></option>
210                                <option value='mt' [(#ENV{pays}|=={mt}|oui) selected="selected"]><:sel:pays_malte:></option>
211                                <option value='ma' [(#ENV{pays}|=={ma}|oui) selected="selected"]><:sel:pays_maroc:></option>
212                                <option value='mu' [(#ENV{pays}|=={mu}|oui) selected="selected"]><:sel:pays_maurice:></option>
213                                <option value='md' [(#ENV{pays}|=={md}|oui) selected="selected"]><:sel:pays_moldavie:></option>
214                                <option value='mc' [(#ENV{pays}|=={mc}|oui) selected="selected"]><:sel:pays_monaco:></option>
215                                <option value='me' [(#ENV{pays}|=={me}|oui) selected="selected"]><:sel:pays_montenegro:></option>
216                                <option value='ne' [(#ENV{pays}|=={ne}|oui) selected="selected"]><:sel:pays_niger:></option>
217                                <option value='no' [(#ENV{pays}|=={no}|oui) selected="selected"]><:sel:pays_norvege:></option>
218                                <option value='nl' [(#ENV{pays}|=={nl}|oui) selected="selected"]><:sel:pays_pays_bas:></option>
219                                <option value='pl' [(#ENV{pays}|=={pl}|oui) selected="selected"]><:sel:pays_pologne:></option>
220                                <option value='pt' [(#ENV{pays}|=={pt}|oui) selected="selected"]><:sel:pays_portugal:></option>
221                                <option value='cd' [(#ENV{pays}|=={cd}|oui) selected="selected"]><:sel:pays_republique_democratique_du_congo:></option>
222                                <option value='cg' [(#ENV{pays}|=={cg}|oui) selected="selected"]><:sel:pays_republique_du_congo:></option>
223                                <option value='cz' [(#ENV{pays}|=={cz}|oui) selected="selected"]><:sel:pays_republique_tcheque:></option>
224                                <option value='ro' [(#ENV{pays}|=={ro}|oui) selected="selected"]><:sel:pays_roumanie:></option>
225                                <option value='gb' [(#ENV{pays}|=={gb}|oui) selected="selected"]><:sel:pays_royaume_uni:></option>
226                                <option value='rw' [(#ENV{pays}|=={rw}|oui) selected="selected"]><:sel:pays_rwanda:></option>
227                                <option value='sn' [(#ENV{pays}|=={sn}|oui) selected="selected"]><:sel:pays_senegal:></option>
228                                <option value='rs' [(#ENV{pays}|=={rs}|oui) selected="selected"]><:sel:pays_serbie:></option>
229                                <option value='sc' [(#ENV{pays}|=={s}|oui) selected="selected"]><:sel:pays_seychelles:></option>
230                                <option value='sk' [(#ENV{pays}|=={sk}|oui) selected="selected"]><:sel:pays_slovaquie:></option>
231                                <option value='si' [(#ENV{pays}|=={si}|oui) selected="selected"]><:sel:pays_slovenie:></option>
232                                <option value='se' [(#ENV{pays}|=={se}|oui) selected="selected"]><:sel:pays_suede:></option>
233                                <option value='ch' [(#ENV{pays}|=={ch}|oui) selected="selected"]><:sel:pays_suisse:></option>
234                                <option value='td' [(#ENV{pays}|=={td}|oui) selected="selected"]><:sel:pays_tchad:></option>
235                                <option value='tg' [(#ENV{pays}|=={tg}|oui) selected="selected"]><:sel:pays_togo:></option>
236                                <option value='tn' [(#ENV{pays}|=={tn}|oui) selected="selected"]><:sel:pays_tunisie:></option>
237                                <option value='ua' [(#ENV{pays}|=={ua}|oui) selected="selected"]><:sel:pays_ukraine:></option>
238                        </select>
239        </li>
240        <!-- Préremplir ce champ, faire une proposition en fonction de la valeur de lang. Faire une table des pays ? -->
241        <li class="editer editer_tel1 obligatoire[ (#ENV**{erreurs}|table_valeur{tel1}|oui)erreur]">
242                                [<label for="tel1">(#ENV{id_auteur}|=={#SESSION{id_auteur}}|?{<:auteur:entree_tel1:>,<:auteur:entree_tel1_2:>}) <:sel:entree_obligatoire:></label><br />][
243                                <span class='erreur_message'>(#ENV**{erreurs}|table_valeur{tel1})</span><br />
244                                ]<input type='text' class='text' name='tel1' id='tel1' maxlength='50' value="[(#ENV**{tel1})]" />
245        </li>
246        <li class="editer editer_tel2[ (#ENV**{erreurs}|table_valeur{tel2}|oui)erreur]">
247                                [<label for="tel2">(#ENV{id_auteur}|=={#SESSION{id_auteur}}|?{<:auteur:entree_tel2:>,<:auteur:entree_tel2_2:>})</label><br />][
248                                <span class='erreur_message'>(#ENV**{erreurs}|table_valeur{tel2})</span><br />
249                                ]<input type='text' class='text' name='tel2' id='tel2' maxlength='50' value="[(#ENV**{tel2})]" />
250        </li>
251                       
252        <li style="display:none;" class="editer editer_lon">
253                                <label for="lon"><:sel:entree_lon:> <!--dans l'espace privé, ajouter un bouton pour relancer le géocodage)--></label><br />
254                                <input type='text' class='text' name='lon' id='lon' maxlength='50' value="[(#ENV**{lon})]" />
255        </li>
256        <li style="display:none;" class="editer editer_lat">
257                                <label for="lat"><:sel:entree_lat:></label><br />
258                                <input type='text' class='text' name='lat' id='lat' maxlength='50' value="[(#ENV**{lat})]" />
259        </li>                   
260                       
261        <li class="editer editer_commentaires[ (#ENV**{erreurs}|table_valeur{commentaires}|oui)erreur]">
262                                <label for="commentaires"><:auteur:entree_commentaires:></label><br />[
263                                <span class='erreur_message'>(#ENV**{erreurs}|table_valeur{commentaires})</span><br />
264                                ]<textarea name='commentaires' id='commentaires' rows='4' cols='40'>[(#ENV**{commentaires})]</textarea>
265        </li>
266                       
267        [(#REM) Si pas connecté, ou connecté comme visiteur ou rédacteur, le choix du statut a disparu, on le remplace par ceci. ]
268        [(#SESSION{statut}|non
269                |or{#SESSION{statut}|=={6forum}}
270                        |or{#SESSION{statut}|=={1comite}}|oui)
271                        <li><input type='hidden' name='statut' id='statut' value="[(#ENV**{statut})]" /></li>
272        ]
273</ul>
274</fieldset>     
275<fieldset class='choixsel' >
276<legend><:auteur:membre_auteur_sel:></legend>
277<ul>
278        <li class="editer editer_sel">
279                <p><:sel:explication_choixsel:> :</p>
280                <label for="sels0"><strong><:sel:entree_sel:> <:sel:entree_obligatoire:></strong></label><br />
281                [<span class='erreur_message'>(#ENV**{erreurs}|table_valeur{sels0})</span><br />]
282                <input type='text' class='text' name='sels0' id='sels0' maxlength='50' value="[(#ENV**{sels})]" />
283                <input type="button" class="button" value="<:sel:ajout_sel:>" id="ajout_sel" />
284                <input type="button" class="button" value="<:sel:suppr_sel:>" id="suppression_sel" />                           
285        </li>
286</ul>
287</fieldset>
288</li>
Note: See TracBrowser for help on using the repository browser.