Changeset 47970 in spip-zone


Ignore:
Timestamp:
May 20, 2011, 9:53:52 PM (10 years ago)
Author:
fil@…
Message:

une presentation plus pratique dans la marge ; ca reste laid

File:
1 edited

Legend:

Unmodified
Added
Removed
  • _plugins_/crayons/modeles/uploader_liste.html

    r47958 r47970  
    11<style>
    22.uploader {border:solid red 1px;}
    3 .uploader.hover {border:solid red 3px;}
     3.uploader.hover {border:dotted red 1px;}
     4.uploader li {border solid transparent 3px;}
    45.uploader li.loading {border:dotted red 3px;}
    56.uploader li.ok {border:solid green 3px;}
     7
     8#uploader#ID_ARTICLE {
     9        position: absolute;
     10        top: 10px;
     11        right: -180px;
     12        width: 170px;
     13        height: 100%;
     14        max-height: 600px;
     15        overflow: auto;
     16        overflow-x: hidden;
     17        background: #eee;
     18        border: solid #ccc 1px;
     19}
     20
     21#uploader#ID_ARTICLE.ferme {
     22        width: 30px; height: 15px; overflow-x:hide;overflow-y:hide;overflow:hide;
     23}
    624</style>
    725
    826
    9 <div id="uploader#ID_ARTICLE">
     27<div id="uploader#ID_ARTICLE" class="ferme">
    1028<i>Glissez un document ou une image dans cette zone pour l'ajouter à l'article.</i>
    1129
    12 <ul id="uploader_liste">
     30<ul id="uploader_liste" >
    1331<BOUCLE_d(DOCUMENTS){tous}{id_article}{!par id_document}{0,10}>
    1432<li>#MODELE{uploader_item,id_document}</li>
     
    2846        console.log(url);
    2947
    30         $('#uploader#ID_ARTICLE')
     48        $('textarea.crayon-active,#uploader#ID_ARTICLE')
    3149        .html5Uploader({
    3250                name: 'upss',
     
    6785        .bind("dragenter dragover", function() {
    6886                $(this).addClass('hover');
     87                $('#uploader#ID_ARTICLE')
     88                .removeClass('ferme');
    6989        })
    7090        .bind("dragleave", function() {
    7191                $(this).removeClass('hover');
     92                $('#uploader#ID_ARTICLE')
     93                .addClass('ferme');
    7294        })
    73         .bind("dragdrop", function() {
    74                 $(this).removeClass('hover');
     95        .bind("drop", function(e) {
     96                $(this)
     97                .removeClass('hover');
     98                $('#uploader#ID_ARTICLE')
     99                .removeClass('ferme');
    75100        })
    76101        .addClass('uploader')
    77102        ;
     103        $('#uploader#ID_ARTICLE')
     104        .hover(function() {
     105                $(this).removeClass('ferme');
     106        }, function() {
     107                $(this).addClass('ferme');
     108        });
    78109
    79110})(cQuery);
Note: See TracChangeset for help on using the changeset viewer.