source: spip-zone/_plugins_/_test_/flickr_cc/flickr_cc.html @ 24669

Last change on this file since 24669 was 24669, checked in by fil@…, 11 years ago

c'est quoi ces sauts de ligne de merde?

File size: 4.7 KB
Line 
1[(#HTTP_HEADER{Content-type: text/html[; charset=(#CHARSET)]})]
2
3
4<div style="z-index: 1; position: absolute; top: 0px; width: 100%; height: 100%; background-color: #000000; opacity: 0.5; -moz-opacity: 0.5;filter: alpha(opacity=50);"></div>
5
6
7<div style="z-index: 2; overflow: auto; position: absolute; width: 90%; height: 90%; left: 5%; top: 5%; background-color: white; border: 1px solid #444444;">
8
9
10        <div class="formulaire_spip" style="border: 0px; border-bottom: 1px solid #cccccc;">
11                <form onsubmit="resultat_flickr(0); return false;" style="margin: 0px; padding: 0px;" action="#" method="get">
12               
13                <div style="float: right; padding: 10px; "><a onclick="fermer_flickr_cc(); return false;" href="#"><:flickrcc:fermer:></a></div>
14               
15               
16                [<div style="width: 15%; float: left; padding-top: 20px; padding-left: 20px;"><img src="(#CHEMIN{imgs/flickrcc.png}|url_absolue)" alt="" /></div>]
17               
18                <div style="width: 40%; float: left; padding: 10px; ">
19                        <ul style="margin: 0px; padding: 0px;"><li class="haut obligatoire" style="padding: 0px; margin: 0px;">
20                        <label class=""><:flickrcc:rechercher_flickr:></label>
21                       
22                        <div><input type="text" class="text" id="recherche_flickr" value="" name="recherche_flickr" style="font-size: 1.4em;" /></div>
23                        </li>
24                       
25                        <li class="choix" style="padding: 0px; padding-top: 5px;">
26                                <input type="radio" checked="checked" id="flickr_ordre1" name="flickr_ordre" value="relevance" style="vertical-align: bottom;" /><label for="flickr_ordre1"><:flickrcc:resultat_par_pertinence:></label>
27                                &nbsp; <input type="radio" id="flickr_ordre2" name="flickr_ordre" value="interestingness-desc" style="vertical-align: bottom;" /><label for="flickr_ordre2"><:flickrcc:resultat_par_interet:></label>
28                                &nbsp; <input type="radio" id="flickr_ordre3" name="flickr_ordre" value="date-posted-desc" style="vertical-align: bottom;" /><label for="flickr_ordre3"><:flickrcc:resultat_par_date:></label>
29                        </li>
30                        </ul>
31                </div>
32                                               
33                                               
34                                               
35        <script type="text/javascript"><!--
36       
37                function ajouter_flickr(id_image) {
38//                      fermer_flickr_cc();
39                       
40                        $('#loading_flickr').show();
41                        $('#resultat_flickr').hide().load("../?page=flickr_ajouter&id_article=#ENV{id_article}&id_image="+id_image,
42                                function() {
43                                        fermer_flickr_cc();     
44                                        $("#documents").load("?exec=flickr_documents&id_article=#ENV{id_article}");
45                                });
46                }
47       
48                function verifier_cc () {
49                        chaine = "";
50                       
51                        if ($("#license7").is(":checked")) {
52                                chaine = chaine + ",7";
53                        }
54                        if ($("#license1").is(":checked")) {
55                                                chaine = chaine + ",4,5";
56
57                                if ($("#license2").is(":checked")) {
58                               
59                                        if ($("#license4").is(":checked")) {
60                                                // Commercial et non-commercial // Deriv et non-deriv
61                                                chaine = chaine + ",1,2,3,6";
62                                       
63                                        } else {
64                                                // Commercial et non-commercial // Deriv
65                                                chaine = chaine + ",1,2";
66                                       
67                                        }
68                               
69
70                                } else {
71                                        if ($("#license4").is(":checked")) {
72                                                // Commercial // Deriv et non-deriv
73                                                chaine = chaine + ",6";
74                                        } else {
75                                                // Commercial // Deriv
76                                                chaine = chaine + "";
77                                        }
78                                }
79                       
80                        }
81                       
82                        $('#licenses').attr("value", chaine);
83                       
84                }
85                -->
86        </script>
87
88
89
90
91
92               
93<div style="float: left; width: 30%; font-size: 0.9em; margin-top: 10px; margin-bottom: 5px;">
94               
95<div><input name="license" id="license1" type="checkbox" checked="checked" value="1" onchange="if(!$('#license1').attr('checked')) {$('#license2').attr('checked', 0);$('#license4').attr('checked', 0);} verifier_cc();" >
96<label for="license1"><:flickrcc:cc_paternite:></label></div>
97               
98<div style="margin-left: 20px;"><input name="license" id="license2" type="checkbox" value="2"  onchange="if($('#license2').attr('checked')) {$('#license1').attr('checked', 1);} verifier_cc();">
99<label for="license2"><:flickrcc:cc_commerciale:></label></div>
100
101<div style="margin-left: 20px;"><input name="license" id="license4" type="checkbox" value="4"  onchange="if($('#license4').attr('checked')) {$('#license1').attr('checked', 1);} verifier_cc();">
102<label for="license4"><:flickrcc:cc_modification:></label></div>
103
104               
105<div><input name="license" id="license7" checked="checked" type="checkbox" value="7" onchange="verifier_cc();">
106<label for="license7"><:flickrcc:cc_pas_de_restriction:></label></div>
107
108
109<input type="hidden" id="licenses" name="licenses" value=",7,4,5" />
110
111</div>
112                       
113               
114                <div style="clear: left;"></div>
115                        <p class="boutons"><input type="submit" value="<:spip:info_rechercher:>" /></p>
116
117                </form>
118        </div>
119       
120                [<div id="loading_flickr" style="display: none; text-align: center; padding-top: 50px;"><img src="(#CHEMIN{images/loader.gif}|url_absolue)" alt="Chargement..." /></div>]
121       
122        <div id="resultat_flickr">
123                <div style="padding: 20px; padding-right: 200px; padding-left: 30px; margin-left: 15%; font-size: 0.9em;">
124                        <:flickrcc:flickr_cc_explication:>
125                </div>
126       
127        </div>
128</div>
Note: See TracBrowser for help on using the repository browser.