source: spip-zone/_squelettes_/escal/branche_V3/formulaires/shoutbox.html @ 62383

Last change on this file since 62383 was 62383, checked in by jcvilleneuve@…, 8 years ago

Pour Escal 3 : aémlioration de la config de la page contact + configs supplémentaires

File size: 2.5 KB
Line 
1<div class="formulaire_spip formulaire_shoutbox" id="formulaire_shoutbox_#ENV{objet}">
2
3[(#REM)
4        Le formulaire de saisie
5]
6<form action="#SELF#formulaire_shoutbox_#ENV{objet}" method="post">
7
8[(#REM)
9        Un message en cas d'erreur
10]
11[<p class="erreur">(#ENV*{erreur})</p>]
12
13
14
15[(#REM)
16        Contenu de la shoutbox
17]
18<br />
19<div id="contenu_shoutbox_#ENV{objet}">
20<INCLURE{fond=inc-shoutbox}{objet}{taille}>
21</div>
22
23[(#REM)
24        Un message si on vient d'ajouter une ligne ?
25        a passer dans le inc-shoutbox (a cause d'ajax)
26        idem pour l'erreur...
27]
28[(#ENV{nouveau}|?{'  '})]
29
30[(#REM)
31        Champ de saisie d'une nouvelle ligne
32]
33<p><label for="shoutbox_#ENV{objet}"><:info_texte_message:></label>
34<input name="shoutbox_#ENV{objet}" id="shoutbox_#ENV{objet}"
35class="text"
36onfocus="this.value='';"
37/></p>
38
39<label for="shoutbox_nick_#ENV{objet}" class="labelhide"><:escal:votre_nom:></label>
40<input type="text" name="session_nom" id="shoutbox_nick_#ENV{objet}" value="[(#SESSION{session_nom}|sinon{#SESSION{nom}})]" class="forml" style="width:95%;" />
41
42[(#REM)
43        Bouton
44]
45<p class="spip_bouton">
46<input type="submit" name="valide#ENV{objet}" value="#ENV{bouton}" />
47</p>
48
49
50
51[(#REM) Antispam "nobot" ]
52<p style='display: none;'><label for="nobot"><:antispam_champ_vide:></label>
53<input type="text" name="nobot" id="nobot" value="" size="10" /></p>
54
55</form>
56</div>
57
58
59<script type='text/javascript' src='#CHEMIN{js/jquery.labelhide.js}'></script>
60<script type='text/javascript'><!--
61if (window.jQuery) (function($){
62        // adresse du fragment ajax
63        var url = 'spip.php?page=shoutbox\x26objet=#ENV{objet}\x26taille=#ENV{taille}';
64
65        // reload : au debut, toutes les 20s, puis 22, 24... 60s
66        // si on participe on revient a 5s, puis 7, 9... 60s
67        var r = 20;
68        var reload = function() {
69                $("#contenu_shoutbox_#ENV{objet}")
70                .load(url,function(){setTimeout(reload,1000*(r=Math.min(r+2,60)));});
71        }
72        setTimeout(reload, r);
73
74        $("#formulaire_shoutbox_[(#ENV{objet})] form")
75        .ajaxForm({
76                url: url,
77                target: "#contenu_shoutbox_#ENV{objet}",
78                beforeSubmit: function(){
79                        $("#shoutbox_#ENV{objet}").val('');
80                        $("#shoutbox_nick_#ENV{objet}").blur();
81                        $("#contenu_shoutbox_#ENV{objet}")
82                        .css('opacity', 0.5);
83                },
84                success: function(){
85                        $("#contenu_shoutbox_#ENV{objet}")
86                        .css('opacity', 1);
87                        r = 5;
88                        $("input#shoutbox_[(#ENV{objet})]").focus();
89                }
90        });
91
92        // Masquer le champ de saisie du nick sous son label
93        $('label.labelhide').labelhide();
94})(jQuery);
95// --></script>
Note: See TracBrowser for help on using the repository browser.