source: spip-zone/_plugins_/formulaire_upload/upload_zone.html @ 32289

Last change on this file since 32289 was 21022, checked in by toutati@…, 11 years ago

un css externe pour modifier facilement le formulaire d'upload, en esperant que ça ne casse rien ;)

File size: 3.6 KB
Line 
1#CACHE{86400}
2<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd'>
3<html dir="#LANG_DIR" lang="#LANG">
4<head>
5<title>Upload Zone - [(#NOM_SITE_SPIP|textebrut)]</title>
6[<meta name="description" content="(#INTRODUCTION|couper{150}|textebrut)" />]
7
8[(#REM) on peut surcharger la css du formulaire]
9[<link rel="stylesheet" href="(#CHEMIN{upload.css}|direction_css)" type="text/css" media="projection, screen, tv" />]
10
11<INCLURE{fond=inc-head}>
12
13
14<style type="text/css"><!--
15        #zone-documents td { vertical-align: top; font-size:small;}
16        #zone-documents td { border-top: dotted gray 1px;  padding-top: 5px; padding-bottom:8px; }
17
18        #zone-documents table { }
19        .fiche-document { width: 70%; }
20        .logo-document { width: 130px; text-align: center; }
21       
22        .ajaxloading {
23                background-image: url([(#CHEMIN{images/searching.gif}|url_absolue)]);
24                background-repeat:no-repeat;
25                background-position:center center;
26        }
27
28// --></style>
29
30[<script type="text/javascript" src="(#CHEMIN{javascript/jquery.MultiFile.js})"></script>
31][<script type="text/javascript" src="(#CHEMIN{javascript/jquery.upload_attach.js})"></script>
32]
33</head>
34
35<body class="page_upload">
36
37<div id="page">
38
39        [(#REM) Entete de la page + titre du site ]
40        <INCLURE{fond=inc-entete}>
41
42        <div id="hierarchie"><a href="#URL_SITE_SPIP/"><:accueil_site:></a></div>
43
44        <div id="conteneur">
45
46                [(#REM) Contenu principal : contenu de l'article ]
47                <div id="contenu">
48                        <div class="cartouche">
49                        <h1 class="titre">Upload zone</h1>
50                        </div>
51
52                        <div id="tous_docs">
53                        <INCLURE{fond=modeles/upload_documents_auteurs}>
54                        </div>
55
56                </div>
57        </div>
58
59
60<script type="text/javascript"><!--
61
62var load_zone_documents = function() {
63
64        var r = ($(this).attr('href')||'').match(/[?&;]debut_tous=([0-9]+)/);
65        r = r ? r[1] : 0;
66        $('#tous_docs')
67        .addClass('ajaxloading')
68        .css({'opacity': 0.5});
69        $.get(
70                '#URL_PAGE{mini_formulaire_upload}&liste=1&debut_tous='+r,
71                function(c) {
72                        $('#tous_docs')
73                        .html(
74                                $('<iframe>').html(c).find('#tous_docs').html()
75                        )
76                        .removeClass('ajaxloading')
77                        .css({'opacity':1.0});
78                        pagination_zone();
79                }
80        );
81        return false;
82};
83
84var pagination_zone = function() {
85        $('#zone-documents')
86        .prev('.pagination')
87        .find('a')
88        .click(load_zone_documents);
89};
90pagination_zone();
91
92// --></script>
93
94
95
96
97
98        <div id="navigation">
99                #FORMULAIRE_UPLOAD
100        </div>
101
102
103<script type='text/javascript'><!--
104if (window.jQuery && jQuery.fn.ajaxForm) {
105        window.jQuery(function() {
106                //options
107                //-url (string)
108                //-callback (function)
109                var options = {
110                        url: '#URL_PAGE{mini_formulaire_upload}',
111                        callback: function() {
112                                load_zone_documents(); // recharge la partie du milieu
113                                // si on reattache les evenements, remettre les crayons
114                                if (window.cQuery)
115                                        cQuery(".crayon:lt(1000)",this).initcrayon();
116                        }
117                };
118       
119                jQuery('.formulaire_upload')
120                .upload_attach(options)
121                // et la pagination
122                .each(function() {
123                        var self = this;
124                        $('.pagination a',self)
125                        .click(function(){
126                                var r = ($(this).attr('href')||'').match(/[?&;]debut_docs=([0-9]+)/);
127                                r = r ? r[1] : 0;
128                                $(self)
129                                .addClass('ajaxloading')
130                                .css({'opacity': 0.5});
131                                $.get(
132                                        '#URL_PAGE{mini_formulaire_upload}&debut_docs='+r,
133                                        function(c) {
134                                                $(self)
135                                                .removeClass('ajaxloading')
136                                                .css({'opacity': 1.0})
137                                                .html(
138                                                        $('<iframe>').html(c).find('.formulaire_upload').html()
139                                                ).
140                                                upload_attach(options);
141                                        }
142                                );
143                                return false;
144                        });
145                });
146        });
147}
148// --></script>
149
150
151
152
153<hr style="clear:both;" />
154
155<a href="http://www.spip-contrib.net/Formulaire-Upload">Documentation &amp; bugs</a>
156
157</div>
158</body>
159</html>
Note: See TracBrowser for help on using the repository browser.