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

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

Escal V3 : intégration partielle du plugin shoutbox + possibilité d'afficher la date dans la liste des derniers articles

File size: 2.4 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<fieldset>
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
40<label for="shoutbox_nick_#ENV{objet}" class="labelhide"><:petitions:form_pet_votre_nom:> :</label>
41<input type="text" name="session_nom" id="shoutbox_nick_#ENV{objet}" value="[(#SESSION{session_nom}|sinon{#SESSION{nom}})]" class="forml" style="width:95%;" />
42</fieldset>
43
44[(#REM)
45        Bouton
46]
47<p class="spip_bouton">
48<input type="submit" name="valide#ENV{objet}" value="#ENV{bouton}" />
49</p>
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
57<div class="nettoyeur"></div>
58</div>
59
60
61<script type='text/javascript' src='#CHEMIN{js/jquery.labelhide.js}'></script>
62<script type='text/javascript'><!--
63if (window.jQuery) (function($){
64        // adresse du fragment ajax
65        var url = 'spip.php?page=shoutbox\x26objet=#ENV{objet}\x26taille=#ENV{taille}';
66
67        // reload : au debut, toutes les 20s, puis 22, 24... 60s
68        // si on participe on revient a 5s, puis 7, 9... 60s
69        var r = 20;
70        var reload = function() {
71                $("#contenu_shoutbox_#ENV{objet}")
72                .load(url,function(){setTimeout(reload,1000*(r=Math.min(r+2,60)));});
73        }
74        setTimeout(reload, r);
75
76        $("#formulaire_shoutbox_[(#ENV{objet})] form")
77        .ajaxForm({
78                url: url,
79                target: "#contenu_shoutbox_#ENV{objet}",
80                beforeSubmit: function(){
81                        $("#shoutbox_#ENV{objet}").val('');
82                        $("#shoutbox_nick_#ENV{objet}").blur();
83                        $("#contenu_shoutbox_#ENV{objet}")
84                        .css('opacity', 0.5);
85                },
86                success: function(){
87                        $("#contenu_shoutbox_#ENV{objet}")
88                        .css('opacity', 1);
89                        r = 5;
90                        $("input#shoutbox_[(#ENV{objet})]").focus();
91                }
92        });
93
94        // Masquer le champ de saisie du nick sous son label
95
96})(jQuery);
97// --></script>
Note: See TracBrowser for help on using the repository browser.