[SPIP] +spip v3.0.17
[lhc/web/clavette_www.git] / www / prive / formulaires / selecteur / ajax.html
1 #SET{bouton_modif,#ENV{select,''}|?{bouton_modifier,bouton_ajouter}|_T}
2
3 [(#REM) Afficher un bouton ajax Modifier a la premiere fois ]
4 [(#ENV{picker,''}|non)
5 <div class='picker_bouton'><a href='[(#SELF|parametre_url{picker,1})]' class="ajax nohistory">#GET{bouton_modif}</a></div>
6 ]
7
8 [(#REM) Afficher un bouton Fermer/Modifier ensuite ]
9 [(#ENV{picker,''}|oui)
10 <div class="picker_bouton">
11 <a
12 class="close"
13 href="[(#SELF|parametre_url{picker,0})]"
14 onclick="jQuery(this).parent().picker_toggle();return false;"
15 ><:bouton_fermer:></a><a
16 class="edit"
17 href="[(#SELF|parametre_url{picker,1})]"
18 onclick="jQuery(this).parent().picker_toggle();return false;"
19 style="display:none;">#GET{bouton_modif}</a>
20 </div>
21
22 [(#REM) et enfin le navigateur (et l'ajout rapide) ------]
23 <div class="browser">
24 <div class="choix choix_rapide">
25 <label for="picker_rapide_#ENV{name}"><:label_ajout_id_rapide:></label>
26 <input type="text" value="" id="picker_rapide_#ENV{name}" size="10" />
27 <a id="bouton_picker_rapide_#ENV{name}" href="#">#GET{bouton_modif}</a>
28 <script type="text/javascript" language="javascript" charset="utf-8">
29 jQuery(function(){
30 jQuery('#bouton_picker_rapide_#ENV{name}').click(function(){
31 jQuery.ajax({
32 dataType: 'json',
33 url: '[(#URL_PAGE{ajax_selecteur})]',
34 data: {
35 objets:[(#ENV{objets/selectionner}|json_encode|sinon{\[\]}),]
36 ref: jQuery('#picker_rapide_#ENV{name}').attr('value')
37 },
38 success: function(r, statut, xhr){
39 if (r){
40 jQuery('#picker_rapide_#ENV{name}').item_pick(r.id,'#ENV{name,id_item}',r.titre,r.type);
41 }
42 jQuery('#picker_rapide_#ENV{name}').attr('value','');
43 }
44 });
45 return false;
46 });
47
48 // Ne pas valider le formulaire si on appuie sur Entrée.
49 jQuery('#picker_rapide_#ENV{name}').keypress(function(e){
50 if (e.which == 13) {
51 jQuery('a#bouton_picker_rapide_#ENV{name}').trigger("click");
52 return false;
53 }
54 });
55 });
56 </script>
57 </div>
58 [(#ENV{objet}|=={racine}|ou{#ENV{id_objet}|=={0}}|oui)
59 #SET{skel, racine}
60 ]
61 [(#ENV{objet}|=={racine}|ou{#ENV{id_objet}|=={0}}|non)
62 [(#SET{skel, [(#ENV{objet}|table_objet)]})]
63 ]
64 <div class="navigateur">
65 <INCLURE{fond=formulaires/selecteur/hierarchie-#GET{skel}, env}>
66 </div>
67 </div>
68 ]